:root{--bg-deep:#0a0a1a;--bg-panel:#0d0d2b;--bg-card:#111140;--bg-card-hover:#1a1a55;--neon-pink:#ff2d95;--neon-cyan:#00e5ff;--neon-yellow:#ffe600;--neon-green:#39ff14;--neon-purple:#bf5fff;--neon-orange:#ff6b2b;--text-primary:#e8e8ff;--text-secondary:#99c;--text-muted:#66a;--border-glow:#33a;--pixel-border:3px;--star-gold:gold}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:ZCOOL XiaoWei,DotGothic16,SimSun,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;background-image:radial-gradient(ellipse at 20% 50%,rgba(63,0,113,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(0,100,200,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(200,0,80,.08) 0,transparent 50%)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-glow);border:2px solid var(--bg-deep)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.4),transparent),radial-gradient(1px 1px at 30% 70%,hsla(0,0%,100%,.3),transparent),radial-gradient(1.5px 1.5px at 50% 10%,hsla(0,0%,100%,.5),transparent),radial-gradient(1px 1px at 70% 40%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 90% 80%,hsla(0,0%,100%,.4),transparent),radial-gradient(1.5px 1.5px at 15% 55%,hsla(0,0%,100%,.35),transparent),radial-gradient(1px 1px at 85% 15%,hsla(0,0%,100%,.3),transparent),radial-gradient(1px 1px at 45% 90%,hsla(0,0%,100%,.25),transparent),radial-gradient(1.5px 1.5px at 60% 60%,hsla(0,0%,100%,.45),transparent),radial-gradient(1px 1px at 25% 35%,hsla(0,0%,100%,.3),transparent);pointer-events:none;z-index:0}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes rainbow{0%{color:var(--neon-pink)}16%{color:var(--neon-orange)}33%{color:var(--neon-yellow)}50%{color:var(--neon-green)}66%{color:var(--neon-cyan)}83%{color:var(--neon-purple)}to{color:var(--neon-pink)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px rgba(0,229,255,.3)}50%{box-shadow:0 0 15px var(--neon-cyan),0 0 30px rgba(0,229,255,.5),0 0 45px rgba(0,229,255,.2)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-wrapper{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:0 16px}.marquee-banner{background:linear-gradient(90deg,var(--neon-pink),var(--neon-purple),var(--neon-cyan));padding:6px 0;overflow:hidden;white-space:nowrap;border-bottom:var(--pixel-border) solid var(--neon-yellow)}.marquee-banner .marquee-text{display:inline-block;animation:marquee 20s linear infinite;font-family:DotGothic16,monospace;font-size:13px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.5);letter-spacing:2px}.site-header{text-align:center;padding:32px 0 24px;border-bottom:2px dashed var(--border-glow);animation:slide-up .6s ease-out}.site-header .logo-box{display:inline-block;border:3px double var(--neon-cyan);padding:16px 32px;background:linear-gradient(180deg,rgba(0,229,255,.05),rgba(191,95,255,.05));position:relative}.site-header .logo-box:after,.site-header .logo-box:before{content:"★";position:absolute;font-size:20px;color:var(--star-gold);animation:float 2s ease-in-out infinite}.site-header .logo-box:before{top:-10px;left:-10px}.site-header .logo-box:after{top:-10px;right:-10px;animation-delay:1s}.site-header h1{font-family:Press Start\ 2P,DotGothic16,monospace;font-size:clamp(18px,3.5vw,32px);animation:rainbow 4s linear infinite;text-shadow:2px 2px 0 rgba(0,0,0,.8);letter-spacing:3px;line-height:1.5;text-transform:uppercase}.site-header .subtitle{font-family:ZCOOL KuaiLe,cursive;font-size:14px;color:var(--text-secondary);margin-top:8px;letter-spacing:3px}.site-header .subtitle .blink{animation:blink 1.2s ease-in-out infinite;color:var(--neon-yellow)}.visitor-counter{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:4px 16px;border:2px solid var(--border-glow);background:var(--bg-panel);font-family:Silkscreen,monospace;font-size:11px;color:var(--neon-green)}.section-title{font-family:Silkscreen,DotGothic16,monospace;font-size:18px;color:var(--neon-cyan);text-align:center;padding:24px 0 16px;text-shadow:0 0 10px rgba(0,229,255,.4);position:relative}.section-title:after,.section-title:before{content:"─ ─ ─";color:var(--border-glow);margin:0 12px;font-size:14px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px;padding:16px 0}.site-card{background:var(--bg-card);border:2px solid var(--border-glow);padding:16px;position:relative;transition:all .2s ease;animation:slide-up .5s ease-out backwards;cursor:pointer;text-decoration:none;color:inherit;display:block}.site-card:hover{background:var(--bg-card-hover);border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(0,229,255,.2),inset 0 0 15px rgba(0,229,255,.05);transform:translateY(-2px)}.site-card .card-icon{font-size:28px;margin-bottom:8px;display:block}.site-card .card-title{font-family:DotGothic16,monospace;font-size:15px;color:var(--neon-yellow);margin-bottom:4px;word-break:break-all}.site-card .card-meta{font-size:12px;color:var(--text-muted)}.site-card .card-desc{font-size:13px;color:var(--text-secondary);margin-top:8px;line-height:1.5}.site-card .delete-btn{position:absolute;top:8px;right:8px;background:rgba(255,45,45,.15);border:1px solid rgba(255,45,45,.3);color:#f55;font-size:11px;padding:2px 8px;cursor:pointer;font-family:Silkscreen,monospace;transition:all .2s;z-index:2}.site-card .delete-btn:hover{background:rgba(255,45,45,.3);border-color:#f55}.upload-section{border:2px dashed var(--border-glow);padding:32px;text-align:center;margin:24px 0;background:rgba(0,229,255,.02);transition:all .3s ease}.upload-section:hover{border-color:var(--neon-cyan);background:rgba(0,229,255,.05)}.upload-section.drag-over{border-color:var(--neon-green);background:rgba(57,255,20,.08);box-shadow:inset 0 0 30px rgba(57,255,20,.05)}.upload-section .upload-icon{font-size:40px;margin-bottom:12px;display:block;animation:float 3s ease-in-out infinite}.upload-section .upload-title{font-family:DotGothic16,monospace;font-size:16px;color:var(--neon-cyan);margin-bottom:8px}.upload-section .upload-desc{font-size:13px;color:var(--text-muted);margin-bottom:16px}.upload-form{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:400px;margin:0 auto}.upload-form input[type=text]{width:100%;padding:8px 12px;background:var(--bg-deep);border:2px solid var(--border-glow);color:var(--text-primary);font-family:DotGothic16,monospace;font-size:14px;outline:none;transition:border-color .2s}.upload-form input[type=text]:focus{border-color:var(--neon-cyan)}.upload-form input[type=text]::placeholder{color:var(--text-muted)}.file-input-wrapper{position:relative;width:100%}.file-input-wrapper input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.file-input-label{display:block;padding:10px 16px;border:2px solid var(--neon-purple);background:rgba(191,95,255,.1);color:var(--neon-purple);font-family:DotGothic16,monospace;font-size:13px;text-align:center;cursor:pointer;transition:all .2s}.file-input-label:hover{background:rgba(191,95,255,.2)}.file-input-label.has-file{border-color:var(--neon-green);color:var(--neon-green);background:rgba(57,255,20,.1)}.submit-btn{padding:10px 32px;background:linear-gradient(180deg,var(--neon-pink),#c06);border:none;color:#fff;font-family:Silkscreen,monospace;font-size:14px;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.5);transition:all .2s;letter-spacing:1px;position:relative;overflow:hidden}.submit-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(255,45,149,.4)}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;display:block;animation:float 4s ease-in-out infinite}.empty-state p{font-family:ZCOOL KuaiLe,cursive;font-size:15px;line-height:1.8}.site-footer{text-align:center;padding:32px 0;margin-top:24px;border-top:2px dashed var(--border-glow);font-size:12px;color:var(--text-muted)}.site-footer .footer-deco{font-family:DotGothic16,monospace;font-size:11px;letter-spacing:4px;color:var(--border-glow);margin-bottom:8px}.site-footer a{color:var(--neon-cyan);text-decoration:none}.site-footer a:hover{text-decoration:underline}.status-msg{text-align:center;padding:8px 16px;margin:12px 0;font-family:DotGothic16,monospace;font-size:13px;border:1px solid}.status-msg.success{color:var(--neon-green);border-color:var(--neon-green);background:rgba(57,255,20,.08)}.status-msg.error{color:#f55;border-color:#f55;background:rgba(255,85,85,.08)}.pixel-divider{text-align:center;padding:8px 0;color:var(--border-glow);font-size:10px;letter-spacing:6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.loading{text-align:center;padding:40px;font-family:DotGothic16,monospace;color:var(--neon-cyan);animation:blink 1s ease-in-out infinite}.lang-switcher{margin-top:10px;display:inline-flex;gap:4px;align-items:center;justify-content:center;padding:4px 8px;border:2px solid var(--border-glow);background:rgba(17,17,64,.55);box-shadow:0 0 20px rgba(0,229,255,.08)}.lang-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid transparent;background:transparent;color:var(--text-muted);font-family:Silkscreen,DotGothic16,monospace;font-size:10px;padding:4px 10px;cursor:pointer;position:relative;transition:all .15s ease;text-shadow:1px 1px 0 rgba(0,0,0,.55)}.lang-btn:hover{color:var(--text-primary);border-color:rgba(0,229,255,.65);box-shadow:0 0 18px rgba(0,229,255,.18);transform:translateY(-1px)}.lang-btn.active{color:#fff;border-color:var(--neon-cyan);background:rgba(0,229,255,.08);box-shadow:0 0 28px rgba(0,229,255,.22),inset 0 0 12px rgba(0,229,255,.12)}@media (max-width:600px){.sites-grid{grid-template-columns:1fr}.site-header .logo-box{padding:12px 20px}.upload-section{padding:20px}}