:root{color-scheme:dark;--bg:#080A0D;--panel:#0D1015;--side:#12161C;--raised:#171C23;--hover:#1B2129;--title:#F5F7FA;--text:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--line:rgba(255,255,255,.09);--strong:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:var(--bright);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:4px}button{font:inherit;cursor:pointer}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto;min-width:0}main{padding-bottom:55px;min-height:62vh}h1,h2,h3{color:var(--title);line-height:1.4;margin:0 0 16px}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 17px}ul,ol{padding-left:1.5em;margin:0 0 20px}li{margin:0 0 9px}strong{color:var(--title)}.skip{position:absolute;left:12px;top:-100px;z-index:99;background:var(--blue);color:white;padding:8px}.skip:focus{top:8px}.site-header{position:sticky;top:0;background:rgba(8,10,13,.96);border-bottom:1px solid var(--line);z-index:40;backdrop-filter:blur(10px)}.head-inner{max-width:1200px;padding:0 24px;margin:auto;display:flex;align-items:center;gap:23px;height:68px}.brand{flex-shrink:0;display:flex;align-items:center;text-decoration:none}.brand-logo{display:flex;padding:0;background:none;max-width:160px}.brand-logo img{max-height:35px;max-width:160px;object-fit:contain}.brand-text{font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--title)}.brand-text span{color:var(--bright)}.desktop-links{display:flex;gap:23px;margin-left:auto;align-items:center}.desktop-links a{color:var(--text);white-space:nowrap;font-size:14px}.desktop-links .active{color:var(--bright);font-weight:700}.menu-toggle{background:transparent;color:var(--title);border:1px solid var(--strong);padding:7px 13px;border-radius:8px;white-space:nowrap;min-height:44px}.menu-toggle span{margin-left:4px}.enter{background:var(--blue);color:white;padding:7px 14px;border-radius:8px;font-size:14px;white-space:nowrap;font-weight:700;min-height:42px;display:flex;align-items:center}.enter:hover{background:#6b87ff;text-decoration:none}.menu-overlay{position:fixed;inset:68px 0 0;background:rgba(0,0,0,.55);z-index:41}.directory-panel{position:fixed;z-index:42;right:max(24px,calc((100vw - 1200px)/2));top:72px;width:min(700px,calc(100vw - 40px));max-height:80vh;overflow:auto;background:var(--panel);border:1px solid var(--strong);border-radius:13px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.55)}[hidden]{display:none!important}.directory-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.menu-close{border:1px solid var(--strong);background:var(--raised);color:var(--text);border-radius:7px;padding:3px 12px}.directory-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.directory-groups h2{font-size:15px;color:var(--ice);margin:0 0 8px}.directory-groups a{display:block;font-size:14px;padding:4px 0;color:var(--text)}.directory-groups a[aria-current]{color:var(--bright)}.all-categories{display:inline-block;margin-top:14px}.breadcrumbs{display:flex;gap:12px;padding:23px 0 5px;font-size:13px;color:var(--muted)}.page-head{max-width:820px;padding:30px 0 18px}.page-head .kicker,.kicker{color:var(--ice);font-weight:bold;font-size:13px;letter-spacing:.1em;margin-bottom:10px}.lede{font-size:17px;color:#d7dce5;line-height:1.85}.section{margin:36px 0}.section>h2{padding-bottom:12px;border-bottom:1px solid var(--line)}.prose{max-width:800px}.prose h2{margin-top:33px}.prose h3{margin-top:22px}.text-grid,.split,.reading-grid,.three-grid,.directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.note,.topic{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.panel h2,.panel h3,.topic h3{font-size:19px;margin-bottom:10px}.topic{background:var(--side)}.note{border-left:3px solid var(--blue)}.muted{color:var(--muted)}.eyebrow{font-size:13px;color:var(--bright);margin-bottom:10px}.overline{color:var(--ice);font-size:12px;font-weight:bold;letter-spacing:.08em}.related{border-top:1px solid var(--strong);margin-top:48px;padding-top:25px}.related h2{font-size:21px}.related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-links a{background:var(--side);border:1px solid var(--line);border-radius:9px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.related-links a strong{font-size:16px}.related-links a span{font-size:13px;color:var(--muted)}.site-footer{background:#050608;border-top:1px solid var(--line);padding:38px 0 22px}.foot-grid{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:22px;font-weight:bold;color:var(--title)}.foot-grid p{font-size:13px;color:var(--muted);margin:3px 0}.foot-links{display:flex;gap:16px;flex-wrap:wrap;align-content:start}.foot-links a{color:var(--text);font-size:14px}.legal{font-size:12px;color:var(--muted);margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}#back-top{position:fixed;bottom:22px;right:22px;background:var(--blue);color:white;border:0;border-radius:50%;width:44px;height:44px;z-index:20}.media-natural,.media-frame{display:grid;place-items:center;min-width:0;margin:0;padding:8px;border-radius:12px;background:#0D1015}.media-natural>img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-max-height,280px);object-fit:contain;object-position:center}.media-frame{width:100%;aspect-ratio:var(--media-ratio,16/9)}.media-frame>img{width:100%;height:100%;object-fit:contain;object-position:center}.media-missing{display:grid;place-items:center;background:var(--side);min-height:135px;border:1px dashed var(--strong);border-radius:12px;color:var(--muted);font-size:13px}.figure-caption{color:var(--muted);font-size:13px;margin:8px 0 18px}.gallery-entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.gallery-entry h2{font-size:22px}.reading-item{display:block;border-bottom:1px solid var(--line);padding:17px 0}.reading-item strong{display:block;font-size:19px}.reading-item p{color:var(--text);margin:6px 0}.reading-item .meta{font-size:12px;color:var(--ice)}.table-wrap{overflow-x:auto;margin:22px 0}table{width:100%;border-collapse:collapse;min-width:540px;font-size:15px}th,td{border:1px solid var(--strong);text-align:left;padding:12px 14px;vertical-align:top}th{background:var(--raised);color:var(--title)}td{background:var(--panel)}.timeline{counter-reset:stage}.stage{position:relative;border-left:2px solid var(--blue);padding:0 0 25px 25px;margin-left:9px}.stage:before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--bright)}.stage h2{font-size:21px}.index-links{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0 28px}.index-links a{border:1px solid var(--strong);padding:6px 13px;border-radius:8px}.glossary{padding-top:22px;border-top:1px solid var(--line)}.glossary dt{color:var(--title);font-weight:bold;font-size:18px}.glossary dd{margin:3px 0 20px;color:var(--text)}details{border-bottom:1px solid var(--strong);padding:15px 0}summary{cursor:pointer;color:var(--title);font-weight:700}details p{margin:8px 0 0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.filters button{background:var(--side);border:1px solid var(--strong);color:var(--text);padding:7px 16px;border-radius:8px}.filters button[aria-pressed="true"]{background:var(--blue);color:white}.image-card{min-width:0}.image-card h3{margin:12px 0 5px}.image-card p{font-size:14px}.feature-band{padding:22px;border-top:1px solid var(--strong);border-bottom:1px solid var(--strong);margin:24px 0}.hero-intro{padding:46px 0 22px}.hero-intro h1{font-size:37px;max-width:750px}.hero-line{display:grid;grid-template-columns:2fr 1fr;gap:35px;align-items:start}.quick-notes{border-left:1px solid var(--strong);padding-left:20px}.quick-notes span{display:block;border-bottom:1px solid var(--line);padding:8px 0}.poster{margin:20px 0 35px}.poster img{max-height:260px}.sidebar-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(0,260px);gap:38px}.side-note{background:var(--side);padding:20px;border-radius:10px;align-self:start}.side-note h2{font-size:18px}.callout{font-size:19px;color:var(--title);border-left:3px solid var(--blue);padding:12px 20px;margin:26px 0}.route-list{list-style:none;padding:0}.route-list li{padding:15px 0;border-bottom:1px solid var(--line)}.route-list a{font-weight:bold}.small{font-size:14px}.divider{border:0;border-top:1px solid var(--line);margin:32px 0}
@media(max-width:960px){.desktop-links{display:none}.head-inner{justify-content:space-between}.menu-toggle{margin-left:auto}.directory-panel{top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;max-height:85vh;max-height:85dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.directory-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-open{overflow:hidden}.menu-overlay{inset:0}.sidebar-layout{grid-template-columns:1fr}.side-note{max-width:800px}}
@media(max-width:650px){body{font-size:15px;line-height:1.78}.container{width:calc(100% - 32px)}.head-inner{padding:0 16px;height:66px;gap:9px}.brand-text{font-size:19px}.brand-logo img{max-width:96px}.menu-toggle{min-height:44px;padding:7px 9px;font-size:14px}.enter{padding:7px 10px;min-height:44px;font-size:13px}.directory-groups{grid-template-columns:1fr 1fr;gap:12px}.directory-panel{padding:17px}.directory-groups a{padding:5px 0;font-size:13px}.page-head{padding-top:23px}.page-head h1{font-size:26px}.hero-intro h1{font-size:29px}.hero-intro{padding-top:28px}.hero-line,.text-grid,.split,.reading-grid,.three-grid,.directory-list,.gallery-entry{grid-template-columns:1fr}.quick-notes{border-left:none;border-top:1px solid var(--line);padding-left:0}.section{margin:26px 0}.section>h2{font-size:21px}.related-links{grid-template-columns:1fr}.panel,.topic{padding:17px}.gallery-entry{gap:12px}.foot-grid{flex-direction:column}.poster img{max-height:170px}.media-natural img{max-height:min(var(--image-max-height,210px),210px)}.stage{padding-left:18px}.gallery-entry h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.no-script{padding:9px 0;font-size:14px}.no-script a{display:inline-block;border:1px solid var(--strong);padding:5px 12px;border-radius:7px}