@font-face{font-family:Orbitron;font-style:normal;font-weight:500 900;font-display:swap;src:url(/fonts/orbitron.woff2)format("woff2")}@font-face{font-family:Noto Sans SC Black;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/noto-sc-900.woff2)format("woff2")}:root{--bg:#05060c;--bg2:#0b0e1c;--panel:#0f1226;--panel2:#141839;--border:#23294f;--text:#e9ecf7;--muted:#8e97bd;--yellow:#fcee0a;--cyan:#00f0ff;--pink:#ff2a6d;--violet:#b967ff;--gold:#ffcc3d;--display:"Orbitron", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--display-zh:"Noto Sans SC Black", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--chamfer:14px}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(900px 500px at 80% -10%, #b967ff22, transparent 60%), radial-gradient(700px 400px at 0% 100%, #00f0ff14, transparent 60%), var(--bg);flex-direction:column;min-height:100vh;margin:0;font:16px/1.6 system-ui,PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.35;background:repeating-linear-gradient(#0000 0 3px,#0005 3px 4px);position:fixed;inset:0}body>*{z-index:1;position:relative}a{color:var(--cyan);text-decoration:none}main{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:32px 16px 64px}h1{letter-spacing:1px;margin:0 0 12px;font-size:clamp(28px,5vw,44px);line-height:1.15}h2{color:var(--yellow);letter-spacing:1px;align-items:center;gap:12px;margin:40px 0 16px;font-size:22px;display:flex}h2:after{content:"";background:linear-gradient(90deg, var(--yellow)66, transparent);flex:1;height:1px}h3{margin:20px 0 8px;font-size:18px}p{color:#c8cde6}.muted{color:var(--muted)}.en,.display{font-family:var(--display);letter-spacing:2px;text-transform:uppercase}.title-zh{font-family:var(--display-zh);letter-spacing:2px;color:var(--yellow);-webkit-text-stroke:1.5px #0b0b0b;paint-order:stroke fill;text-shadow:4px 0 #ff2a6d,-4px 0 #00f0ff,0 0 24px #fcee0a77;font-weight:900;line-height:.95;display:inline-block;position:relative;transform:skew(-14deg)}.title-zh .rp{font-family:var(--display);vertical-align:.08em;letter-spacing:1px;margin-left:.12em;font-size:.72em;font-weight:900}.title-zh.cut:after{content:"";background:var(--bg);pointer-events:none;width:70%;height:3px;position:absolute;top:47%;left:-3%;transform:rotate(-6deg)}.glitch-once{animation:.55s step-end .15s glitch}@keyframes glitch{0%{clip-path:inset(0);transform:skew(-14deg)translate(0)}10%{clip-path:inset(10% 0 60%);text-shadow:0 0 18px #fcee0a55,8px 0 #ff2a6d,-8px 0 #00f0ff;transform:skew(-14deg)translate(-6px)}20%{clip-path:inset(55% 0 15%);transform:skew(-14deg)translate(5px)}30%{clip-path:inset(0);transform:skew(-14deg)translate(0)}45%{clip-path:inset(30% 0 40%);text-shadow:0 0 18px #fcee0a55,-8px 0 #ff2a6d,8px 0 #00f0ff;transform:skew(-14deg)translate(-4px)}55%{clip-path:inset(0);transform:skew(-14deg)translate(0)}70%{clip-path:inset(75% 0 5%);transform:skew(-14deg)translate(3px)}80%,to{clip-path:inset(0);transform:skew(-14deg)translate(0)}}@media (prefers-reduced-motion:reduce){.glitch-once{animation:none}}.card,.btn{clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer))}.btn{letter-spacing:1px;color:#0b0b0b;isolation:isolate;background:0 0;padding:12px 26px;font-weight:800;transition:transform .15s,filter .15s;display:inline-block;position:relative}.btn:after{content:"";z-index:-1;background:var(--yellow);clip-path:polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));transition:inset .15s,background .15s;position:absolute;inset:0}.btn:not(.ghost):hover:after{background:#e6d800}.btn:before{content:"";z-index:-2;opacity:0;background:conic-gradient(from 0deg, #fcee0a 0 50%, #fff176 62%, #ff0 70%, #fff176 78%, #fcee0a 90%);transition:opacity .2s;animation:1.2s linear infinite paused btn-spin;position:absolute;inset:-120%}.btn:hover{filter:drop-shadow(0 0 8px #ff0)drop-shadow(0 0 22px #fcee0a)drop-shadow(0 0 40px #fcee0a66);transform:translateY(-2px)}.btn.ghost:before{background:conic-gradient(#fcee0a,#00f0ff,#ff2a6d,#b967ff,#00f0ff,#fcee0a);animation-duration:1.6s}.btn.ghost:hover{filter:drop-shadow(0 0 10px #00f0ff88)drop-shadow(0 0 22px #ff2a6d55)}.btn:hover:before{opacity:1;animation-play-state:running}.btn:hover:after{--chamfer:10px;inset:4px}.btn.ghost{color:var(--cyan)}.btn.ghost:after{background:#0b0e1c;box-shadow:inset 0 0 0 2px #00f0ff99}.btn.ghost:hover{color:var(--text)}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn:before{animation:none}}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:linear-gradient(160deg, var(--panel2), var(--panel));border:1px solid var(--border);padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--yellow), transparent 60%);width:100%;height:2px;position:absolute;inset:0 auto auto 0}.card h3{margin-top:4px}.card p{color:var(--muted);margin:0;font-size:15px}.top{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#05060ccc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex;position:sticky;top:0;box-shadow:0 1px #00f0ff33,0 8px 30px #0006}.brand{color:var(--text);align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.brand img{filter:drop-shadow(0 0 10px #00f0ff55);width:auto;height:44px}.brand small{font-family:var(--display);color:var(--yellow);letter-spacing:4px;font-size:10px;font-weight:700;display:block}nav{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:2px;display:flex}nav a{color:var(--muted);letter-spacing:1px;padding:8px 12px;position:relative}nav a:hover{color:var(--text)}nav a.active{color:var(--yellow)}nav a.active:after{content:"";background:var(--yellow);height:2px;box-shadow:0 0 10px var(--yellow);position:absolute;bottom:2px;left:12px;right:12px}nav .login-link{color:var(--cyan)}nav .me{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:8px;padding-left:12px;font-size:14px;display:flex}nav .me .me-name{color:var(--text);padding:0}nav .me .me-name:hover{color:var(--yellow)}nav .me button{border:1px solid var(--border);color:var(--muted);cursor:pointer;font:inherit;background:0 0;padding:4px 10px;font-size:13px}nav .me button:hover{color:var(--text);border-color:var(--cyan)}footer{border-top:1px solid var(--border);text-align:center;background:#05060c;padding:20px 16px;font-size:13px}footer p{color:var(--muted);margin:4px 0}code{background:var(--bg2);color:var(--cyan);padding:1px 6px;font-family:Consolas,monospace;font-size:14px}
