: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;min-height:100dvh;min-height:calc(var(--app-vh, 1vh) * 100);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-scanlines,.fx-noise,.fx-vignette,.fx-grid,.fx-blob{z-index:1}.wrap{position:relative;z-index:2}.global-meter{position:sticky;top:56px;z-index:3;margin-top:6px;padding:12px;border-radius:18px;border:1px solid rgba(255,214,102,.14);background:#00000042;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 26px 90px #0009;overflow:hidden}.global-meter:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 18% 20%,rgba(255,61,242,.12),transparent 45%),radial-gradient(circle at 80% 30%,rgba(0,255,204,.1),transparent 46%),radial-gradient(circle at 55% 85%,rgba(255,214,102,.08),transparent 55%);opacity:.95;pointer-events:none}.gm-title{position:relative;z-index:1;font-weight:950;letter-spacing:1.6px;color:#ffd666eb;text-shadow:0 0 26px rgba(255,214,102,.14);font-size:12px}.gm-lines{position:relative;z-index:1;margin-top:8px;display:grid;gap:6px}.gm-line{font:900 13px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:1.1px;color:#ffffffb8;text-shadow:0 0 22px rgba(0,0,0,.6);animation:gmFlicker 1.6s steps(2) infinite}.gm-line:nth-child(2){color:#00ffccd1}@keyframes gmFlicker{0%,70%,to{opacity:1;transform:translate(0)}71%{opacity:.6;transform:translate(1px)}72%{opacity:.92;transform:translate(-1px)}}.poster-vertical{position:fixed;left:calc(10px + env(safe-area-inset-left));top:50%;transform:translateY(-50%);writing-mode:vertical-rl;text-orientation:upright;letter-spacing:18px;font-weight:950;font-size:clamp(34px,4.2vw,58px);color:#ffd6661f;text-shadow:0 0 80px rgba(255,214,102,.06);pointer-events:none;z-index:2;opacity:.85;mix-blend-mode:screen}.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);min-height:calc(100dvh - 32px);min-height:calc(var(--app-vh, 1vh) * 100 - 32px);display:flex;flex-direction:column;justify-content:center;gap:18px}.wrap{--gx: 0px;--gy: 0px}.principle-neon,.global-meter,.psy-eye{transform:translate3d(var(--gx),var(--gy),0);will-change:transform}.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}}.principle-neon{margin:14px 0 8px;font-weight:950;letter-spacing:1.6px;font-size:clamp(16px,2.4vw,24px);line-height:1.25;color:#ffd666eb;text-shadow:0 0 26px rgba(255,214,102,.22),0 0 64px rgba(255,61,242,.12);position:relative;animation:neonFlicker 4.6s infinite linear}.principle-neon:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(to right,#ffd66600,#ffd6668c,#00ffcc40,#ffd66600);opacity:.9}@keyframes neonFlicker{0%,86%,to{filter:brightness(1) saturate(1.02);opacity:1}87%{filter:brightness(1.25) saturate(1.15);opacity:.92}88%{filter:brightness(.95) saturate(1);opacity:.86}89%{filter:brightness(1.3) saturate(1.18);opacity:1}}.hero-device{display:grid;align-items:end;justify-items:end}@media(max-width:860px){.hero-device{justify-items:start;margin-top:6px}}.psy-eye{width:min(320px,86vw);aspect-ratio:1 / 1;position:relative;border-radius:28px;background:#ffffff05;border:1px solid rgba(255,214,102,.18);box-shadow:0 0 60px #00ffcc0f,0 0 90px #ff3df20d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transform:translateZ(0)}.psy-eye:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 30% 25%,rgba(255,214,102,.16),transparent 42%),radial-gradient(circle at 75% 30%,rgba(0,255,204,.12),transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,61,242,.1),transparent 48%);opacity:.9;pointer-events:none}.eye-sclera{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;height:54%;border-radius:999px;background:radial-gradient(circle at 50% 42%,#fff3,#ffffff0f 55%,#00000038);border:1px solid rgba(255,214,102,.16);box-shadow:inset 0 0 30px #0009,0 0 44px #ffd66614;animation:eyeBlink 4.8s steps(2) infinite}.eye-iris{--ix: 0px;--iy: 0px;position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--ix)),calc(-50% + var(--iy)));width:46%;height:46%;border-radius:999px;background:radial-gradient(circle at 35% 35%,#ffd666a6,#ff3df238 42%,#00ffcc29 68%,#000000a6);border:1px solid rgba(255,214,102,.22);box-shadow:0 0 32px #00ffcc1a,inset 0 0 20px #0000008c}.eye-pupil{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44%;height:44%;border-radius:999px;background:radial-gradient(circle at 40% 35%,#000000e6,#000 65%);box-shadow:inset 0 0 18px #000000e6}.eye-glint{position:absolute;left:28%;top:24%;width:16%;height:16%;border-radius:999px;background:#ffffffbf;filter:blur(.2px);box-shadow:0 0 18px #ffffff40}.eye-ring{position:absolute;inset:14px;border-radius:24px;border:1px dashed rgba(0,255,204,.18);opacity:.75;animation:eyeSpin 3.2s linear infinite;pointer-events:none}@keyframes eyeSpin{to{transform:rotate(360deg)}}.eye-caption{position:absolute;left:14px;right:14px;bottom:12px;font-size:12px;letter-spacing:.8px;color:#ffffff9e;text-shadow:0 0 18px rgba(0,0,0,.75)}@keyframes eyeBlink{0%,92%,to{transform:translate(-50%,-50%) scaleY(1)}94%{transform:translate(-50%,-50%) scaleY(.08)}96%{transform:translate(-50%,-50%) scaleY(1)}}.spoils{margin-top:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000038;overflow:hidden;position:relative}.spoils:before{content:"战果";position:absolute;left:10px;top:8px;font-size:10px;letter-spacing:1.6px;color:#ffd666b8;opacity:.95;z-index:2}.spoils-row{display:flex;gap:18px;align-items:center;padding:24px 10px 10px;white-space:nowrap;animation:spoilsMarquee 18s linear infinite}.spoils-row span{font-size:12px;letter-spacing:.6px;color:#ffffff9e}.spoils-row span b{color:#00ffcce0;font-weight:800}@keyframes spoilsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.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{position:relative;height:min(66vh,640px);min-height:520px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#00000029;box-shadow:0 40px 140px #000000a6;overflow:hidden}@media(max-width:640px){body{overflow:hidden;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));display:flex;justify-content:center;align-items:stretch}.poster-vertical{display:none}.grid{flex:1 1 auto;height:auto;min-height:0}.wrap{min-height:unset;height:calc(var(--app-vh, 1vh) * 100 - 32px);width:100%;max-width:520px;margin:0;padding:10px 6px;justify-content:flex-start;gap:12px}.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:10px 0 0;gap:8px}.hero-device{display:none}.sub{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.principle-neon{margin:10px 0 4px;font-size:15px;letter-spacing:1.2px}.ticker{display:none}.global-meter{position:relative;top:auto;margin-top:0;padding:10px}.gm-lines{gap:5px}.gm-line{font-size:12px;letter-spacing:.9px;animation-duration:2s}.psy-eye{width:min(280px,86vw)}.mad-dock{bottom:calc(8px + env(safe-area-inset-bottom))}.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}.grid .card{position:absolute;width:min(420px,82vw);touch-action:none}.grid.is-panning{cursor:grabbing}.card{cursor:grab}.card:active{cursor:grabbing}.card-inner{--rx: 0deg;--ry: 0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .12s ease;will-change:transform}.card{transform-style:preserve-3d;will-change:transform}.card[data-glitch="1"]:hover .name,.card[data-glitch="1"]:hover .desc{text-shadow:2px 0 rgba(255,61,242,.28),-2px 0 rgba(0,255,204,.22)}.card:hover .card-inner{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-2px,0)}.card[data-glitch="1"]:hover .card-inner{animation:cardGlitch .42s steps(2) infinite}@keyframes cardGlitch{0%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-2px,0)}25%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(1px,-2px,0)}50%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(-1px,-2px,0)}75%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(2px,-2px,0)}to{transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-2px,0)}}body.immersive{overflow:hidden}body.immersive .topbar,body.immersive .global-meter{opacity:0;pointer-events:none}body.immersive .wrap{max-width:1180px;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);min-height:calc(var(--app-vh, 1vh) * 100 - 32px);justify-content:center}body.immersive .hero{padding-top:10px;margin-top:0}body.immersive .grid{height:min(66vh,700px)}body.immersive .poster-vertical{color:#ffd6662e;opacity:1}@keyframes breatheBg{0%,to{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(18deg) saturate(1.08)}}@media(max-width:640px){body.immersive{animation:breatheBg 9.5s ease-in-out infinite}body.immersive .wrap{width:min(92vw,440px);aspect-ratio:auto;min-height:calc(100vh - 32px);min-height:calc(100dvh - 32px);min-height:calc(var(--app-vh, 1vh) * 100 - 32px);margin:0 auto;padding:18px 14px 110px;border-radius:26px;border:1px solid rgba(255,214,102,.12);background:#0000002e;box-shadow:0 40px 160px #000000bf;justify-content:flex-start}body.immersive .grid{height:auto;min-height:unset;background:transparent;border:none;box-shadow:none}}.mad-dock{position:fixed;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:6;display:grid;justify-items:center;gap:8px;pointer-events:auto}.mad-btn{width:74px;height:74px;border-radius:999px;border:1px solid rgba(255,46,46,.35);background:radial-gradient(circle at 35% 30%,#ffffff29,#ff2e2eeb 55%,#000c);box-shadow:0 0 30px #ff2e2e38,0 0 90px #ff3df214;cursor:pointer;transition:transform .12s ease,filter .12s ease;position:relative}.mad-btn:after{content:"";position:absolute;inset:-10px;border-radius:999px;border:1px dashed rgba(255,46,46,.22);opacity:.8;animation:eyeSpin 3.2s linear infinite;pointer-events:none}.mad-btn:active{transform:scale(.96);filter:brightness(1.08)}.mad-hint{font-size:11px;letter-spacing:1px;color:#ffffff8c;text-shadow:0 0 20px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none}.nl-mad-overlay{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 40%,rgba(255,46,46,.22),transparent 55%),repeating-linear-gradient(to bottom,#ffffff14 0px 1px,#0000 2px 6px);mix-blend-mode:screen}.nl-mad-overlay.show{opacity:1;animation:madFlash .82s steps(2) infinite}@keyframes madFlash{0%{filter:contrast(1.1) saturate(1)}50%{filter:contrast(1.4) saturate(1.2)}}.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,.spoils-row,.title.glitch:before,.title.glitch:after,.gm-line,.card[data-glitch="1"]:hover{animation:none!important}.btn,.card{transition:none!important}}