:root{color-scheme:dark;--bg:#080A0D;--top:rgba(8,10,13,.96);--surface:#0D1015;--sub:#12161C;--deep:#171C23;--hover:#1B2129;--white:#F5F7FA;--body:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--violet:#7775FF;--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--body);font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--white);line-height:1.38;letter-spacing:.015em}h1{font-size:clamp(26px,3vw,34px)}h2{font-size:clamp(20px,2.4vw,25px)}h3{font-size:19px}p{margin-bottom:16px}a{color:var(--bright);text-underline-offset:3px}a:hover{color:var(--ice)}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:3px;border-radius:5px}button{font:inherit;cursor:pointer}.container{width:min(100% - 48px,1200px);margin:auto;min-width:0}.site-header{position:sticky;top:0;background:var(--top);border-bottom:1px solid var(--line);z-index:50;backdrop-filter:blur(10px)}.nav-inner{max-width:1200px;padding:0 24px;height:68px;margin:auto;display:flex;align-items:center;gap:23px;min-width:0}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none;color:var(--white)}.brand-img{margin:0;display:block;max-width:92px}.brand-img img{display:block;width:auto;max-width:90px;max-height:36px;height:auto;object-fit:contain}.brand-img .image-fallback{display:none}.brand-text{display:flex;flex-direction:column;line-height:1.2;white-space:nowrap}.brand-text b{font-size:18px}.brand-text small{font-size:9px;color:var(--muted);letter-spacing:.045em}.primary{display:flex;gap:20px;align-items:center;margin-left:auto;white-space:nowrap}.primary a,.nav-all{color:var(--body);font-size:14px;text-decoration:none}.primary a[aria-current],.primary a:hover{color:var(--bright)}.enter{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 15px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.enter:hover{background:var(--bright);color:#080A0D}.menu-trigger{display:none;align-items:center;gap:8px;color:var(--white);border:1px solid var(--line-strong);background:var(--sub);padding:7px 12px;border-radius:8px;font-size:14px;min-height:44px}.nav-all{margin-left:auto;white-space:nowrap}.js .nav-all{display:none}.js .menu-trigger{display:inline-flex}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:8px 15px}.skip:focus{top:4px}.desktop-panel{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line-strong);box-shadow:0 18px 25px #0007}.desktop-panel[hidden],.overlay[hidden],.mobile-sheet[hidden]{display:none!important}.directory-inner{max-width:1200px;margin:auto;padding:20px 24px 26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--white)}.panel-close,.mobile-sheet-head button{background:var(--deep);border:1px solid var(--line-strong);border-radius:7px;color:var(--body);padding:4px 12px}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 25px}.menu-group h3{font-size:14px;color:var(--ice);margin:0 0 4px}.menu-group ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:2px 15px}.menu-group a{font-size:14px;text-decoration:none;color:var(--body)}.menu-group a:hover{color:var(--bright)}.menu-all{align-self:end;font-size:14px}.mobile-sheet,.overlay{display:none}.site-main{padding:35px 0 70px;min-height:60vh}.crumb{font-size:13px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.crumb a{color:var(--muted)}.page-heading{max-width:850px;margin-bottom:22px}.page-heading h1{margin:5px 0 12px}.page-heading p{font-size:16px;color:var(--body);max-width:800px}.eyebrow,.kicker{font-size:13px;color:var(--bright);font-weight:700;letter-spacing:.08em}.local-nav{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 38px;padding:0 0 16px;border-bottom:1px solid var(--line)}.local-nav a{padding:5px 11px;color:var(--muted);font-size:14px;text-decoration:none;border:1px solid var(--line);border-radius:7px}.local-nav a[aria-current]{background:var(--deep);border-color:var(--blue);color:var(--bright)}.local-nav a:hover{color:var(--white)}.section{margin:38px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{margin:0}.section-heading a{font-size:14px}.intro-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.65fr);gap:32px;align-items:end;padding:14px 0 25px}.intro-hero h1{font-size:clamp(28px,3.1vw,38px);max-width:780px}.intro-hero p{max-width:760px}.reading-prompts{border-left:2px solid var(--blue);padding-left:20px;display:grid;gap:12px}.reading-prompts span{color:var(--ice);font-size:14px}.poster{margin:16px 0 38px}.poster .image-fallback{min-height:160px}.poster img{max-height:260px!important}.questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.question,.panel,.note-card,.tile,.sample,.diagnostic,.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px;min-width:0}.question h3{font-size:19px}.question p,.question a{font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:24px}.split>*{min-width:0}.mini-links{display:grid;gap:12px}.mini-links a{display:block;padding:15px 17px;background:var(--sub);border:1px solid var(--line);text-decoration:none;border-radius:9px}.mini-links span,.link-block span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.image-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-trio figure{margin:0}.image-trio p{font-size:14px;margin-top:10px}.media-natural,.media-frame{display:grid;place-items:center;min-width:0;padding:8px;border-radius:12px;background:#0D1015;border:1px solid var(--line);margin:0}.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}.image-fallback{min-height:125px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);font-size:14px;background:var(--sub);border-radius:8px}.image-fallback span{font-size:12px;margin-top:5px;color:#777f8a}.note-strip{padding:19px 23px;border-left:3px solid var(--blue);background:var(--sub);border-radius:0 9px 9px 0}.note-strip p:last-child{margin-bottom:0}.path-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.path-row a,.related-grid a,.link-block{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:18px;display:block;text-decoration:none;min-width:0}.path-row strong,.related-grid strong{display:block;color:var(--white)}.path-row span,.related-grid span{display:block;color:var(--muted);font-size:14px;margin-top:6px}.service-row{display:flex;flex-wrap:wrap;gap:18px}.service-row a{font-size:14px}.reading{max-width:790px}.reading h2{margin:34px 0 13px}.reading h3{margin:21px 0 9px}.reading p,.reading li{line-height:1.84}.reading li{margin-bottom:8px}.reading ul,.reading ol{padding-left:24px}.wide-reading{max-width:100%}.caption{font-size:13px;color:var(--muted);line-height:1.65;margin-top:9px}.stateless-table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:14px}.stateless-table th,.stateless-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.stateless-table th{background:var(--sub);color:var(--white);font-weight:700}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap table{min-width:540px}.side-essay{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:36px}.aside-notes{padding:18px;border-left:1px solid var(--line);font-size:14px;color:var(--muted);align-self:start}.aside-notes h3{font-size:17px}.timeline{border-left:2px solid var(--blue);padding-left:25px;max-width:840px}.timeline article{position:relative;padding:0 0 22px}.timeline article:before{content:"";width:11px;height:11px;background:var(--blue);border:3px solid var(--bg);position:absolute;left:-33px;top:8px;border-radius:50%}.timeline h2{margin:0 0 10px}.comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.steps{counter-reset:step;display:grid;gap:15px;max-width:870px}.step{padding:20px 20px 20px 70px;border:1px solid var(--line);border-radius:10px;position:relative;background:var(--surface)}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:20px;top:18px;color:var(--bright);font-weight:700}.term-index{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.term-index a{border:1px solid var(--line-strong);border-radius:6px;padding:5px 12px;text-decoration:none;font-size:14px}.term-entry{padding:16px 0;border-bottom:1px solid var(--line);max-width:850px}.term-entry h3{margin:0 0 5px}.term-entry p{margin:5px 0;font-size:15px}.horizontal-observation{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;border-top:1px solid var(--line);padding:26px 0}.horizontal-observation h2{margin:0}.media-side{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:start}.gallery-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px;margin:38px 0;align-items:start}.gallery-entry:nth-of-type(even){direction:rtl}.gallery-entry:nth-of-type(even)>*{direction:ltr}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.catalog-item{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}.catalog-item h3{font-size:16px;margin:12px 0 4px}.catalog-item p{font-size:13px;color:var(--muted);margin:0}.catalog-item .media-natural{min-height:150px}.bookmark-list{counter-reset:bookmarks;display:grid;gap:14px;max-width:920px}.bookmark{display:grid;grid-template-columns:50px minmax(0,1fr);gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.bookmark:before{counter-increment:bookmarks;content:counter(bookmarks,decimal-leading-zero);font-size:20px;color:var(--bright)}.bookmark h2{font-size:20px;margin:0 0 5px}.bookmark p{margin:0 0 7px}.lens{margin:32px 0;padding:22px 26px;border-left:2px solid var(--blue);background:var(--surface);max-width:900px}.lens h2{margin-top:0}.map-group{margin:30px 0;border-top:1px solid var(--line);padding-top:18px}.map-group h2{font-size:20px}.map-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.map-links a{background:var(--surface);padding:12px 15px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.map-links small{display:block;color:var(--muted)}.faq-item{margin-bottom:12px;max-width:900px}.faq-item h2{font-size:18px}.faq-item p:last-child{margin:0}.related{margin:45px 0 0;padding-top:23px;border-top:1px solid var(--line)}.related h2{font-size:21px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.site-footer{background:#050608;border-top:1px solid var(--line);padding:33px 0 25px;color:var(--muted);font-size:14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid p{margin:0 0 6px}.footer-grid strong{color:var(--white);margin-bottom:8px}.footer-grid a{color:var(--muted);text-decoration:none;margin-bottom:7px}.footer-grid .footer-brand{color:var(--white);font-size:20px;font-weight:bold}.footer-note{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;line-height:1.8}.backtop{position:fixed;right:22px;bottom:20px;background:var(--sub);color:var(--white);border:1px solid var(--line-strong);border-radius:50%;width:42px;height:42px;z-index:40}.backtop[hidden]{display:none}.muted{color:var(--muted)}.highlight{color:var(--ice)}.small{font-size:14px}.gif-safe{max-width:520px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:1080px){.primary{display:none}.nav-inner{gap:12px}.nav-all{margin-left:auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-panel{display:none!important}.js .menu-trigger{margin-left:auto}.brand-text small{display:none}}
@media(max-width:1080px){.container{width:calc(100% - 32px)}.nav-inner{padding:0 16px;height:64px;gap:9px}.brand-text b{font-size:16px}.brand-text small{display:none}.brand-img img{max-width:96px}.enter{min-height:44px;padding:7px 11px;font-size:13px}.menu-trigger{min-width:44px;padding:7px 9px}.site-main{padding:24px 0 45px}.intro-hero,.split,.side-essay,.comparison,.media-side,.gallery-entry{grid-template-columns:minmax(0,1fr);gap:16px}.reading-prompts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:13px}.questions,.image-trio,.path-row,.related-grid,.map-links{grid-template-columns:1fr}.image-trio{gap:24px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.horizontal-observation{grid-template-columns:1fr;gap:8px}.mobile-sheet{display:block;position:fixed;bottom:0;left:0;right:0;z-index:80;max-height:85vh;max-height:85dvh;background:var(--surface);border-radius:18px 18px 0 0;border:1px solid var(--line-strong);box-shadow:0 -15px 35px #0009;overflow:hidden}.mobile-sheet-head{height:60px;border-bottom:1px solid var(--line);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--white)}.mobile-sheet-body{overflow-y:auto;max-height:calc(85vh - 60px);max-height:calc(85dvh - 60px);padding:14px 20px calc(25px + env(safe-area-inset-bottom));overscroll-behavior:contain}.mobile-sheet .menu-group{padding:10px 0;border-bottom:1px solid var(--line)}.mobile-sheet .menu-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.mobile-sheet .menu-group li a{display:block;min-height:43px;padding:8px 0}.mobile-sheet .menu-all{display:block;margin:18px 0}.overlay{display:block;position:fixed;inset:0;background:#000a;z-index:70}.page-heading p{font-size:15px}.related{margin-top:35px}.poster img{max-height:170px!important}.reading{max-width:100%}.gallery-entry:nth-of-type(even){direction:ltr}.stateless-table{font-size:13px}.stateless-table th,.stateless-table td{padding:9px}}
@media(max-width:390px){.brand-img img{max-width:80px}.brand-text b{font-size:15px}.nav-inner{gap:7px}.enter{padding:6px 8px}.menu-trigger{font-size:13px;gap:4px}.catalog-grid{grid-template-columns:1fr 1fr;gap:10px}.question,.panel{padding:15px}}
@media(min-width:768px) and (max-width:1080px){.container{width:calc(100% - 40px)}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}