:root{color-scheme:dark;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#f2f5fc;background:#10192c;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;font-size:16px;line-height:1.65;background:linear-gradient(115deg,#10192c 30%,#14233e 100%);min-height:100vh}
a{color:inherit;text-decoration:none}
.shell{width:min(1264px,100%);padding:0 56px;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:1px solid #34405a}
.logo{font-size:28px;letter-spacing:-1px;font-weight:800;display:inline-flex;align-items:center;gap:8px}
.logo-square{height:8px;width:8px;background:#7799ff;margin-top:16px}
.edition{font-size:14px;letter-spacing:.06em;color:#b5c0d5}
.edition span{margin:0 12px;color:#68809f}
main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.9fr);gap:72px;align-items:center;padding:96px 0 104px;min-height:calc(100svh - 208px)}
.eyebrow{margin:0 0 30px;color:#bac7e1;font-size:13px;letter-spacing:.1em;display:flex;align-items:center;gap:14px}
.line{height:1px;width:38px;background:#7487a5}
h1{font-size:clamp(40px,5vw,68px);line-height:1.25;letter-spacing:-.025em;margin:0 0 30px;font-weight:700}
h1 span{color:#87a7ff;white-space:nowrap}
.description{color:#bdc8dc;font-size:18px;line-height:1.9;margin:0}
.page-note{margin-top:62px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.6}
.note-index{font-size:15px;color:#a0b7f8;border:1px solid #465575;display:grid;place-items:center;width:44px;height:48px}
.muted{color:#9caecb}
.connection{border:1px solid #405072;border-top:3px solid #83a4ff;padding:30px;background:#17243c;box-shadow:0 24px 64px #070d192e}
.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
h2{font-size:19px;font-weight:600;letter-spacing:.03em;margin:0}
.panel-icon{color:#a4bcff;font-size:25px;line-height:1}
.status{display:flex;gap:14px;align-items:flex-start;min-height:86px}
.status-mark{width:11px;height:11px;border-radius:50%;background:#d0a35a;flex-shrink:0;margin-top:10px;box-shadow:0 0 0 5px #d0a35a13}
.status-mark.ok{background:#75e4bf;box-shadow:0 0 0 5px #75e4bf13}
.status-mark.error{background:#ff9a8e;box-shadow:0 0 0 5px #ff9a8e13}
#status-title{font-size:24px;line-height:1.4;font-weight:600;margin:0 0 5px}
#status-detail{margin:0;color:#b3c0d8;font-size:14px;line-height:1.6}
dl{margin:26px 0 30px;border-top:1px solid #3a4966}
dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #34435e;font-size:14px}
dt{color:#aebdd6;flex-shrink:0}
dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
button{width:100%;border:1px solid transparent;background:#a4bbff;color:#102246;min-height:52px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer;border-radius:2px;transition:background .15s}
button:hover{background:#c1d0ff}
button:focus-visible,a:focus-visible{outline:3px solid #eef3ff;outline-offset:5px}
button:disabled{cursor:wait;opacity:.7}
button span{font-size:23px;font-weight:400}
.panel-note{color:#a7b8d5;font-size:13px;line-height:1.7;margin:16px 0 0}
.noscript{color:#ffd69e;font-size:14px}
footer{min-height:96px;border-top:1px solid #34405a;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9fadc6;font-size:13px;letter-spacing:.02em}
.footer-divider{padding:0 10px;color:#6e7e9b}
@media(min-width:1600px){main{max-height:950px}}
@media(max-width:900px){.shell{padding:0 32px}main{gap:32px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);padding:72px 0}.connection{padding:24px}h1{font-size:clamp(38px,5vw,52px)}.description{font-size:16px}}
@media(max-width:680px){.shell{padding:0 24px}header{min-height:88px}.logo{font-size:24px}.edition{font-size:12px;letter-spacing:0}.edition span{margin:0 6px}main{display:flex;flex-direction:column;align-items:stretch;gap:48px;padding:56px 0}.eyebrow{font-size:12px;gap:10px;margin-bottom:24px}h1{font-size:clamp(37px,8.5vw,55px)}.description{font-size:16px}.page-note{margin-top:32px}.connection{padding:26px}footer{padding:24px 0;min-height:96px;flex-wrap:wrap;gap:6px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}