:root{--bg:#080A0D;--top:rgba(8,10,13,.96);--panel:#0D1015;--panel2:#12161C;--panel3:#171C23;--hover:#1B2129;--head:#F5F7FA;--text:#C7CDD5;--muted:#9098A3;--blue:#5C7CFA;--bright:#6EA8FF;--ice:#8ED8FF;--purple:#7775FF;--border:rgba(255,255,255,.09);--strong-border: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-underline-offset:3px}a:hover{color:var(--ice)}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--ice);outline-offset:3px}h1,h2,h3{color:var(--head);line-height:1.4}h1{font-size:34px;margin:12px 0 20px}h2{font-size:24px;margin:38px 0 16px}h3{font-size:19px;margin:0 0 12px}p{margin:0 0 16px}ul,ol{padding-left:22px}li{margin:7px 0}img{max-width:100%}.container{max-width:1200px;margin:auto;padding:0 24px 60px;min-width:0}.skip-link{position:absolute;top:-70px;left:12px;z-index:200;background:#fff;padding:8px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;background:var(--top);z-index:60;border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.head-inner{max-width:1200px;margin:auto;height:68px;padding:0 24px;display:flex;align-items:center;gap:21px}.brand{display:flex;align-items:center;flex:none;max-width:146px;text-decoration:none}.brand img{display:block;max-height:34px;width:auto;object-fit:contain}.brand-text{font-weight:800;font-size:22px;color:var(--head)}.desktop-nav{display:flex;align-items:center;gap:21px;min-width:0;flex:1;white-space:nowrap}.desktop-nav a{font-size:14px;color:var(--text);text-decoration:none}.desktop-nav a.active,.desktop-nav a:hover{color:var(--bright)}.menu-toggle{background:transparent;border:1px solid var(--strong-border);color:var(--head);padding:6px 12px;border-radius:8px;white-space:nowrap}.entry-button{background:var(--blue);color:#fff;padding:7px 15px;border-radius:8px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:700}.entry-button:hover{color:white;background:#4568ec}.site-menu[hidden],.menu-backdrop[hidden]{display:none!important}.site-menu{position:fixed;z-index:80;right:max(24px,calc((100vw - 1200px)/2 + 24px));top:76px;width:min(720px,calc(100vw - 32px));max-height:75vh;overflow:auto;background:var(--panel2);border:1px solid var(--strong-border);border-radius:12px;box-shadow:0 28px 60px #0009;padding:24px}.menu-heading{display:flex;align-items:center;justify-content:space-between;color:var(--head)}.menu-close{background:var(--hover);border:1px solid var(--border);color:var(--head);border-radius:7px;min-width:44px;min-height:44px;font-size:27px}.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.menu-groups h2{font-size:15px;margin:12px 0;color:var(--ice)}.menu-groups ul{margin:0;padding:0;list-style:none}.menu-groups li{margin:3px 0}.menu-groups a{color:var(--text);font-size:14px;text-decoration:none}.menu-groups a:hover,.menu-groups a[aria-current]{color:var(--bright)}.menu-map{display:block;border-top:1px solid var(--border);padding-top:16px;margin-top:18px}.menu-backdrop{position:fixed;inset:68px 0 0;background:#0005;z-index:70}.breadcrumbs{display:flex;align-items:center;gap:10px;margin:27px 0 20px;color:var(--muted);font-size:13px}.breadcrumbs a{color:var(--muted)}.page-heading{max-width:820px}.page-heading h1{font-size:32px}.page-heading p{font-size:17px;color:var(--text)}.eyebrow{display:inline-block;color:var(--ice);font-size:12px;letter-spacing:.12em;font-weight:700}.channel-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin:25px 0}.channel-nav span{color:var(--muted);font-size:13px}.channel-nav a{border:1px solid var(--border);padding:2px 12px;border-radius:30px;text-decoration:none;font-size:13px}.page-body>p,.page-body>ul,.page-body>ol{max-width:820px}.page-body{min-width:0}.page-body h2{scroll-margin-top:90px}.topic-grid,.question-grid,.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-card,.question{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:20px;min-width:0}.topic-card p{margin:0}.question{display:flex;flex-direction:column;text-decoration:none;color:var(--text);gap:12px}.question strong{font-size:19px;color:var(--head)}.question span{font-size:15px}.question em{font-size:13px;font-style:normal;color:var(--bright)}.question:hover{border-color:var(--blue)}.inline-links{display:flex;flex-wrap:wrap;gap:12px;margin:17px 0 21px}.inline-links a{font-size:14px;text-decoration:none;border-bottom:1px solid var(--strong-border);padding:3px 0}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;margin:18px 0 28px}table{border-collapse:collapse;width:100%;min-width:570px;text-align:left;font-size:15px}th,td{padding:13px 16px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--head);background:var(--panel3)}tr:nth-child(even) td{background:#0D1015}tr:last-child td{border-bottom:0}.check-list{max-width:820px}.check-list li::marker{color:var(--bright)}.media-natural,.media-frame,.gallery-figure,.poster,.phone-figure{margin:18px 0 24px;display:grid;place-items:center;padding:8px;border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0}.media-natural img,.media-frame img,.gallery-figure img,.poster img,.phone-figure img{display:block;width:auto;height:auto;max-width:100%;max-height:280px;object-fit:contain;object-position:center}.media-natural figcaption,.media-frame figcaption,.gallery-figure figcaption,.poster figcaption,.phone-figure figcaption{font-size:13px;color:var(--muted);padding:7px 12px;text-align:center}.poster img{max-height:260px}.poster{margin:28px 0 40px}.media-placeholder{padding:35px 14px;background:var(--panel2);color:var(--muted);text-align:center;font-size:14px;border:1px dashed var(--strong-border);border-radius:10px;max-width:100%}figure .media-placeholder{width:100%}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.image-grid figure{margin:0}.image-grid img{max-height:190px}.home-mast{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,.8fr);gap:36px;align-items:end;padding-top:35px}.home-mast h1{font-size:38px;max-width:670px}.home-mast p{max-width:730px}.quick-cues{display:grid;gap:12px;padding-bottom:18px}.quick-cues span{border-left:2px solid var(--blue);padding:7px 14px;background:var(--panel)}.home-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr);gap:25px;margin-top:26px}.home-feature aside{border-left:1px solid var(--border);padding-left:24px}.home-feature .inline-links{flex-direction:column}.ribbon{margin:36px 0;padding:16px 24px;border-left:3px solid var(--blue);background:var(--panel2)}.article-with-note{display:grid;grid-template-columns:minmax(0,780px) minmax(180px,1fr);gap:35px}.side-note{align-self:start;position:sticky;top:90px;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:20px;font-size:14px}.step-list{counter-reset:item;list-style:none;padding-left:0;max-width:820px}.step-list>li{position:relative;border-left:2px solid var(--blue);padding:4px 0 19px 25px;margin:0}.step-list h2{margin:0 0 12px}.lane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lane>div{border-top:3px solid var(--blue);background:var(--panel2);padding:18px}.lane b{color:var(--head)}.jump-links{display:flex;gap:15px;flex-wrap:wrap}.jump-links a{background:var(--panel2);padding:5px 14px;border-radius:5px}.prose-wide{max-width:820px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-item{min-width:0;margin:0;padding:10px;border:1px solid var(--border);background:var(--panel2);border-radius:12px}.catalog-item .media-frame{margin:0;aspect-ratio:4/3}.catalog-item img{max-height:170px}.catalog-item figcaption{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);padding:8px 3px}.catalog-item figcaption b{color:var(--head);font-size:16px}.gallery-essay{max-width:820px}.gallery-figure img{max-height:340px}.bookmark-list{max-width:900px}.bookmark-list article{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.bookmark-list article>span{font-size:28px;color:var(--blue)}.bookmark-list h3 a{color:var(--head)}.path-stack{max-width:880px}.path-stack section{padding:22px 26px;margin:18px 0;background:var(--panel2);border-left:3px solid var(--blue)}.path-index{font-size:13px;color:var(--ice)}.path-stack h2{margin:10px 0 14px}.analysis-block{max-width:850px;padding:25px 0;border-bottom:1px solid var(--border)}.analysis-block h2{margin:10px 0 20px}.all-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.all-groups section{background:var(--panel2);padding:14px 20px;border:1px solid var(--border);border-radius:10px}.all-groups h2{font-size:20px;margin:8px 0 12px}.mobile-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,350px);gap:28px}.phone-figure img{max-height:350px}.faq-list{max-width:900px}.faq-list section{border-bottom:1px solid var(--border);padding:15px 0}.faq-list h2{font-size:19px;margin:0 0 10px}.end-of-reading{border-top:1px solid var(--border);margin-top:45px;padding-top:22px}.end-of-reading strong{color:var(--head)}.end-of-reading p{font-size:14px;color:var(--muted)}.site-footer{background:#050608;border-top:1px solid var(--border)}.footer-inner{max-width:1200px;margin:auto;padding:32px 24px;display:flex;gap:25px;justify-content:space-between}.footer-brand{font-size:19px;font-weight:800;color:var(--head);text-decoration:none}.footer-inner p{margin:4px 0}.footer-inner small{color:var(--muted);font-size:12px}.footer-inner nav{display:flex;flex-wrap:wrap;gap:16px;align-content:start}.footer-inner nav a{font-size:13px;text-decoration:none}.fallback-directory{max-width:1200px;margin:0 auto;text-align:right;padding:2px 24px;font-size:12px}.fallback-directory a{color:var(--muted)}.nojs-map{padding-top:12px;font-size:13px}#to-top{position:fixed;right:22px;bottom:20px;background:var(--blue);border:0;color:white;border-radius:9px;min-width:42px;min-height:42px;z-index:50}@media(max-width:1070px){.desktop-nav{gap:12px}.head-inner{gap:12px}.desktop-nav a{font-size:13px}}@media(max-width:900px){.desktop-nav{display:none}.head-inner{justify-content:space-between}.brand{margin-right:auto}.menu-toggle{min-height:44px}.menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-with-note{grid-template-columns:1fr}.side-note{position:static}.container{padding-left:20px;padding-right:20px}}@media(max-width:600px){body{font-size:15px;line-height:1.78}.container{padding:0 16px 36px}.head-inner{height:64px;padding:0 16px;gap:9px}.brand img{max-width:96px;max-height:32px}.brand-text{font-size:20px}.menu-toggle{font-size:13px;padding:5px 9px}.entry-button{font-size:13px;padding:8px 10px}.menu-backdrop{inset:64px 0 0}.site-menu{top:auto;bottom:0;left:0;right:0;width:100%;max-height:85vh;max-height:85dvh;border-radius:17px 17px 0 0;padding:16px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain}.menu-groups{grid-template-columns:1fr 1fr;gap:10px}.menu-groups h2{font-size:14px}.menu-groups a{font-size:13px}.page-heading h1{font-size:27px}.page-heading p{font-size:15px}.home-mast{grid-template-columns:1fr;gap:10px;padding-top:22px}.home-mast h1{font-size:29px}.quick-cues{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quick-cues span{font-size:12px;padding:6px 7px}.topic-grid,.question-grid,.image-grid,.home-feature,.lane,.all-groups,.mobile-guide{grid-template-columns:1fr}.home-feature aside{border-left:0;padding:0;border-top:1px solid var(--border)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-item{padding:6px}.catalog-item img{max-height:150px}.image-grid img{max-height:210px}.poster img{max-height:170px}.media-natural img,.media-frame img{max-height:210px}.phone-figure img{max-height:280px}.gallery-figure img{max-height:270px}h2{font-size:21px;margin-top:28px}h3{font-size:17px}.footer-inner{padding:28px 16px;flex-direction:column}.bookmark-list article{grid-template-columns:37px 1fr;gap:13px}.bookmark-list article>span{font-size:22px}.channel-nav{gap:7px}.page-heading{margin-top:15px}}@media(max-width:340px){.entry-button{padding:7px 8px}.menu-toggle{padding:4px 7px}.brand-text{font-size:17px}.quick-cues{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}