2 lines
19 KiB
CSS
2 lines
19 KiB
CSS
.smart-card[data-v-50cc595c]{position:relative;background:rgba(255,255,255,.98);border-radius:16px;padding:16px;min-height:140px;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;transform-style:preserve-3d}.smart-card[data-v-50cc595c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--category-color);opacity:.8;transition:opacity .3s ease}.smart-card[data-v-50cc595c]:hover:before{opacity:1}.smart-card.is-hovered[data-v-50cc595c]{box-shadow:0 12px 32px #00000026,0 0 0 1px #0000001a;transform:translateY(-4px) scale(1.02)}.smart-card.is-pressed[data-v-50cc595c]{transform:scale(.98) translateY(0);box-shadow:0 2px 8px #0000001a}.card-decoration[data-v-50cc595c]{position:absolute;top:0;right:0;width:60px;height:60px;border-radius:0 16px 0 12px;opacity:.15;transition:opacity .3s ease;pointer-events:none}.smart-card.is-hovered .card-decoration[data-v-50cc595c]{opacity:.25;width:80px;height:80px}.card-content[data-v-50cc595c]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;gap:12px}.card-header[data-v-50cc595c]{display:flex;flex-direction:column;gap:6px}.category-badge[data-v-50cc595c]{display:inline-block;padding:4px 10px;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #00000026}.card-title[data-v-50cc595c]{font-size:1.05rem;font-weight:800;color:#1a1a1a;line-height:1.3;margin:0;letter-spacing:-.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body[data-v-50cc595c]{flex:1;display:flex;flex-direction:column;gap:8px}.card-description[data-v-50cc595c]{font-size:.85rem;color:#555;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em}.card-url[data-v-50cc595c]{font-size:.75rem;color:#888;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;background:rgba(0,0,0,.03);border-radius:6px;align-self:flex-start}.card-footer[data-v-50cc595c]{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.interaction-hint[data-v-50cc595c]{display:flex;align-items:center;gap:6px;opacity:.6;transition:opacity .3s ease;font-size:.75rem;color:#666}.smart-card.is-hovered .interaction-hint[data-v-50cc595c]{opacity:1;color:var(--category-color)}.hint-icon[data-v-50cc595c]{font-size:.9rem}.hint-text[data-v-50cc595c]{font-weight:600}.hover-actions[data-v-50cc595c]{display:flex;gap:4px}.action-icon[data-v-50cc595c]{width:24px;height:24px;border:none;background:rgba(0,0,0,.05);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease;color:#666}.action-icon[data-v-50cc595c]:hover{background:var(--category-color);color:#fff;transform:scale(1.1)}.hover-glow[data-v-50cc595c]{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:16px;opacity:0;animation:glow-pulse-50cc595c 1.5s ease-in-out infinite;pointer-events:none;z-index:1}.smart-card.is-hovered .hover-glow[data-v-50cc595c]{opacity:.4}@keyframes glow-pulse-50cc595c{0%,to{opacity:.3;filter:blur(8px)}50%{opacity:.6;filter:blur(12px)}}.ripple-effect[data-v-50cc595c]{position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:.6;animation:ripple-50cc595c .6s ease-out;pointer-events:none;z-index:3}@keyframes ripple-50cc595c{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.smart-card[data-v-50cc595c]:active{transform:scale(.97)}@media (max-width: 768px){.smart-card[data-v-50cc595c]{padding:12px;min-height:120px;border-radius:12px}.card-title[data-v-50cc595c]{font-size:.95rem}.card-description[data-v-50cc595c]{font-size:.8rem;-webkit-line-clamp:2}.card-url[data-v-50cc595c]{font-size:.7rem}.category-badge[data-v-50cc595c]{font-size:.65rem;padding:3px 8px}}@media (max-width: 480px){.smart-card[data-v-50cc595c]{padding:10px;min-height:110px}.card-title[data-v-50cc595c]{font-size:.9rem}.card-description[data-v-50cc595c]{-webkit-line-clamp:1;font-size:.75rem}}@media (prefers-color-scheme: dark){.smart-card[data-v-50cc595c]{background:rgba(30,30,30,.95);border-color:#ffffff1a}.card-title[data-v-50cc595c]{color:#f0f0f0}.card-description[data-v-50cc595c]{color:#bbb}.card-url[data-v-50cc595c]{background:rgba(255,255,255,.05);color:#999}}.search-container[data-v-c0a570bf]{position:relative;z-index:100;width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.search-box[data-v-c0a570bf]{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.95);border-radius:20px;padding:12px 16px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.search-box[data-v-c0a570bf]:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:0}.search-box.is-focused[data-v-c0a570bf]{border-color:#667eea;box-shadow:0 6px 30px #667eea4d;transform:translateY(-2px)}.search-box.is-focused[data-v-c0a570bf]:before{opacity:.05}.search-icon[data-v-c0a570bf]{position:relative;z-index:1;font-size:1.3rem;margin-right:12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .3s ease}.search-box.is-focused .search-icon[data-v-c0a570bf]{opacity:1;transform:scale(1.1)}input[data-v-c0a570bf]{flex:1;border:none;background:transparent;outline:none;font-size:1rem;padding:8px 4px;color:#333;font-weight:500;position:relative;z-index:1;transition:all .3s ease}input[data-v-c0a570bf]::placeholder{color:#999;font-style:italic;font-weight:400}.search-box.is-focused input[data-v-c0a570bf]{color:#1a1a1a}.clear-btn[data-v-c0a570bf]{position:relative;z-index:1;width:28px;height:28px;border:none;background:rgba(0,0,0,.05);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;margin-left:8px;transition:all .2s ease;font-weight:600}.clear-btn[data-v-c0a570bf]:hover{background:#667eea;color:#fff;transform:scale(1.1)}.clear-btn[data-v-c0a570bf]:active{transform:scale(.95)}.search-decoration[data-v-c0a570bf]{position:absolute;bottom:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transition:width .4s ease}.search-box.is-focused .search-decoration[data-v-c0a570bf]{width:100%}.search-stats[data-v-c0a570bf]{animation:slideDown-c0a570bf .3s ease-out;text-align:center}.stats-content[data-v-c0a570bf]{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);padding:10px 20px;border-radius:16px;font-size:.95rem;color:#333;font-weight:600;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-icon[data-v-c0a570bf]{font-size:1.1rem}.stats-content strong[data-v-c0a570bf]{color:#667eea;font-weight:800}.search-hint[data-v-c0a570bf]{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:12px;color:#fff;font-size:.85rem;opacity:.9;animation:fadeIn-c0a570bf .5s ease-out}.hint-icon[data-v-c0a570bf]{font-size:1rem}.hint-text[data-v-c0a570bf]{font-weight:500}@keyframes slideDown-c0a570bf{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-c0a570bf{0%{opacity:0}to{opacity:.9}}@media (max-width: 768px){.search-container[data-v-c0a570bf]{max-width:95%}.search-box[data-v-c0a570bf]{padding:10px 14px;border-radius:16px}.search-icon[data-v-c0a570bf]{font-size:1.1rem;width:20px;height:20px;margin-right:8px}input[data-v-c0a570bf]{font-size:.95rem}.clear-btn[data-v-c0a570bf]{width:24px;height:24px;font-size:.9rem}.stats-content[data-v-c0a570bf]{font-size:.85rem;padding:8px 16px}.search-hint[data-v-c0a570bf]{font-size:.8rem;padding:6px 12px}}@media (max-width: 480px){.search-box[data-v-c0a570bf]{padding:8px 12px}input[data-v-c0a570bf]{font-size:.9rem}.search-hint[data-v-c0a570bf]{font-size:.75rem;background:rgba(255,255,255,.1)}}@media (prefers-color-scheme: dark){.search-box[data-v-c0a570bf]{background:rgba(30,30,30,.95);border-color:#ffffff1a}.search-box.is-focused[data-v-c0a570bf]{border-color:#764ba2}input[data-v-c0a570bf]{color:#f0f0f0}input[data-v-c0a570bf]::placeholder{color:#888}.clear-btn[data-v-c0a570bf]{background:rgba(255,255,255,.1);color:#ccc}.clear-btn[data-v-c0a570bf]:hover{background:#764ba2;color:#fff}.search-box.is-focused[data-v-c0a570bf]:before{opacity:.1}}.app-container[data-v-af3d73a9]{height:100vh;position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);overflow:hidden;display:flex;flex-direction:column}.glass-bg[data-v-af3d73a9]{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08) 0%,transparent 20%);pointer-events:none;z-index:0}.main-content[data-v-af3d73a9]{position:relative;z-index:1;max-width:1400px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden}.hero-header[data-v-af3d73a9]{flex-shrink:0;text-align:center;padding:12px 20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 20px 20px;border:1px solid rgba(255,255,255,.25);border-bottom:none;box-shadow:0 4px 20px #0000001a;margin:0 20px}.logo-area[data-v-af3d73a9]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.logo-icon[data-v-af3d73a9]{font-size:2rem;animation:float-af3d73a9 3s ease-in-out infinite}.hero-title[data-v-af3d73a9]{font-size:2.2rem;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.hero-subtitle[data-v-af3d73a9]{font-size:.95rem;color:#ffffffe6;font-weight:400;margin-top:4px}.controls-section[data-v-af3d73a9]{flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:center;padding:0 20px}.tags-cloud[data-v-af3d73a9]{width:100%;display:flex;justify-content:center}.tags-wrapper[data-v-af3d73a9]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:1000px;padding:4px 0}.tag-item[data-v-af3d73a9]{padding:6px 12px;border:none;border-radius:16px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:4px;font-size:.85rem;position:relative;overflow:hidden;white-space:nowrap}.tag-item[data-v-af3d73a9]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tag-item[data-v-af3d73a9]:hover:before{left:100%}.tag-item[data-v-af3d73a9]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.tag-item.active[data-v-af3d73a9]{background:rgba(255,255,255,.95);color:#667eea;transform:scale(1.05) translateY(-2px);box-shadow:0 4px 16px #0003}.tag-item.popular[data-v-af3d73a9]{background:linear-gradient(135deg,#FF6B6B,#FF8E53);font-weight:700}.tag-item.trending[data-v-af3d73a9]{background:linear-gradient(135deg,#FDC830,#F37335);animation:pulse-af3d73a9 2s ease-in-out infinite}.tag-icon[data-v-af3d73a9]{font-size:1rem}.tag-count[data-v-af3d73a9]{background:rgba(0,0,0,.2);padding:1px 5px;border-radius:8px;font-size:.7rem;font-weight:700}.result-stats[data-v-af3d73a9]{animation:slideDown-af3d73a9 .3s ease-out}.stats-badge[data-v-af3d73a9]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:20px;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #0003}.stats-icon[data-v-af3d73a9]{font-size:1.2rem}.content-section[data-v-af3d73a9]{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:10px}.loading-state[data-v-af3d73a9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.25);gap:16px}.spinner[data-v-af3d73a9]{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-af3d73a9 1s linear infinite}.loading-state p[data-v-af3d73a9]{color:#fff;font-size:1.1rem;font-weight:600}.cards-grid[data-v-af3d73a9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:10px}.card-wrapper[data-v-af3d73a9]{animation:fadeInUp-af3d73a9 .5s ease-out both}.empty-state[data-v-af3d73a9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.25);gap:12px;text-align:center}.empty-icon[data-v-af3d73a9]{font-size:3rem;opacity:.7}.empty-state h3[data-v-af3d73a9]{color:#fff;font-size:1.4rem;font-weight:700}.empty-state p[data-v-af3d73a9]{color:#ffffffe6;font-size:1rem}.reset-btn[data-v-af3d73a9]{margin-top:8px;padding:10px 20px;background:white;color:#667eea;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:all .3s}.reset-btn[data-v-af3d73a9]:hover{transform:scale(1.05);box-shadow:0 4px 16px #0003}.app-footer[data-v-af3d73a9]{flex-shrink:0;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.25);padding:16px 20px;margin:0 20px 20px}.footer-content[data-v-af3d73a9]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.stats-overview[data-v-af3d73a9]{display:flex;gap:24px;flex-wrap:wrap}.stat-item[data-v-af3d73a9]{display:flex;flex-direction:column;gap:2px}.stat-label[data-v-af3d73a9]{font-size:.75rem;color:#ffffffb3;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-af3d73a9]{font-size:1.3rem;color:#fff;font-weight:800}.quick-actions[data-v-af3d73a9]{display:flex;gap:8px;flex-wrap:wrap}.action-btn[data-v-af3d73a9]{padding:8px 16px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px;font-size:.9rem}.action-btn.primary[data-v-af3d73a9]{background:white;color:#667eea}.action-btn.primary[data-v-af3d73a9]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.action-btn.secondary[data-v-af3d73a9]{background:rgba(255,255,255,.2);color:#fff}.action-btn.secondary[data-v-af3d73a9]:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}@keyframes float-af3d73a9{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-af3d73a9{0%,to{opacity:1}50%{opacity:.8}}@keyframes spin-af3d73a9{to{transform:rotate(360deg)}}@keyframes fadeInUp-af3d73a9{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown-af3d73a9{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.cards-grid[data-v-af3d73a9]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hero-title[data-v-af3d73a9]{font-size:2.4rem}}@media (max-width: 768px){.main-content[data-v-af3d73a9]{padding:12px;gap:12px}.hero-header[data-v-af3d73a9]{padding:24px 16px 16px}.hero-title[data-v-af3d73a9]{font-size:1.8rem}.hero-subtitle[data-v-af3d73a9]{font-size:.95rem}.tags-wrapper[data-v-af3d73a9]{gap:6px}.tag-item[data-v-af3d73a9]{padding:6px 12px;font-size:.85rem}.cards-grid[data-v-af3d73a9]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:6px}.footer-content[data-v-af3d73a9]{flex-direction:column;align-items:stretch}.stats-overview[data-v-af3d73a9]{justify-content:space-between;gap:12px}.quick-actions[data-v-af3d73a9]{justify-content:stretch}.action-btn[data-v-af3d73a9]{flex:1;justify-content:center}}@media (max-width: 480px){.hero-title[data-v-af3d73a9]{font-size:1.5rem}.logo-icon[data-v-af3d73a9]{font-size:2rem}.cards-grid[data-v-af3d73a9]{grid-template-columns:1fr}.stats-overview[data-v-af3d73a9]{flex-direction:column;gap:8px}.stat-item[data-v-af3d73a9]{flex-direction:row;justify-content:space-between;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;outline:none;cursor:pointer}input{font-family:inherit}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(20px);opacity:0}.text-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.backdrop-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.1)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media (max-width: 768px){body{-webkit-text-size-adjust:100%}input,textarea,select{font-size:16px!important}}@media (prefers-contrast: high){.smart-card,.search-box,.tag-item{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:white}.glass-bg,.app-footer,.controls-section,.hero-header{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}.smart-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}::selection{background:rgba(102,126,234,.3);color:#fff}:focus-visible{outline:2px solid #667eea;outline-offset:2px}.hidden{display:none!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
|