*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background-color .2s}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::-webkit-scrollbar-corner{background:0 0}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--accent-color:#667eea;--hover-color:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--spring-gradient-start:#ffb7c5;--spring-gradient-end:#98d8aa;--spring-accent:#ff69b4;--spring-glow:#ff69b433;--spring-particle-1:#ffb7c5;--spring-particle-2:#fff;--spring-particle-3:#ff69b4;--spring-particle-4:pink;--summer-gradient-start:#87ceeb;--summer-gradient-mid:#ffa07a;--summer-gradient-end:orange;--summer-accent:gold;--summer-glow:#ffd70026;--summer-particle-1:#ff0;--summer-particle-2:#ffffa0;--summer-particle-3:#fff;--summer-particle-4:#fffacd;--autumn-gradient-start:#ff8c00;--autumn-gradient-end:gold;--autumn-accent:#8b4513;--autumn-glow:#8b45131a;--autumn-particle-1:#ff4500;--autumn-particle-2:orange;--autumn-particle-3:#daa520;--autumn-particle-4:#9acd32;--autumn-particle-5:#8b4513;--winter-gradient-start:#e0ffff;--winter-gradient-mid:#b0e0e6;--winter-gradient-end:#87ceeb;--winter-accent:#4682b4;--winter-glow:#4682b41a;--winter-particle-1:#fff;--winter-particle-2:#f0f8ff;--winter-particle-3:#e6e6fa;--winter-particle-4:#f5f5f5}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#334155;--accent-color:#818cf8;--hover-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--spring-gradient-start:#2d1f2d;--spring-gradient-end:#1a2f1a;--spring-accent:#ff69b4;--spring-glow:#ff69b426;--summer-gradient-start:#1a1a2e;--summer-gradient-mid:#16213e;--summer-gradient-end:#0f3460;--summer-accent:gold;--summer-glow:#ff03;--summer-particle-1:#ff0;--summer-particle-2:#adff2f;--summer-particle-3:#fff;--autumn-gradient-start:#3d2914;--autumn-gradient-end:#4a3728;--autumn-accent:#d2691e;--autumn-glow:#daa5201a;--autumn-particle-1:#ff4500cc;--autumn-particle-2:#ffa500cc;--autumn-particle-3:#daa520cc;--autumn-particle-4:#9acd32b3;--autumn-particle-5:#8b4513cc;--winter-gradient-start:#1a1a2e;--winter-gradient-mid:#16213e;--winter-gradient-end:#0f3460;--winter-accent:#add8e6;--winter-glow:#add8e626}.season-winter .bg-gradient{background:linear-gradient(180deg, var(--winter-gradient-start) 0%, var(--winter-gradient-mid) 50%, var(--winter-gradient-end) 100%), radial-gradient(ellipse at 50% 10%, var(--winter-glow) 0%, transparent 50%);opacity:.8;transition:background 1.5s ease-in-out}.dark.season-winter .bg-gradient{background:radial-gradient(ellipse at 50% 30%, #add8e61a 0%, transparent 40%), linear-gradient(180deg, var(--winter-gradient-start) 0%, var(--winter-gradient-mid) 40%, var(--winter-gradient-end) 100%);opacity:.9;transition:background 1.5s ease-in-out}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow:hidden auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#64748b4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#64748b80}.dark ::-webkit-scrollbar-thumb{background-color:#94a3b84d}.dark ::-webkit-scrollbar-thumb:hover{background-color:#94a3b880}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-gradient{pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 20% 80%, var(--accent-color) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #a855f74d 0%, transparent 50%);opacity:.5;width:100%;height:100%;transition:background 1.5s ease-in-out;position:fixed;top:0;left:0}.season-spring .bg-gradient{background:radial-gradient(ellipse at 20% 80%, var(--spring-gradient-start) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, var(--spring-glow) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, var(--spring-gradient-end) 0%, transparent 40%);opacity:.6}.dynamic-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{opacity:0;background:#667eea4d;border-radius:50%;animation:linear infinite float;position:absolute;bottom:-20px}.particle:nth-child(odd){background:#667eea4d}.particle:nth-child(2n){background:#a855f74d}.dark .particle,.dark .particle:nth-child(odd){background:#818cf859}.dark .particle:nth-child(2n){background:#c084fc59}@keyframes float{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}50%{opacity:.4;transform:translateY(-50vh)translate(20px)scale(.8)}to{opacity:0;transform:translateY(calc(-100vh - 20px))translate(-10px)scale(.6)}}@keyframes float-up{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)scale(.8)}10%{opacity:.8}50%{opacity:.6;transform:translateY(55vh)translate(30px)rotate(180deg)scale(1)}90%{opacity:.3}to{opacity:0;transform:translateY(110vh)translate(-15px)rotate(360deg)scale(.6)}}.season-spring .particle{filter:blur(.5px);will-change:transform, opacity;border-radius:50% 0 50% 50%;animation:linear infinite float-up;box-shadow:0 0 5px #ffb6c180}.season-spring .particle.particle-1{background:var(--spring-particle-1)}.season-spring .particle.particle-2{background:var(--spring-particle-2)}.season-spring .particle.particle-3{background:var(--spring-particle-3)}.season-spring .particle.particle-4{background:var(--spring-particle-4)}.dark.season-spring .particle{box-shadow:0 0 5px #ff69b44d}.dark.season-spring .particle.particle-1{background:#ffb7c5b3}.dark.season-spring .particle.particle-2{background:#ffffff80}.dark.season-spring .particle.particle-3{background:#ff69b4b3}.dark.season-spring .particle.particle-4{background:#ffc0cbb3}.season-summer .bg-gradient{background:linear-gradient(180deg, var(--summer-gradient-start) 0%, var(--summer-gradient-mid) 30%, var(--summer-gradient-end) 100%), radial-gradient(ellipse at 50% 70%, var(--summer-glow) 0%, transparent 60%);opacity:.7}.dark.season-summer .bg-gradient{background:radial-gradient(ellipse at 50% 50%, var(--summer-gradient-mid) 0%, var(--summer-gradient-start) 50%, var(--summer-gradient-end) 100%);opacity:.8}.season-summer .particle{will-change:transform, opacity;border-radius:50%;animation:ease-in-out infinite firefly-float,ease-in-out infinite firefly-pulse;position:absolute;top:0;bottom:auto}.season-summer .particle.summer-particle-1{background:var(--summer-particle-1);box-shadow:0 0 4px 2px #ff0c,0 0 8px 4px #ff09,0 0 12px 6px #ff06,0 0 20px 8px #ff03}.season-summer .particle.summer-particle-2{background:var(--summer-particle-2);box-shadow:0 0 3px 1.5px #ffffa0cc,0 0 6px 3px #ffffa099,0 0 10px 5px #ffffa066,0 0 16px 6px #ffffa033}.season-summer .particle.summer-particle-3{background:var(--summer-particle-3);box-shadow:0 0 5px 2px #ffffffe6,0 0 10px 4px #ffffffb3,0 0 15px 6px #ffffff80,0 0 22px 8px #ffffff4d}.dark.season-summer .particle.summer-particle-1{box-shadow:0 0 6px 3px #ffff00e6,0 0 12px 6px #ffff00b3,0 0 18px 9px #ffff0080,0 0 28px 12px #ffff004d}.dark.season-summer .particle.summer-particle-2{box-shadow:0 0 5px 2px #adff2fe6,0 0 10px 4px #adff2fb3,0 0 15px 6px #adff2f80,0 0 22px 8px #adff2f4d}.dark.season-summer .particle.summer-particle-3{box-shadow:0 0 7px 3px #fffffff2,0 0 14px 6px #fffc,0 0 20px 9px #fff9,0 0 30px 12px #fff6}@keyframes firefly-float{0%{opacity:.4;transform:translate(0)}25%{opacity:.8;transform:translate(15px,-20px)}50%{opacity:.6;transform:translate(-10px,-10px)}75%{opacity:.9;transform:translate(20px,10px)}to{opacity:.4;transform:translate(0)}}@keyframes firefly-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes firefly-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.season-autumn .bg-gradient{background:radial-gradient(ellipse at 20% 80%, var(--autumn-gradient-start) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, var(--autumn-glow) 0%, transparent 50%), radial-gradient(ellipse at 60% 60%, var(--autumn-gradient-end) 0%, transparent 40%);opacity:.7}.dark.season-autumn .bg-gradient{background:radial-gradient(ellipse at 30% 70%, var(--autumn-gradient-start) 0%, transparent 40%), radial-gradient(ellipse at 70% 30%, var(--autumn-glow) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, var(--autumn-gradient-end) 0%, transparent 35%);opacity:.8}.season-autumn .particle{opacity:0;will-change:transform, opacity;position:absolute;top:-30px;bottom:auto}.season-autumn .particle.autumn-leaf-1{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}.season-autumn .particle.autumn-leaf-2{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.season-autumn .particle.autumn-leaf-3{border-radius:50% 50% 30% 70%/40% 60%}.season-autumn .particle.autumn-leaf-4{border-radius:40% 60% 70% 30%/50% 40% 60% 50%}.season-autumn .particle.autumn-leaf-5{border-radius:70% 30% 40% 60%/30% 70% 50% 50%}.season-autumn .particle.autumn-color-1{background:var(--autumn-particle-1)}.season-autumn .particle.autumn-color-2{background:var(--autumn-particle-2)}.season-autumn .particle.autumn-color-3{background:var(--autumn-particle-3)}.season-autumn .particle.autumn-color-4{background:var(--autumn-particle-4)}.season-autumn .particle.autumn-color-5{background:var(--autumn-particle-5)}.dark.season-autumn .particle.autumn-color-1{background:var(--autumn-particle-1)}.dark.season-autumn .particle.autumn-color-2{background:var(--autumn-particle-2)}.dark.season-autumn .particle.autumn-color-3{background:var(--autumn-particle-3)}.dark.season-autumn .particle.autumn-color-4{background:var(--autumn-particle-4)}.dark.season-autumn .particle.autumn-color-5{background:var(--autumn-particle-5)}@keyframes leaf-fall-clockwise{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}10%{opacity:.9}25%{transform:translateY(20vh)translate(25px)rotate(90deg)}50%{transform:translateY(45vh)translate(-15px)rotate(180deg)}75%{transform:translateY(70vh)translate(30px)rotate(270deg)}90%{opacity:.6}to{opacity:0;transform:translateY(110vh)translate(-10px)rotate(360deg)}}@keyframes leaf-fall-counterclockwise{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}10%{opacity:.9}25%{transform:translateY(20vh)translate(-25px)rotate(-90deg)}50%{transform:translateY(45vh)translate(15px)rotate(-180deg)}75%{transform:translateY(70vh)translate(-30px)rotate(-270deg)}90%{opacity:.6}to{opacity:0;transform:translateY(110vh)translate(10px)rotate(-360deg)}}.season-autumn .particle.clockwise{animation:linear forwards leaf-fall-clockwise}.season-autumn .particle.counterclockwise{animation:linear forwards leaf-fall-counterclockwise}@keyframes snow-fall{0%{opacity:0;transform:translateY(-10vh)translate(0)rotate(0)}10%{opacity:.9}50%{transform:translateY(45vh)translate(20px)rotate(180deg)}90%{opacity:.5}to{opacity:0;transform:translateY(110vh)translate(-10px)rotate(360deg)}}@keyframes snow-sway{0%,to{transform:translate(0)}25%{transform:translate(10px)}75%{transform:translate(-10px)}}@keyframes snow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.season-winter .particle{opacity:0;will-change:transform, opacity;border-radius:50%;animation:linear forwards snow-fall;position:absolute;top:-20px}.season-winter .particle.winter-particle-1{background:var(--winter-particle-1)}.season-winter .particle.winter-particle-2{background:var(--winter-particle-2)}.season-winter .particle.winter-particle-3{background:var(--winter-particle-3)}.season-winter .particle.winter-particle-4{background:var(--winter-particle-4)}.season-winter .particle.small{box-shadow:0 0 3px #fffc}.season-winter .particle.medium{box-shadow:0 0 4px 1px #ffffffe6,0 0 8px 3px #ffffff80}.season-winter .particle.large{animation:linear forwards snow-fall,8s linear infinite snow-spin;box-shadow:0 0 5px 2px #ffffffe6,0 0 10px 5px #ffffff80,0 0 15px 8px #ffffff4d}.dark.season-winter .particle.winter-particle-1{background:#ffffffe6;box-shadow:0 0 4px #fff9}.dark.season-winter .particle.winter-particle-2{background:#f0f8ffcc;box-shadow:0 0 3px #f0f8ff80}.dark.season-winter .particle.winter-particle-3{background:#e6e6fab3;box-shadow:0 0 3px #e6e6fa66}.dark.season-winter .particle.winter-particle-4{background:#f5f5f5d9;box-shadow:0 0 3px #f5f5f580}.dark.season-winter .particle.large{box-shadow:0 0 6px 2px #fffc,0 0 12px 6px #fff6,0 0 20px 10px #fff3}.main-content,.header,.footer{z-index:1;position:relative}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;padding:1.25rem 0;position:sticky;top:0}.header-content{max-width:90rem;margin:0 auto;padding:0 1.5rem}.logo{color:var(--accent-color);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.logo-icon{font-size:1.75rem}.search-container{max-width:32rem;margin-top:1rem;position:relative}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-card);width:100%;color:var(--text-primary);outline:none;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #667eea1a}.search-icon{color:var(--text-muted);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.theme-toggle{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem;transition:background-color .2s,color .2s;position:absolute;top:1.25rem;right:1.5rem}.theme-toggle:hover{background-color:var(--hover-color);color:var(--text-primary)}.main-content{flex:1;max-width:95%;margin:0 auto;padding:2.5rem 2rem}.category-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-tab{border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.category-tab:hover{background-color:var(--hover-color);color:var(--text-primary)}.category-tab.active{background-color:var(--accent-color);color:#fff}.category-count{background-color:#0000001a;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem}.category-tab.active .category-count{background-color:#fff3}.stats-bar{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.sites-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem;display:grid}@media (width>=640px){.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media (width>=1024px){.sites-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}@media (width>=1280px){.sites-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.site-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;align-items:flex-start;gap:1.25rem;min-height:10rem;padding:1.75rem;transition:all .2s;display:flex}.site-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent-color);transform:translateY(-2px)}.site-icon-wrapper{border-radius:var(--radius-xl);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;display:flex}.site-info{flex:1;min-width:0}.site-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:10rem;margin-bottom:.375rem;font-size:1.125rem;font-weight:600;overflow:hidden}.site-description{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:10rem;margin-bottom:.625rem;font-size:.9375rem;display:-webkit-box;overflow:hidden}.site-url{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.8125rem;overflow:hidden}.site-stats{color:var(--text-muted);align-items:center;gap:.375rem;margin-top:.75rem;font-size:.8125rem;display:flex}.clicks-icon{font-size:.625rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.loading-spinner{border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:3rem;height:3rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin-top:1rem}.error-container{text-align:center;color:#ef4444;padding:4rem}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem}.empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.scroll-hint{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem;font-size:.875rem;animation:2s infinite bounce;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);margin-top:auto;padding:2rem 1.5rem;font-size:.875rem}.footer-content{max-width:90rem;margin:0 auto}.footer-row{justify-content:center;align-items:center;display:flex}.footer-author{margin-bottom:.5rem}.footer-author-name{color:var(--text-secondary);font-size:1rem;font-weight:600}.footer-divider{background-color:var(--border-color);width:3rem;height:1px;margin:.75rem auto}.footer-copyright{margin-bottom:.5rem}.footer-record{font-size:.75rem}.footer-record-number{color:var(--text-muted)}@media (width>=640px){.footer-content{flex-direction:column;align-items:center;display:flex}.footer-row{margin-bottom:.25rem}.footer-divider{display:none}.footer-author,.footer-copyright{margin-bottom:0}.header-content{justify-content:space-between;align-items:center;display:flex}.search-container{margin-top:0;margin-left:2rem}.theme-toggle{margin-left:1rem;position:static}}.season-selector[data-v-cd965bd6]{align-items:center;gap:.75rem;display:flex;position:relative}.season-indicators[data-v-cd965bd6]{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);gap:.25rem;padding:.25rem;display:flex}.season-btn[data-v-cd965bd6]{border-radius:var(--radius-md);cursor:pointer;width:2rem;height:2rem;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.season-btn[data-v-cd965bd6]:hover{background:var(--hover-color);color:var(--text-primary)}.season-btn.active[data-v-cd965bd6]{background:var(--accent-color);color:#fff}.season-btn .fas[data-v-cd965bd6]{font-size:.875rem}.season-current[data-v-cd965bd6]{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.season-current .fas[data-v-cd965bd6]{font-size:.75rem}@media (width<=640px){.season-current span[data-v-cd965bd6]{display:none}.season-current[data-v-cd965bd6]{padding:.5rem}}