*{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}a{color:#8ED8FF;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #8ED8FF;outline-offset:3px}h1,h2,h3{color:#F5F7FA;line-height:1.4}h1{font-size:34px;letter-spacing:.01em}h2{font-size:24px}h3{font-size:19px}p{margin:0 0 17px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:40;background:rgba(8,10,13,.96);border-bottom:1px solid rgba(255,255,255,.09)}.nav-inner{max-width:1200px;margin:auto;padding:0 24px;height:68px;display:flex;align-items:center;gap:18px;min-width:0}.brand{flex:0 0 auto;display:flex;align-items:center;color:#fff;font-size:20px;font-weight:700;white-space:nowrap}.brand img{display:block;max-width:120px;max-height:34px;width:auto;height:auto}.brand:has(img) .brand-fallback{display:none}.desktop-nav{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.desktop-nav a{white-space:nowrap;color:#C7CDD5;font-size:14px}.desktop-nav a[aria-current]{color:#6EA8FF}.menu-button,.menu-close{border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#171C23;color:#F5F7FA;padding:7px 13px;min-height:44px}.entry-button{flex-shrink:0;border-radius:9px;padding:8px 14px;background:#5C7CFA;color:#080A0D;font-weight:bold;white-space:nowrap;font-size:14px}.entry-button:hover{text-decoration:none;background:#8ED8FF}.menu-overlay{position:fixed;inset:68px 0 0;background:rgba(0,0,0,.55);z-index:42}.menu-panel{z-index:43;position:fixed;top:68px;right:max(24px,calc((100vw - 1200px)/2));width:min(690px,calc(100vw - 32px));max-height:calc(90vh - 75px);background:#12161C;border:1px solid rgba(255,255,255,.16);border-radius:0 0 14px 14px;box-shadow:0 18px 48px rgba(0,0,0,.55);overflow:auto;padding:20px}.menu-heading{display:flex;align-items:center;justify-content:space-between}.menu-heading strong{font-size:18px;color:#fff}.menu-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px}.menu-groups h2{font-size:15px;color:#8ED8FF}.menu-links{display:flex;flex-wrap:wrap;gap:8px}.menu-links a,.menu-all{background:#171C23;padding:5px 9px;border-radius:7px;font-size:14px}.menu-all{display:inline-block;align-self:start}.page-heading{padding:46px 0 22px;border-bottom:1px solid rgba(255,255,255,.09)}.page-heading h1{margin:5px 0 15px;max-width:850px}.eyebrow{font-size:13px;color:#6EA8FF;letter-spacing:.08em}.lead{font-size:17px;max-width:820px;color:#C7CDD5}.breadcrumb{font-size:13px;margin-bottom:18px;color:#9098A3}.breadcrumb a{color:#9098A3}.local-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:14px;margin:16px 0}.local-links span{color:#9098A3}.nojs-nav{font-size:13px;display:inline-block;margin-top:5px}.reading-hints{display:flex;gap:12px;flex-wrap:wrap}.reading-hints span{color:#8ED8FF;border-left:2px solid #5C7CFA;padding-left:10px}.page-body{padding:12px 0 50px}.reading-section{margin-top:40px}.reading-section>h2{margin:0 0 19px}.reading-section>p,.reading-section>ol,.reading-section>dl{max-width:820px}.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reading-card{min-width:0;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0D1015;padding:18px}.reading-card h3{margin:0 0 10px}.reading-card p{margin:0;font-size:15px;color:#C7CDD5}.steps{counter-reset:step;padding:0;list-style:none;max-width:820px}.steps li{padding:13px 0 13px 20px;border-left:2px solid #5C7CFA;margin:0 0 13px;background:linear-gradient(90deg,#12161C,transparent)}.steps strong{color:#F5F7FA}.steps p{margin:5px 0 0}.note,.topic-strip{max-width:850px;margin-top:24px;border-left:3px solid #5C7CFA;background:#12161C;padding:15px 20px}.table-scroll{max-width:980px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:540px;font-size:15px}th,td{padding:12px 15px;border:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}th{background:#171C23;color:#F5F7FA}td{background:#0D1015}.media-natural,.poster{background:#0D1015;padding:8px;border-radius:12px;margin:20px 0;min-width:0}.image-holder{display:grid;place-items:center;min-height:110px}.media-natural img,.poster img{display:block;width:auto;height:auto;max-width:100%;max-height:var(--image-max-height,280px);object-fit:contain;object-position:center}.poster .image-holder{min-height:120px}.missing-visual{color:#9098A3;font-size:13px;text-align:center;padding:40px 5px}.media-natural figcaption,.poster figcaption{font-size:13px;color:#9098A3;margin:9px 8px 5px;text-align:center}.three-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.three-images figure{margin:0}.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px}.feature-layout>.reading-grid{display:grid;grid-template-columns:1fr;gap:8px}.image-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.image-directory article{background:#0D1015;padding:12px;border-radius:10px;min-width:0}.image-directory h3{margin:0 5px}.image-directory figure{margin:8px 0}.bookmark-list article{display:flex;gap:18px;max-width:820px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.bookmark-list h3{margin:0 0 6px}.bookmark-no{color:#6EA8FF;font-size:24px}.glossary{max-width:830px}.glossary dt{color:#8ED8FF;font-size:18px;font-weight:bold}.glossary dd{margin:0 0 18px}.category-group{margin:20px 0}.link-cloud{display:flex;flex-wrap:wrap;gap:9px}.link-cloud a{padding:6px 12px;background:#12161C;border:1px solid rgba(255,255,255,.09);border-radius:8px}.qa-list{max-width:850px}.qa-list details{margin:10px 0;padding:14px 18px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0D1015}.qa-list summary{color:#F5F7FA;cursor:pointer;font-weight:700}.qa-list p{margin:10px 0 0}.site-footer{background:#050608;border-top:1px solid rgba(255,255,255,.09);margin-top:28px}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:30px}.footer-inner p{font-size:13px;color:#9098A3;max-width:580px}.footer-inner nav{display:flex;gap:17px;flex-wrap:wrap;font-size:13px}#back-top{position:fixed;right:20px;bottom:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);background:#171C23;color:#8ED8FF;border-radius:50%;z-index:30}[hidden]{display:none!important}@media(max-width:1050px){.desktop-nav{display:none}.nav-inner{justify-content:space-between}.brand{margin-right:auto}}@media(max-width:680px){body{font-size:15px}.container,.nav-inner{padding-left:16px;padding-right:16px}.nav-inner{height:64px;gap:9px}.brand img{max-width:96px;max-height:31px}.brand-fallback{font-size:18px}.menu-button{padding:6px 10px}.entry-button{padding:7px 10px}.page-heading{padding-top:25px}h1{font-size:27px}h2{font-size:21px}h3{font-size:17px}.lead{font-size:15px}.reading-section{margin-top:28px}.reading-grid,.feature-layout,.three-images{grid-template-columns:1fr}.image-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-overlay{inset:0}.menu-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:85vh;max-height:85dvh;border-radius:18px 18px 0 0;padding:16px 16px max(20px,env(safe-area-inset-bottom));}.menu-groups{grid-template-columns:1fr}.footer-inner{flex-direction:column}.media-natural img{max-height:min(var(--image-max-height,280px),210px)}.poster img{max-height:170px}.image-directory img{max-height:150px}.page-body{padding-bottom:28px}}@media(max-width:360px){.entry-button{font-size:13px}.brand img{max-width:88px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}