:root{--bg: #050505;--neon: #00ffcc;--hot: #ff3df2;--danger: #ff2e2e;--card: rgba(255, 255, 255, .04);--border: rgba(0, 255, 204, .18);--muted: rgba(255, 255, 255, .62);--soft: rgba(255, 255, 255, .08);--shadow: 0 20px 80px rgba(0, 0, 0, .55)}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:#ffffffe0;font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;overflow-x:hidden;overflow-y:auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));box-sizing:border-box}.fx-scanlines,.fx-noise,.fx-vignette,.fx-grid,.fx-blob{position:fixed;inset:0;pointer-events:none}.fx-vignette{background:radial-gradient(circle at center,#0000 45%,#000000b3);opacity:.95}.fx-grid{background-image:linear-gradient(to right,rgba(0,255,204,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,255,204,.05) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,#0000004d 55%,#0000 85%);mask-image:radial-gradient(circle at 50% 40%,#000,#0000004d 55%,#0000 85%);opacity:.55;transform:translateZ(0)}.fx-blob{opacity:.9;filter:blur(28px) saturate(1.15);background:radial-gradient(circle at 20% 30%,rgba(255,61,242,.22),transparent 40%),radial-gradient(circle at 80% 25%,rgba(0,255,204,.18),transparent 45%),radial-gradient(circle at 55% 80%,rgba(255,46,46,.12),transparent 45%);animation:blobDrift 10s ease-in-out infinite alternate}@keyframes blobDrift{0%{transform:translate3d(-1%,-2%,0) scale(1.05)}to{transform:translate3d(2%,1%,0) scale(1.12)}}.fx-noise{background-image:radial-gradient(circle at 10% 20%,rgba(255,61,242,.1),transparent 35%),radial-gradient(circle at 90% 30%,rgba(0,255,204,.08),transparent 40%),radial-gradient(circle at 50% 80%,rgba(255,46,46,.05),transparent 45%);opacity:.25;filter:blur(.5px);animation:noiseDrift 3.5s ease-in-out infinite alternate}@keyframes noiseDrift{0%{transform:translate3d(-1%,-1%,0) scale(1.02)}to{transform:translate3d(1%,1%,0) scale(1.04)}}.fx-scanlines{background:repeating-linear-gradient(to bottom,#ffffff0b 0px 1px,#0000 2px 6px);mix-blend-mode:overlay;opacity:.12;animation:scanMove 6s linear infinite}@keyframes scanMove{0%{transform:translateY(0)}to{transform:translateY(24px)}}.wrap{position:relative;z-index:2;max-width:980px;margin:0 auto;min-height:calc(100vh - 32px);display:flex;flex-direction:column;justify-content:center;gap:18px}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 12px;background:linear-gradient(to bottom,#050505d9,#05050500);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo{width:34px;height:34px;border-radius:12px;border:1px solid rgba(0,255,204,.28);background:radial-gradient(circle at 30% 30%,rgba(0,255,204,.25),transparent 55%),radial-gradient(circle at 70% 60%,rgba(255,61,242,.22),transparent 55%),#ffffff05;box-shadow:0 0 28px #00ffcc14}.brand-title{font-weight:800;letter-spacing:1.2px;color:#00ffccf2;text-shadow:0 0 18px rgba(0,255,204,.18);font-size:14px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub{color:#ffffff80;font-size:12px;letter-spacing:.8px;line-height:1.1;margin-top:2px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffd1;padding:10px 12px;border-radius:14px;text-decoration:none;font-size:12px;letter-spacing:.6px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .15s ease,border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#00ffcc47}.btn.primary{border-color:#00ffcc42;color:#00ffcceb;background:#00ffcc0f}.hero{padding:26px 0 6px;display:grid;grid-template-columns:1.3fr .7fr;gap:14px;align-items:end}@media(max-width:860px){.hero{grid-template-columns:1fr}}.title{text-align:left;font-weight:900;letter-spacing:1.8px;font-size:clamp(26px,4.9vw,42px);line-height:1.05;margin:0;color:#ffffffeb;text-shadow:0 0 40px rgba(0,255,204,.12)}.title .accent{color:#00ffccf2;text-shadow:0 0 22px rgba(0,255,204,.18)}.title.glitch{position:relative}.title.glitch:before,.title.glitch:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;opacity:.7;pointer-events:none}.title.glitch:before{color:#ff3df28c;transform:translate(1px);clip-path:polygon(0 0,100% 0,100% 48%,0 48%);animation:glitchA 3.6s infinite linear}.title.glitch:after{color:#00ffcc8c;transform:translate(-1px);clip-path:polygon(0 52%,100% 52%,100% 100%,0 100%);animation:glitchB 4.2s infinite linear}@keyframes glitchA{0%,90%,to{transform:translate(1px);opacity:.65}91%{transform:translate(3px,-1px);opacity:.85}92%{transform:translate(-2px,1px);opacity:.75}93%{transform:translate(2px);opacity:.7}}@keyframes glitchB{0%,88%,to{transform:translate(-1px);opacity:.62}89%{transform:translate(-3px,1px);opacity:.82}90%{transform:translate(2px,-1px);opacity:.72}91%{transform:translate(-2px);opacity:.66}}.sub{text-align:left;color:#ffffff94;font-size:13px;letter-spacing:.8px;margin:10px 0 0;max-width:56ch;line-height:1.7}.sub .cursor{display:inline-block;width:9px;margin-left:4px;height:14px;transform:translateY(2px);border-radius:2px;background:#00ffccd9;box-shadow:0 0 14px #00ffcc47;animation:blink 1.05s steps(2) infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:14px;box-shadow:var(--shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel h3{margin:0 0 8px;font-size:12px;letter-spacing:1px;color:#ffffffc7;font-weight:800;text-transform:uppercase}.panel .mini{font-size:12px;color:#ffffff8c;line-height:1.65}.panel .kbd{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#ffffff8c;font-size:12px}.keycap{padding:4px 8px;border-radius:10px;background:#00000059;border:1px solid rgba(0,255,204,.18);color:#00ffccd9;font-weight:800;letter-spacing:.5px}.ticker{margin:10px 0 6px;position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.ticker .row{display:flex;gap:26px;align-items:center;padding:10px 12px;white-space:nowrap;animation:ticker 16s linear infinite}.ticker .chip{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#fff9;letter-spacing:.7px}.ticker .chip b{color:#00ffcceb}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:640px){.grid{grid-template-columns:1fr}.wrap{min-height:auto;padding:10px 0}.topbar{position:static;padding:8px 0;backdrop-filter:none;-webkit-backdrop-filter:none}.brand-sub{display:none}.actions{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.actions::-webkit-scrollbar{display:none}.btn{padding:9px 11px;border-radius:13px}.hero{padding:14px 0 2px;gap:10px}.ticker{display:none}.panel{padding:12px}.panel .mini{display:none}.panel .kbd{margin-top:8px;flex-wrap:wrap}}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:18px 16px;text-decoration:none;color:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 42px #00ffcc0d;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 18% 20%,rgba(0,255,204,.18),transparent 40%),radial-gradient(circle at 80% 35%,rgba(255,61,242,.12),transparent 42%);opacity:0;transition:opacity .15s ease;pointer-events:none}.card:hover{transform:translateY(-2px);border-color:#00ffcc52;background:#ffffff0e;box-shadow:0 0 46px #00ffcc14}.card:hover:before{opacity:1}.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;color:#ffffffb3;margin-bottom:10px;position:relative;z-index:1}.tag .dot{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 12px #00ffcc59}.tag.hot .dot{background:var(--hot);box-shadow:0 0 12px #ff3df259}.tag.danger .dot{background:var(--danger);box-shadow:0 0 12px #ff2e2e59}.name{font-weight:800;letter-spacing:1px;font-size:16px;margin-bottom:6px;position:relative;z-index:1}.desc{color:#fff9;font-size:13px;line-height:1.6;position:relative;z-index:1}.meta{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#ffffff73;position:relative;z-index:1}.pill{padding:6px 10px;border-radius:999px;border:1px solid rgba(0,255,204,.2);color:#00ffccd9}.pill.gray{border-color:#ffffff1f;color:#ffffff8c}.footer{margin:16px 0 6px;padding:12px 0 0;border-top:1px dashed rgba(255,255,255,.12);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;color:#ffffff73;font-size:12px}.footer a{color:#00ffccd9;text-decoration:none;border-bottom:1px dashed rgba(0,255,204,.25)}@media(prefers-reduced-motion:reduce){.fx-noise,.fx-scanlines,.fx-blob,.ticker .row,.title.glitch:before,.title.glitch:after{animation:none!important}.btn,.card{transition:none!important}}