:root{--bg:#10110f;--panel:#191b17;--panel2:#20231d;--line:#34382e;--paper:#d7d0b8;--ink:#25251f;--text:#e7e4d8;--muted:#9da08f;--olive:#7e865d;--gold:#c7b36a;--rust:#873b31;--red:#c35b4e;--green:#91a96a;--shadow:0 24px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",system-ui,sans-serif;background:radial-gradient(circle at 80% 10%,#293026 0,transparent 34%),linear-gradient(135deg,#11130f,#0b0c0a 65%);letter-spacing:.01em}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.09) 8px);mix-blend-mode:overlay}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(15,16,14,.93);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.06em}.brand-mark,.seal{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font-family:Georgia,serif}.brand-mark{width:32px;height:32px}.topbar nav{display:flex;align-items:center;gap:24px}.topbar nav a,.link-button{border:0;background:none;color:var(--muted);font:inherit;text-decoration:none;cursor:pointer}.topbar nav a:hover,.link-button:hover{color:var(--gold)}.topbar form{display:inline}.page-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:46px 0 80px}.eyebrow,.terminal-kicker{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.flash-stack{position:fixed;top:18px;left:50%;z-index:80;width:min(520px,calc(100% - 36px));transform:translateX(-50%)}.flash{margin-bottom:8px;padding:13px 16px;border:1px solid var(--line);background:#22251f;box-shadow:var(--shadow)}.flash-error{border-color:#7d3931;color:#ffd7d2}.flash-success{border-color:#5c7047;color:#dcebc9}.auth-page{overflow-x:hidden}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(340px,520px) minmax(320px,1fr);gap:clamp(50px,8vw,130px);align-items:center;width:min(1180px,calc(100% - 36px));min-height:100vh;margin:auto;padding:50px 0}.auth-card{padding:clamp(28px,5vw,54px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(31,34,28,.98),rgba(18,20,17,.98));box-shadow:var(--shadow);position:relative}.auth-card:before{content:"";position:absolute;inset:8px;border:1px solid rgba(199,179,106,.12);pointer-events:none}.terminal-kicker{display:flex;align-items:center;gap:9px}.terminal-kicker span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.auth-brand{display:flex;align-items:center;gap:18px;margin:34px 0 22px}.seal{width:66px;height:66px;font-size:2.2rem;background:#141612;box-shadow:inset 0 0 0 5px #1d201a}.auth-brand p{margin:0 0 4px;color:var(--muted);font-size:.75rem;letter-spacing:.16em}.auth-brand h1{margin:0;font:700 clamp(1.6rem,4vw,2.3rem) Georgia,"Noto Serif SC",serif}.auth-copy{color:var(--muted);line-height:1.7}.auth-form{display:grid;gap:18px;margin-top:28px}.auth-form label{display:grid;gap:8px;color:#b8baa9;font-size:.82rem;font-weight:700;letter-spacing:.04em}.auth-form input{width:100%;height:50px;border:1px solid #3d4136;outline:none;background:#11130f;color:var(--text);padding:0 14px;font:inherit;transition:.2s}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,179,106,.1)}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--gold);padding:14px 18px;text-decoration:none;font:700 .88rem inherit;letter-spacing:.04em;cursor:pointer}.primary-button{margin-top:7px;background:var(--gold);color:#17170f}.primary-button:hover{background:#dcc980}.secondary-button{background:transparent;color:var(--gold)}.secondary-button:hover{background:rgba(199,179,106,.08)}.auth-footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.auth-footer a{color:var(--gold);text-decoration:none}.auth-aside{max-width:540px}.auth-aside h2{margin:18px 0 40px;font:700 clamp(2.6rem,6vw,5.2rem)/1.07 Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}.auth-aside>p:last-child{color:var(--muted);line-height:1.8}.status-line,.online-badge{display:flex;align-items:center;gap:14px}.status-line{padding-top:26px;border-top:1px solid var(--line)}.status-line div,.online-badge div{display:grid;gap:4px}.status-line small,.online-badge small{color:var(--muted)}.pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(145,169,106,.12),0 0 18px var(--green)}.hero-panel{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:34px 0 42px;border-bottom:1px solid var(--line)}.hero-panel h1,.handbook-header h1{margin:8px 0 10px;font:700 clamp(2.2rem,5vw,4.5rem)/1.05 Georgia,"Noto Serif SC",serif}.hero-panel p:not(.eyebrow),.handbook-header p:not(.eyebrow){color:var(--muted)}.online-badge{padding:15px 18px;border:1px solid var(--line);background:var(--panel)}.dashboard-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:22px;margin-top:28px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));padding:28px;box-shadow:0 14px 38px rgba(0,0,0,.18)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel-heading span{color:var(--rust);font-weight:900}.panel-heading h2{margin:0;font:700 1.35rem Georgia,"Noto Serif SC",serif}.panel-heading small{color:var(--muted);letter-spacing:.12em}.connection-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:12px;min-height:58px;border-top:1px solid var(--line)}.secret-row{grid-template-columns:130px 1fr auto auto}.connection-row label{color:var(--muted);font-size:.84rem}.connection-row code{color:var(--gold);font:700 1rem ui-monospace,Consolas,monospace}.copy-button,.reveal-button{border:0;background:transparent;color:#aaaD9e;cursor:pointer}.copy-button:hover,.reveal-button:hover{color:var(--gold)}.panel-note{color:var(--muted);font-size:.82rem;line-height:1.7}.handbook-teaser p{min-height:115px;color:#bec0b1;line-height:1.8}.quick-guide{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:20px;margin-top:22px;padding:25px 0}.quick-guide>div{display:flex;gap:12px;color:var(--muted);line-height:1.5}.quick-guide>div span{color:var(--gold);font-weight:900}.quick-guide p{margin:0}.handbook-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.handbook-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.handbook-tabs{display:grid;position:sticky;top:86px;border:1px solid var(--line);background:var(--panel)}.handbook-tab{display:flex;align-items:center;gap:12px;min-height:54px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);padding:0 16px;text-align:left;font:inherit;cursor:pointer}.handbook-tab:last-child{border-bottom:0}.handbook-tab span{color:#686b5d;font:700 .72rem ui-monospace,monospace}.handbook-tab:hover,.handbook-tab.active{color:var(--text);background:#292c24}.handbook-tab.active{box-shadow:inset 3px 0 var(--rust)}.handbook-paper{min-height:680px;max-height:calc(100vh - 120px);overflow:auto;padding:clamp(26px,5vw,64px);color:var(--ink);background:var(--paper);background-image:linear-gradient(rgba(90,80,50,.055) 1px,transparent 1px);background-size:100% 28px;box-shadow:var(--shadow)}.handbook-page{display:none;max-width:780px;margin:auto}.handbook-page.active{display:block}.handbook-page h2{margin:0 0 12px;padding-bottom:16px;border-bottom:2px solid rgba(55,52,40,.3);font:800 clamp(1.8rem,4vw,2.8rem) Georgia,"Noto Serif SC",serif}.handbook-page h3{margin:30px 0 10px;font:800 1.25rem Georgia,"Noto Serif SC",serif;color:#443e2e}.handbook-page p{margin:7px 0;line-height:1.85}.handbook-centre{text-align:center;color:#6a6149;font-weight:700}.handbook-notice{margin-top:24px!important;padding:12px 16px;border-left:4px solid var(--rust);background:rgba(135,59,49,.09);font-weight:700}.error-panel{max-width:680px;margin:10vh auto;padding:48px;border:1px solid var(--line);background:var(--panel);text-align:center}.error-panel h1{font:700 3rem Georgia,serif}.error-panel p{color:var(--muted);margin-bottom:32px}@media(max-width:850px){.auth-shell{grid-template-columns:1fr;max-width:560px}.auth-aside{display:none}.dashboard-grid{grid-template-columns:1fr}.quick-guide{grid-template-columns:1fr}.handbook-layout{grid-template-columns:1fr}.handbook-tabs{position:static;display:flex;overflow-x:auto}.handbook-tab{flex:0 0 auto;border-right:1px solid var(--line);border-bottom:0}.handbook-tab.active{box-shadow:inset 0 -3px var(--rust)}.handbook-paper{max-height:none}.hero-panel,.handbook-header{align-items:start;flex-direction:column}.online-badge{width:100%}}@media(max-width:560px){.topbar{align-items:flex-start}.brand span:last-child{display:none}.topbar nav{gap:14px;font-size:.86rem}.page-shell{width:min(100% - 24px,1180px);padding-top:22px}.auth-shell{width:min(100% - 24px,560px);padding:18px 0}.auth-card{padding:28px 22px}.auth-brand{margin-top:26px}.auth-footer{flex-direction:column}.connection-row,.secret-row{grid-template-columns:1fr auto;gap:6px;padding:12px 0}.connection-row label{grid-column:1/-1}.connection-row code{overflow-wrap:anywhere}.secret-row .copy-button{grid-column:2}.secret-row .reveal-button{grid-column:2;grid-row:2}.panel{padding:22px 18px}.panel-heading small{display:none}.handbook-header h1{font-size:2.3rem}.handbook-paper{padding:28px 20px}.handbook-page h2{font-size:1.8rem}}