:root{color-scheme:dark;--void: #02061a;--deep: #061233;--panel: rgba(7, 22, 55, .86);--line: rgba(88, 190, 255, .55);--line-soft: rgba(88, 190, 255, .22);--glow: #58d5ff;--text: #dff0ff;--muted: #8fb4d9;--clip-hex: polygon(3.5% 0, 96.5% 0, 100% 50%, 96.5% 100%, 3.5% 100%, 0 50%);--clip-panel: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px) , calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px) , 0 20px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(900px 520px at 12% 6%,rgba(28,86,190,.32),transparent 70%),radial-gradient(760px 480px at 88% 18%,rgba(64,30,130,.28),transparent 72%),radial-gradient(1100px 700px at 50% 110%,rgba(16,62,140,.34),transparent 70%),linear-gradient(180deg,#030820,#051033 55%,#02061a);overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(1.4px 1.4px at 24px 38px,rgba(215,240,255,.75),transparent 60%),radial-gradient(1px 1px at 132px 96px,rgba(255,255,255,.5),transparent 60%),radial-gradient(1.8px 1.8px at 208px 174px,rgba(140,210,255,.55),transparent 60%),radial-gradient(1px 1px at 76px 210px,rgba(255,255,255,.4),transparent 60%);background-size:268px 244px;opacity:.55}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(0,0,6,.72) 100%)}.stage{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.home{width:min(720px,100%);text-align:center;padding:40px 0}.brand{margin:0 0 10px;font-size:clamp(30px,6vw,48px);font-weight:800;letter-spacing:8px;color:#fff;text-shadow:0 0 8px rgba(120,220,255,.95),0 0 26px rgba(40,130,255,.75),0 0 60px rgba(30,90,220,.5);position:relative;display:inline-block}.brand:before,.brand:after{content:"";position:absolute;top:50%;width:clamp(28px,8vw,90px);height:2px;background:linear-gradient(90deg,transparent,rgba(120,215,255,.9));box-shadow:0 0 10px #5ac8ffcc}.brand:before{right:calc(100% + 18px)}.brand:after{left:calc(100% + 18px);transform:scaleX(-1)}.brand-sub{margin:0 0 44px;color:var(--muted);letter-spacing:2px;font-size:14px}.menu{display:flex;flex-direction:column;align-items:center;gap:26px}.home-foot{margin-top:48px;display:flex;flex-direction:column;gap:12px;align-items:center}.link{background:none;border:0;color:var(--glow);font-size:14px;letter-spacing:2px;cursor:pointer;padding:4px 8px;text-decoration:underline dotted;text-underline-offset:4px}.link:hover{color:#b3ecff}.status{margin:0;font-size:12px;color:#8fb4d9cc;letter-spacing:1px}.neon{position:relative;border:0;padding:2px;width:min(560px,88vw);cursor:pointer;background:linear-gradient(180deg,#78dcfff2,#1e64dce6);clip-path:var(--clip-hex);filter:drop-shadow(0 0 14px rgba(50,150,255,.45));transition:filter .18s ease,transform .12s ease}.neon-face{display:flex;align-items:center;justify-content:center;height:74px;font-size:24px;font-weight:700;letter-spacing:6px;color:#eef9ff;text-shadow:0 0 10px rgba(90,190,255,.8);background:radial-gradient(120% 140% at 50% -20%,rgba(90,180,255,.35),transparent 60%),linear-gradient(180deg,#14418f,#0a2050 60%,#061233);clip-path:var(--clip-hex)}.neon:hover{filter:drop-shadow(0 0 22px rgba(90,190,255,.7))}.neon:active{transform:translateY(1px)}.neon:disabled{cursor:progress;opacity:.6;filter:none}.neon-small{width:auto;min-width:148px;padding:1.5px}.neon-small .neon-face{height:42px;font-size:15px;letter-spacing:3px}.neon-ghost{background:linear-gradient(180deg,#78c8ff73,#285ab473)}.neon-ghost .neon-face{background:linear-gradient(180deg,#0c2046e6,#06122ce6);color:#cfe9ff}.hud{position:relative;width:min(620px,96vw);padding:26px 30px 30px;background:radial-gradient(120% 60% at 50% 0%,rgba(40,110,220,.28),transparent 60%),var(--panel);border:1px solid var(--line);clip-path:var(--clip-panel);box-shadow:0 0 30px #145ac859,inset 0 0 40px #0a286480}.hud-wide{width:min(900px,96vw)}.hud-head{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px}.hud-title{margin:0;font-size:22px;font-weight:700;letter-spacing:5px;color:#fff;text-shadow:0 0 10px rgba(110,210,255,.9),0 0 26px rgba(40,120,255,.6)}.hud-ornament{width:54px;height:8px;background:linear-gradient(90deg,transparent,rgba(110,210,255,.85)) center/100% 2px no-repeat,radial-gradient(3px 3px at 12% 50%,rgba(150,225,255,.9),transparent 60%),radial-gradient(2px 2px at 40% 50%,rgba(150,225,255,.7),transparent 60%)}.hud-ornament.flip{transform:scaleX(-1)}.hud-close{position:absolute;top:16px;right:20px;width:30px;height:30px;border:1px solid var(--line-soft);background:#06122cb3;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;border-radius:3px}.hud-close:hover{color:#fff;border-color:var(--glow)}.hud-body{display:block}.field{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:14px;margin-bottom:14px}.field-label{text-align:right;font-size:14px;letter-spacing:2px;color:#bfdcf7}.field-body{display:block}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field-pair .field{grid-template-columns:88px 1fr}input,select,textarea{width:100%;padding:9px 12px;font-size:14px;font-family:inherit;color:var(--text);background:#040e26cc;border:1px solid rgba(88,190,255,.4);border-radius:4px;transition:border-color .16s ease,box-shadow .16s ease}textarea{resize:vertical;min-height:72px;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--glow) 50%),linear-gradient(135deg,var(--glow) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}input::placeholder,textarea::placeholder{color:#8fb4d9a6}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--glow);box-shadow:0 0 0 1px #58d5ff59,0 0 14px #58d5ff40}.form-actions{display:flex;justify-content:center;margin-top:24px}.form-actions.row{gap:14px;flex-wrap:wrap}.form-error{margin:6px 0 0;padding:9px 12px;font-size:13px;line-height:1.6;color:#ffd0da;background:#78143259;border:1px solid rgba(255,110,150,.5);border-radius:4px}.result-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:0 0 14px;font-size:12px;letter-spacing:1px;color:var(--muted)}.result-meta span{padding:3px 10px;border:1px solid var(--line-soft);border-radius:999px;background:#06143299}.result-scroll{max-height:min(58vh,620px);overflow-y:auto;padding-right:10px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding-top:16px;padding-bottom:16px}.result-scroll::-webkit-scrollbar{width:8px}.result-scroll::-webkit-scrollbar-thumb{background:#58beff59;border-radius:4px}.hint{color:var(--muted);font-size:13px;letter-spacing:1px}.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.record{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 12px;text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#06143299;border:1px solid var(--line-soft);border-radius:4px}.record:hover{border-color:var(--glow);background:#0c2452bf}.record-kind{font-size:12px;letter-spacing:1px;color:var(--glow)}.record-q{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-time{font-size:12px;color:var(--muted)}.md{font-size:15px;line-height:1.9;color:#e6f4ff}.md h2,.md h3,.md h4{margin:22px 0 10px;font-size:17px;letter-spacing:2px;color:#fff;text-shadow:0 0 12px rgba(80,180,255,.55)}.md h2{padding-left:12px;border-left:3px solid var(--glow)}.md h3,.md h4{font-size:15px;color:#cbe8ff}.md p{margin:0 0 12px}.md ul{margin:0 0 12px;padding-left:22px}.md li{margin-bottom:6px}.md strong{color:#ffe9a8}.md blockquote{margin:14px 0 0;padding:8px 14px;font-size:13px;color:var(--muted);background:#0a1e4680;border-left:2px solid var(--line-soft)}.md-ic{padding:1px 5px;font-size:13px;background:#58beff24;border-radius:3px}.md-code{padding:12px;overflow-x:auto;font-size:13px;background:#020a1ccc;border:1px solid var(--line-soft);border-radius:4px}.topbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:18px 26px;font-size:13px}.topbar-user{letter-spacing:2px;color:var(--glow);text-shadow:0 0 10px rgba(88,213,255,.6)}.topbar-expire{color:var(--muted)}.tabs{display:flex;gap:8px;margin-bottom:22px;border-bottom:1px solid var(--line-soft)}.tab{flex:1;padding:10px 0 12px;font:inherit;font-size:16px;letter-spacing:4px;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;cursor:pointer}.tab:hover{color:#cfe9ff}.tab.active{color:#fff;border-bottom-color:var(--glow);text-shadow:0 0 12px rgba(88,213,255,.75)}.hint.center{margin-top:18px;text-align:center;font-size:12px;line-height:1.8}@media (max-width: 560px){.hud{padding:22px 16px 26px}.field,.field-pair .field{grid-template-columns:1fr;gap:6px}.field-pair{grid-template-columns:1fr}.field-label{text-align:left}.record{grid-template-columns:1fr}}