*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080A0D;color:#C7CDD5;font:16px/1.8 Arial,"PingFang SC","Microsoft YaHei",sans-serif}button,a{font:inherit}a{color:#8ED8FF;text-decoration:none}a:hover{text-decoration:underline;color:#6EA8FF}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8ED8FF;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}p{margin-bottom:16px}strong{color:#F5F7FA}.container{width:min(1200px,calc(100% - 48px));margin:0 auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:900;background:#5C7CFA;color:#080A0D;padding:7px 13px}.skip-link:focus{top:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{height:68px;width:min(1200px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:25px}.brand{display:inline-flex;align-items:center;min-width:90px;flex-shrink:0}.brand-mark{border:0!important;padding:0!important;background:transparent!important;max-width:150px}.brand-mark img{max-width:140px;max-height:36px}.brand-mark .media-placeholder{display:none}.brand-fallback{font-weight:800;color:#F5F7FA;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,24px);margin-left:auto;white-space:nowrap}.desktop-nav a{color:#C7CDD5;font-size:14px}.desktop-nav a[aria-current]{color:#8ED8FF;font-weight:700}.menu-toggle{border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#171C23;color:#F5F7FA;padding:6px 12px;min-height:44px;white-space:nowrap;cursor:pointer}.enter-button{display:inline-flex;align-items:center;justify-content:center;background:#5C7CFA;color:#080A0D;font-weight:700;border-radius:9px;min-height:42px;padding:5px 16px;white-space:nowrap}.enter-button:hover{color:#050608;background:#8ED8FF;text-decoration:none}.desktop-directory-anchor{position:relative;max-width:1200px;margin:auto}.directory-panel{position:absolute;top:0;right:24px;background:#12161C;border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px #0009;border-radius:0 0 14px 14px;padding:20px;max-width:min(750px,calc(100vw - 32px));width:100%;z-index:50}.directory-panel[hidden],.menu-overlay[hidden],.image-viewer[hidden],.back-to-top[hidden]{display:none!important}.directory-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.directory-close{cursor:pointer;background:#171C23;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#F5F7FA;padding:5px 13px}.directory-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.directory-groups section{min-width:0}.directory-groups h2{font-size:14px;color:#9098A3;margin:0 0 8px}.directory-groups a{display:block;font-size:14px;padding:3px 0}.directory-map{display:block;text-align:right;border-top:1px solid rgba(255,255,255,.09);margin-top:14px;padding-top:10px}.menu-overlay{position:fixed;inset:0;background:#000b;z-index:39}.site-main{min-height:60vh;padding-top:32px;padding-bottom:64px}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;color:#9098A3;font-size:13px;margin-bottom:22px}.breadcrumb a{color:#9098A3}.page-heading{max-width:820px;margin-bottom:25px}.page-heading h1{font-size:32px;margin:8px 0 14px}.page-heading p{font-size:17px;line-height:1.85;color:#C7CDD5}.home-heading{max-width:100%;padding:18px 0 9px}.home-heading h1{font-size:38px}.home-heading p{max-width:860px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8ED8FF;font-weight:700}.channel-neighbors{display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;border-block:1px solid rgba(255,255,255,.09);padding:11px 0;margin-bottom:33px;font-size:14px}.channel-neighbors strong{color:#9098A3}.page-content{max-width:100%}.content-section{margin:0 0 42px;min-width:0}.content-section>h2{margin-bottom:18px}.content-section>p,.content-section>.text-list,.content-section>.numbered{max-width:800px}.content-section p{line-height:1.85}.table-wrap{overflow-x:auto;max-width:100%;border:1px solid rgba(255,255,255,.09);border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;min-width:570px;background:#0D1015}th,td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.09);vertical-align:top}th{background:#171C23;color:#F5F7FA;font-size:14px}tr:last-child td{border-bottom:0}td{font-size:15px}.text-list,.numbered{padding-left:25px}.text-list li,.numbered li{margin:10px 0}.editor-grid,.question-grid,.image-grid,.directory-full,.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.editor-card,.question-grid article,.route-grid article{background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:22px;min-width:0}.editor-card h3,.question-grid h3{font-size:19px}.question-grid .num{color:#6EA8FF;font-size:14px;letter-spacing:.1em}.question-grid article>a{display:inline-block;margin-top:2px}.index-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:28px;align-items:center;margin-bottom:32px}.index-intro h2{font-size:25px}.intro-notes{display:grid;gap:10px}.intro-notes span{background:#12161C;border-left:3px solid #5C7CFA;padding:10px 15px;border-radius:4px}.media-natural{display:grid;place-items:center;min-width: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-placeholder{display:grid;place-items:center;background:#171C23;border:1px dashed rgba(255,255,255,.16);color:#9098A3;min-height:120px;width:100%;border-radius:8px;font-size:13px}.poster-section>.poster{max-width:100%;margin:auto}.poster-section .media-placeholder{height:170px}.spotlight{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.spotlight-main{background:#12161C;border:1px solid rgba(255,255,255,.16);padding:28px;border-radius:14px}.spotlight-side{display:grid;gap:12px}.spotlight-side>div{padding:14px 20px;background:#0D1015;border:1px solid rgba(255,255,255,.09);border-radius:10px}.spotlight-side p{font-size:14px;margin:5px 0}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-grid figure,.catalog-grid figure{margin:0;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden}.image-grid figcaption,.catalog-grid figcaption{padding:12px 14px;font-size:14px;color:#9098A3}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-grid figcaption strong,.catalog-grid figcaption span{display:block}.section-note{color:#9098A3;font-size:14px}.more-link{margin-top:16px}.rules-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#12161C;border-left:3px solid #7775FF;padding:18px 22px;border-radius:7px}.rules-strip p{margin:0;max-width:750px}.rules-strip>div{display:flex;flex-direction:column;gap:8px;white-space:nowrap}.service-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.service-links a,.route-grid article a{display:inline-block;background:#171C23;padding:6px 14px;border-radius:8px}.related{border-top:1px solid rgba(255,255,255,.16);padding-top:20px;margin-top:48px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.related-grid>div{background:#12161C;border-radius:10px;padding:14px}.related-grid a{display:block;font-weight:700}.related-grid span{display:block;color:#9098A3;font-size:12px;margin-top:8px}.essay-scenes{border-left:2px solid #5C7CFA;padding-left:25px;max-width:790px}.essay-scenes article{margin-bottom:28px}.essay-scenes article>span{color:#8ED8FF;font-size:13px}.timeline{display:grid;gap:12px;max-width:850px}.timeline article{display:grid;grid-template-columns:48px 1fr;gap:15px;background:#12161C;border-radius:10px;padding:18px}.timeline article>span{font-weight:800;color:#6EA8FF;font-size:23px}.reading-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-lanes article{background:#12161C;border-radius:12px;padding:21px}.reading-lanes b{color:#8ED8FF}.toc{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.toc a{padding:7px 13px;background:#171C23;border-radius:7px}.glossary-section dl{display:grid;gap:12px}.glossary-section dl>div{display:grid;grid-template-columns:170px 1fr;gap:18px;border-bottom:1px solid rgba(255,255,255,.09);padding:14px 4px}.glossary-section dt{color:#F5F7FA;font-weight:700}.glossary-section dd{margin:0}.gallery-feature{margin:12px auto 20px}.gallery-feature .media-placeholder{min-height:220px}.bookmark-list{max-width:880px}.bookmark-list article{display:grid;grid-template-columns:55px 1fr;border-bottom:1px solid rgba(255,255,255,.09);padding:18px 0}.bookmark-list article>span{color:#8ED8FF;font-size:19px}.bookmark-list h3{margin-bottom:5px}.bookmark-list p{margin-bottom:5px}.mechanism{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mechanism>div{background:#12161C;border-top:3px solid #5C7CFA;padding:17px;border-radius:9px}.route-grid article div{display:flex;flex-wrap:wrap;gap:8px}.directory-full{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.directory-full section{background:#12161C;padding:18px;border-radius:12px}.directory-full h3{font-size:17px}.directory-full ul{padding-left:19px;margin:0}.directory-full li{margin:4px 0}.mobile-steps{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:25px;align-items:start}.phone-image{max-width:330px;margin:auto}.faq-list{max-width:850px}.faq-list details{border-bottom:1px solid rgba(255,255,255,.16);padding:14px 4px}.faq-list summary{color:#F5F7FA;font-weight:700;cursor:pointer}.faq-list details p{padding:10px 0 0;margin:0}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09)}.footer-inner{display:flex;justify-content:space-between;gap:40px;padding-top:36px;padding-bottom:42px}.footer-inner strong{font-size:20px}.footer-inner p{margin:5px 0}.footer-inner small{color:#9098A3}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-content:start;max-width:370px}.back-to-top{position:fixed;right:20px;bottom:20px;z-index:20;background:#5C7CFA;color:#080A0D;border:0;padding:8px 14px;border-radius:10px;cursor:pointer}.image-viewer{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:90;display:grid;place-items:center;padding:50px 16px 20px}.image-viewer img{max-width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.image-viewer button{position:absolute;top:16px;right:18px;color:white;background:#171C23;border:1px solid #777;padding:8px 16px;border-radius:9px;cursor:pointer}body.viewer-open{overflow:hidden}@media(max-width:1020px){.desktop-nav{display:none}.header-inner{justify-content:space-between}.menu-toggle{margin-left:auto}}@media(max-width:767px){.container,.header-inner{width:calc(100% - 32px)}.header-inner{height:64px;gap:9px}.brand{min-width:0;max-width:96px}.brand-mark{max-width:96px}.brand-mark img{max-width:96px;height:auto;max-height:32px}.brand-fallback{font-size:13px}.menu-toggle{min-width:64px;padding:5px 8px}.enter-button{padding:5px 9px;font-size:13px}.site-main{padding-top:24px}.page-heading h1{font-size:26px}.home-heading h1{font-size:29px}.page-heading p{font-size:15.5px}.content-section{margin-bottom:30px}.content-section>h2{font-size:21px}.editor-grid,.question-grid,.spotlight,.index-intro,.reading-lanes,.route-grid,.mobile-steps{grid-template-columns:minmax(0,1fr)}.image-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-full{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.mechanism{grid-template-columns:repeat(2,minmax(0,1fr))}.rules-strip{flex-direction:column;align-items:start}.rules-strip>div{flex-direction:row;flex-wrap:wrap}.directory-panel{position:fixed;inset:auto 0 0;right:0;width:100%;max-width:100%;max-height:85vh;max-height:85dvh;overflow:auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;z-index:50}.directory-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-overlay{z-index:39}.footer-inner{display:block}.footer-links{margin-top:24px}.glossary-section dl>div{grid-template-columns:1fr;gap:4px}.image-grid figcaption{font-size:13px}.channel-neighbors{font-size:13px}.poster-section .media-placeholder{height:120px}.media-natural>img{max-height:min(var(--image-max-height,280px),230px)}}@media(max-width:375px){.catalog-grid,.image-grid,.directory-full{grid-template-columns:1fr}.directory-groups{grid-template-columns:1fr 1fr;gap:10px}.directory-groups a{font-size:13px}.brand-mark{display:none}.header-inner{gap:6px}.mechanism{grid-template-columns:1fr}.enter-button{font-size:12px;padding:6px 8px}.menu-toggle{font-size:13px}.home-heading h1{font-size:26px}.page-heading h1{font-size:24px}.question-grid article{padding:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gif-media img{visibility:hidden}.gif-media{position:relative}.gif-media::after{content:'动态图已按减少动态效果偏好隐藏';position:absolute;inset:10px;display:grid;place-items:center;color:#9098A3;background:#171C23;font-size:13px;text-align:center}}