:root { color-scheme: dark; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:#0b0c10; color:#edf0f5; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; } a { color:#afcfff; text-underline-offset:4px; } a:hover { color:#fff; } a:focus-visible,summary:focus-visible { outline:2px solid #b9d5ff; outline-offset:5px; } p,li { line-height:1.9; color:#bac3d1; } img { max-width:100%; height:auto; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(30px,4.3vw,52px); line-height:1.35; letter-spacing:-1px; } h2 { font-size:25px; line-height:1.5; } strong { color:#edf0f5; } .guide-skip { position:absolute; left:15px; top:-80px; z-index:5; padding:12px; background:#161d2c; }.guide-skip:focus { top:8px; }
.guide-header { max-width:1200px; margin:auto; padding:24px 30px; display:flex; gap:28px; justify-content:space-between; align-items:center; border-bottom:1px solid #222936; }.guide-brand { display:flex; gap:10px; align-items:center; font-size:22px; font-weight:700; color:#fff; text-decoration:none; }.guide-header nav { display:flex; gap:25px; font-size:13px; }.guide-button { display:inline-flex; background:#d9e7ff; color:#10233d; border-radius:8px; padding:12px 18px; font-weight:650; text-decoration:none; font-size:13px; }.guide-button:hover { background:#fff; color:#10233d; }
.guide-layout { max-width:1200px; margin:auto; padding:60px 30px; display:grid; grid-template-columns:minmax(0,820px) minmax(160px,1fr); gap:65px; }.guide-breadcrumb,.guide-byline { font-size:12px; color:#8c9aae; }.guide-eyebrow { font-size:12px; letter-spacing:1px; color:#adcaf4; margin:28px 0 15px; }.guide-lead { font-size:17px; }.guide-toc { margin:32px 0 50px; padding:24px; display:grid; gap:11px; border:1px solid #293447; border-radius:12px; background:#101722; font-size:14px; }.guide-section { margin:0 0 52px; scroll-margin-top:28px; }.guide-section p { font-size:15px; }.guide-section ol { padding-left:25px; }.guide-image { margin:28px 0; }.guide-image img { display:block; border-radius:10px; }.guide-image figcaption { margin-top:12px; color:#8899af; font-size:12px; line-height:1.7; }.guide-table-wrap { max-width:100%; overflow:auto; border:1px solid #2b3547; border-radius:10px; margin:25px 0; } table { width:100%; border-collapse:collapse; font-size:14px; } caption { padding:15px; text-align:left; color:#a9bbd4; background:#121c2b; } th,td { padding:16px; text-align:left; border-bottom:1px solid #293345; line-height:1.6; } tr:last-child td,tr:last-child th { border-bottom:0; } td { color:#bac3d1; }
.guide-section details { border-bottom:1px solid #2a3341; padding:18px 0; }.guide-section summary { cursor:pointer; font-size:15px; line-height:1.6; }.guide-section details p { margin:16px 0 0; }.guide-related { padding-top:44px; }.guide-related h2 { font-size:15px; }.guide-related nav { display:grid; gap:18px; font-size:13px; }.guide-related p { margin-top:28px; font-size:12px; }.guide-next { border:1px solid #314b6b; border-radius:15px; padding:28px; background:linear-gradient(120deg,#182738,#101b2d); }.guide-next h2 { font-size:23px; }.guide-next > a:last-child { font-size:13px; display:inline-block; margin:12px 0 0 14px; }.guide-footer { border-top:1px solid #242e3e; padding:34px max(30px,calc((100vw - 1140px)/2)); font-size:12px; }.guide-footer nav { display:flex; flex-wrap:wrap; gap:15px; margin:20px 0; }.guide-footer p { font-size:11px; color:#8e9caf; }.identity-list { display:grid; grid-template-columns:110px minmax(0,1fr); gap:16px; font-size:14px; line-height:1.7; }.identity-list dt { color:#91a2b8; }.identity-list dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:800px) { .guide-layout { grid-template-columns:1fr; gap:30px; padding:35px 22px; }.guide-related { padding-top:0; }.guide-related nav { grid-template-columns:1fr 1fr; }.guide-header { padding:18px 22px; gap:15px; flex-wrap:wrap; }.guide-header nav { order:3; width:100%; gap:22px; }.guide-intro h1 { font-size:32px; }.guide-lead { font-size:15px; }.guide-section h2 { font-size:23px; }.guide-toc { padding:20px; }.guide-next { padding:23px; }.guide-next > a:last-child { display:block; margin:18px 0 0; }th,td { padding:13px; }.identity-list { grid-template-columns:85px minmax(0,1fr); gap:14px; font-size:13px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }