*,*::before,*::after{box-sizing:border-box}
html{min-width:320px;line-height:1.6;-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--color-bg)}
body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--color-text);font-family:var(--font-body);font-size:16px;background-color:var(--color-bg);background-image:radial-gradient(circle at 80% 0%,rgba(100,255,218,.08),transparent 32%),radial-gradient(circle at 15% 100%,rgba(255,107,53,.07),transparent 28%),linear-gradient(rgba(35,53,84,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(35,53,84,.14) 1px,transparent 1px);background-size:900px 600px,700px 500px,32px 32px,32px 32px;background-repeat:no-repeat,no-repeat,repeat,repeat}
body.nav-lock{overflow:hidden}
img{display:block;max-width:100%}
ul,ol{list-style:none;margin:0;padding:0}
a{color:var(--color-accent);text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-head);font-weight:800;line-height:1.15;letter-spacing:.04em}
p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
::selection{background:rgba(100,255,218,.25);color:var(--color-text)}
:root{
--scroll-progress:0;
--color-bg:#0a192f;
--color-surface:#112240;
--color-surface-2:#0f1d3d;
--color-accent:#64ffda;
--color-accent-soft:rgba(100,255,218,.1);
--color-warning:#ff6b35;
--color-warning-soft:rgba(255,107,53,.14);
--color-gold:#ffd700;
--color-text:#e6f1ff;
--color-text-dim:#8892b0;
--color-line:#233554;
--color-focus:#ff6b35;
--font-head:'Orbitron','Source Han Sans SC','Noto Sans SC',sans-serif;
--font-body:'Source Han Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
--font-mono:'JetBrains Mono','SFMono-Regular',Consolas,monospace;
--header-width:320px;
--header-height-mobile:64px;
--container-max:1160px;
--border-w:2px;
--shadow-panel:8px 8px 0 rgba(17,34,64,.9);
--shadow-hover:12px 12px 0 rgba(17,34,64,.95)
}
.skip-link{position:fixed;top:-100px;left:16px;z-index:3000;padding:12px 18px;background:var(--color-warning);color:#fff;font-family:var(--font-mono);font-weight:700;letter-spacing:.08em;box-shadow:4px 4px 0 rgba(10,25,47,.8)}
.skip-link:focus,.skip-link:focus-visible{top:16px}
.site-main{display:block;min-width:0;outline:none}
@media (min-width:1024px){
body{display:grid;grid-template-columns:var(--header-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
.site-header{grid-column:1;grid-row:1/-1;position:sticky;top:0;height:100vh;max-height:100vh;display:flex;flex-direction:column;border-right:var(--border-w) solid var(--color-line)}
.site-main{grid-column:2;grid-row:1}
.site-footer{grid-column:2;grid-row:2}
}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(17,34,64,.96),rgba(10,25,47,.98)),repeating-linear-gradient(90deg,rgba(35,53,84,.16) 0 1px,transparent 1px 32px),var(--color-bg)}
.site-header::before{content:"";position:absolute;top:0;left:0;height:3px;width:calc(var(--scroll-progress,0)*100%);max-width:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-warning));z-index:8;pointer-events:none}
.site-header::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent 70%,var(--color-warning));opacity:.5;pointer-events:none;z-index:7}
.site-header .brand{padding:32px 28px 24px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--color-text)}
.brand:hover{color:var(--color-text)}
.brand__mark{display:grid;place-items:center;width:44px;height:44px;border:var(--border-w) solid var(--color-accent);color:var(--color-accent);font-family:var(--font-mono);font-size:14px;font-weight:800;letter-spacing:.04em;box-shadow:4px 4px 0 rgba(100,255,218,.18);transition:background .2s,color .2s}
.brand:hover .brand__mark{background:var(--color-accent);color:var(--color-bg)}
.brand__body{display:flex;flex-direction:column}
.brand__name{font-family:var(--font-head);font-size:20px;font-weight:800;letter-spacing:.1em;line-height:1.2}
.brand__domain{font-family:var(--font-mono);font-size:11px;color:var(--color-text-dim);letter-spacing:.05em}
.site-nav{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;overflow-y:auto;padding:8px 20px 24px}
.site-nav__list{flex:1 0 auto;display:flex;flex-direction:column}
.site-nav__link{display:flex;align-items:baseline;gap:14px;padding:15px 16px;border-left:var(--border-w) solid transparent;border-bottom:1px solid rgba(35,53,84,.72);color:var(--color-text-dim);font-weight:700;line-height:1.4;transition:color .2s,background .2s,border-color .2s,padding-left .2s}
.site-nav__index{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--color-warning);transition:color .2s}
.site-nav__label{flex:1}
.site-nav__link:hover{color:var(--color-text);background:var(--color-accent-soft);border-left-color:var(--color-accent);padding-left:22px}
.site-nav__link[aria-current="page"]{color:var(--color-accent);background:rgba(100,255,218,.08);border-left-color:var(--color-accent);font-weight:800}
.site-nav__link[aria-current="page"] .site-nav__index{color:var(--color-accent)}
.site-header__tools{padding:22px 0 0;border-top:var(--border-w) solid rgba(35,53,84,.8)}
.site-header__tools .btn{width:100%}
.site-header__status{display:flex;align-items:center;gap:10px;margin-top:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--color-text-dim)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 12px rgba(100,255,218,.7)}
.nav-toggle{display:none;align-items:center;gap:8px;padding:8px 10px;border:var(--border-w) solid var(--color-line);color:var(--color-accent);background:transparent;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,color .2s}
.nav-toggle:hover{border-color:var(--color-accent)}
.nav-toggle[aria-expanded="true"]{color:var(--color-warning)}
.nav-toggle__box{position:relative;width:26px;height:20px}
.nav-toggle__line{position:absolute;left:0;top:50%;width:100%;height:2px;background:currentColor;transform:translateY(-50%);transition:background .2s}
.nav-toggle__line::before,.nav-toggle__line::after{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:currentColor;transition:transform .2s,top .2s}
.nav-toggle__line::before{top:-7px}
.nav-toggle__line::after{top:7px}
.nav-toggle[aria-expanded="true"] .nav-toggle__line{background:transparent}
.nav-toggle[aria-expanded="true"] .nav-toggle__line::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__line::after{top:0;transform:rotate(-45deg)}
@media (max-width:1023.98px){
body{display:block}
.site-header{position:sticky;top:0;height:var(--header-height-mobile);max-height:none;min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;border-right:0;border-bottom:var(--border-w) solid var(--color-line)}
.site-header::after{display:none}
.site-header .brand{padding:0}
.brand__mark{width:36px;height:36px;font-size:12px}
.brand__name{font-size:16px}
.brand__domain{display:none}
.nav-toggle{display:inline-flex}
.site-nav{position:fixed;top:var(--header-height-mobile);left:0;right:0;bottom:0;z-index:999;display:flex;flex-direction:column;padding:28px 24px 32px;background:linear-gradient(180deg,var(--color-surface),var(--color-bg));border-top:var(--border-w) solid var(--color-line);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
.site-nav[data-open]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.site-nav__list{flex:1 0 auto}
.site-header__tools{padding:18px 0 0;border-top:var(--border-w) solid rgba(35,53,84,.8)}
}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:var(--border-w) solid var(--color-line);background:transparent;color:var(--color-text);font-family:var(--font-head);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,color .2s,box-shadow .2s,transform .2s,background .2s}
.btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:6px 6px 0 rgba(100,255,218,.18);transform:translate(-2px,-2px)}
.btn--cta{background:var(--color-warning);border-color:var(--color-warning);color:#fff;box-shadow:6px 6px 0 rgba(255,107,53,.25)}
.btn--cta:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:6px 6px 0 rgba(100,255,218,.25)}
.btn--ghost:hover{border-color:var(--color-warning);color:var(--color-warning);box-shadow:6px 6px 0 rgba(255,107,53,.18)}
.container{width:min(calc(100% - 48px),var(--container-max));margin-inline:auto}
.container--wide{width:min(calc(100% - 40px),1320px);margin-inline:auto}
.section{padding:clamp(48px,8vw,96px) 0}
.section--tight{padding:32px 0 56px}
.section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.section__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent)}
.section__eyebrow::before{content:"";width:24px;height:2px;background:var(--color-warning)}
.section__title{margin:8px 0 0;font-family:var(--font-head);font-size:clamp(26px,4vw,44px);line-height:1.1}
.section__lead{max-width:680px;margin-top:14px;color:var(--color-text-dim);font-size:16px;line-height:1.8}
.page-head{padding:56px 0 32px;border-bottom:var(--border-w) solid var(--color-line);margin-bottom:48px}
.page-head__code{font-family:var(--font-mono);font-size:13px;letter-spacing:.14em;color:var(--color-warning);display:inline-flex;align-items:center;gap:8px}
.page-head__code::before{content:"";width:20px;height:2px;background:var(--color-accent)}
.page-head h1{margin:12px 0 0;font-size:clamp(32px,6vw,60px);line-height:1.05}
.page-head p{max-width:720px;margin-top:14px;color:var(--color-text-dim);line-height:1.8}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;color:var(--color-text-dim)}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li::after{content:"/";margin-left:8px;color:var(--color-line)}
.breadcrumb li:last-child::after{display:none}
.breadcrumb a{color:var(--color-text-dim)}
.breadcrumb a:hover{color:var(--color-accent)}
.grid{display:grid;gap:24px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:860px){
.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}
.section__header{display:block}
}
.panel{background:var(--color-surface);border:var(--border-w) solid var(--color-line);box-shadow:var(--shadow-panel);padding:24px}
.data-card{display:flex;flex-direction:column;gap:10px;min-height:160px;padding:24px;background:linear-gradient(135deg,rgba(100,255,218,.06),rgba(17,34,64,.92) 42%),var(--color-surface);border:var(--border-w) solid var(--color-line);box-shadow:var(--shadow-panel);transition:transform .2s,border-color .2s,box-shadow .2s}
.data-card:hover{transform:translate(-3px,-3px);border-color:var(--color-accent);box-shadow:10px 10px 0 rgba(100,255,218,.12)}
.data-card__index{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--color-warning)}
.data-card__value{font-family:var(--font-mono);font-size:clamp(28px,4vw,40px);line-height:1.05;color:var(--color-accent)}
.data-card__label{font-size:14px;line-height:1.6;color:var(--color-text-dim)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-line);background:rgba(100,255,218,.06);color:var(--color-accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.tag--warn{color:var(--color-warning);border-color:rgba(255,107,53,.5);background:rgba(255,107,53,.1)}
.chapter{display:grid;grid-template-columns:64px 1fr;gap:22px;margin-bottom:40px}
.chapter__num{font-family:var(--font-mono);font-size:clamp(40px,6vw,68px);line-height:1;color:transparent;-webkit-text-stroke:1px var(--color-line);letter-spacing:.04em}
.chapter__body{min-width:0}
@media (max-width:620px){
.chapter{grid-template-columns:44px 1fr;gap:16px}
.chapter__num{font-size:34px}
}
.table-wrap{overflow-x:auto;border:var(--border-w) solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-panel)}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-line)}
.table th{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-warning)}
.table td{color:var(--color-text-dim)}
.table tbody tr:hover td{background:rgba(100,255,218,.04)}
.table tbody tr:last-child td{border-bottom:0}
.media-frame{position:relative;overflow:hidden;width:100%;border:var(--border-w) solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-panel)}
.media-frame::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(100,255,218,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(100,255,218,.06) 1px,transparent 1px),rgba(17,34,64,.85);background-size:28px 28px,28px 28px,auto;pointer-events:none}
.media-frame::after{content:"";position:absolute;inset:0;z-index:1;border:1px solid rgba(100,255,218,.14);pointer-events:none}
.media-frame img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}
.media-frame__label{position:absolute;left:14px;bottom:14px;z-index:3;margin:0;padding:5px 9px;background:rgba(10,25,47,.82);border:1px solid var(--color-line);color:var(--color-accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.media-frame--wide{aspect-ratio:21/9}
.media-frame--video{aspect-ratio:16/9}
.media-frame--square{aspect-ratio:1/1}
.media-frame--poster{aspect-ratio:3/4}
.site-footer{position:relative;z-index:0;background:linear-gradient(180deg,rgba(17,34,64,.66),rgba(10,25,47,.96)),repeating-linear-gradient(0deg,rgba(35,53,84,.12) 0 1px,transparent 1px 28px);border-top:var(--border-w) solid var(--color-line);padding:56px 24px 28px}
.site-footer__grid{display:grid;gap:40px;max-width:var(--container-max);margin-inline:auto}
.site-footer__block{min-width:0}
.site-footer__brand .brand{margin-bottom:18px}
.site-footer__statement{max-width:42em;color:var(--color-text-dim);font-size:14px;line-height:1.9}
.site-footer__title{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}
.site-footer__title::before{content:"";width:16px;height:2px;background:var(--color-warning)}
.site-footer__links{display:grid;gap:10px}
.site-footer__links a{display:inline-block;color:var(--color-text-dim);font-size:14px;line-height:1.5;transition:color .2s,padding-left .2s}
.site-footer__links a:hover{color:var(--color-accent);padding-left:4px}
.site-footer__meta{display:grid;gap:12px}
.site-footer__meta li{padding:6px 0 6px;border-bottom:1px dashed var(--color-line)}
.site-footer__meta-label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-warning)}
.site-footer__meta-value{display:block;margin-top:4px;color:var(--color-text-dim);font-size:14px;line-height:1.6;word-break:break-all}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;max-width:var(--container-max);margin:40px auto 0;padding-top:20px;border-top:1px solid var(--color-line);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--color-text-dim)}
@media (min-width:768px){
.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1100px){
.site-footer__grid{grid-template-columns:1.3fr .8fr .8fr 1.2fr}
}
@media (max-width:767.98px){
.site-footer{padding:40px 20px 24px}
.container{width:min(calc(100% - 32px),var(--container-max))}
.container--wide{width:min(calc(100% - 28px),1320px)}
.site-footer__bottom{align-items:flex-start;flex-direction:column}
}
.js [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.js [data-reveal][data-revealed]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
.js [data-reveal]{opacity:1!important;transform:none!important}
}