:root{--ink:#202d3a;--muted:#788592;--line:#e5ebee;--blue:#188bce;--pale:#f0f8fd;--teal:#287979}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #1699db;outline-offset:4px}header{height:78px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);display:flex;justify-content:space-between;align-items:center;padding:0 36px}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.brand strong{font-size:19px}.brand>span:last-child{font-size:14px;color:#75828b}.brand-icon{font-size:32px;line-height:1;color:var(--blue)}.brand-divider{height:20px;width:1px;background:var(--line);margin:0 6px}.header-links{display:flex;gap:24px;align-items:center;font-size:13px;color:#687887}.header-links a:hover{color:var(--blue)}.menu{display:none}.shell{display:flex;max-width:1680px;margin:auto}#sidebar{width:263px;flex-shrink:0;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;padding:30px 20px;border-right:1px solid var(--line);scrollbar-width:thin;background:#fbfcfd}.nav-home{display:block;padding:10px 14px;border-radius:7px;font-weight:600}.nav-home[aria-current],nav a[aria-current]{background:#e8f4fc;color:#1687c8}.nav-caption{font-size:11px;letter-spacing:2px;color:#8a979e;padding:25px 14px 13px}nav details{margin-bottom:12px}nav summary{cursor:pointer;font-weight:600;padding:7px 10px;list-style:none;display:flex;justify-content:space-between}nav summary:after{content:'⌄';color:#9aabb3}nav details:not([open]) summary:after{content:'›'}nav details a{display:block;padding:8px 13px 8px 23px;font-size:12px;line-height:1.7;color:#677681;border-radius:6px}nav details a:hover{background:#edf2f6;color:var(--blue)}.sidebar-foot{padding:25px 13px 0;border-top:1px solid var(--line);margin-top:25px;font-size:12px;color:#8d99a1}.sidebar-foot small{font-size:10px}.workspace{flex:1;min-width:0;padding:28px 46px 0}.search-wrap{display:flex;align-items:center;gap:12px;background:#f5f7f9;border:1px solid #edf0f2;border-radius:9px;height:46px;padding:0 15px;margin-bottom:30px}.search-wrap label{font-size:27px;color:#728694}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:13px;min-width:0}.search-wrap input::placeholder{color:#8e9aa4}.search-wrap kbd{border:1px solid #dce2e6;background:white;border-radius:4px;padding:0 7px;color:#9aa8af;font-size:12px}#search-results{border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:28px;background:#fafcfd}#search-results h2{font-size:16px;margin:0 0 15px}.search-result{display:block;padding:14px 0;border-top:1px solid var(--line)}.search-result:hover strong{color:var(--blue)}.search-result small{display:block;color:var(--blue)}.search-result p{margin:3px 0;color:#7a8790;font-size:13px}.reading-layout{display:flex;gap:40px}main{min-width:0;flex:1}.hero{position:relative;overflow:hidden;min-height:305px;background:#f0f7fa;border:1px solid #e8f0f3;border-radius:14px;padding:35px 34px;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#638594}.hero .eyebrow{color:#5185a0}.home-title{font-size:37px;letter-spacing:-1.5px;line-height:1.4;margin:15px 0}.hero-description{font-size:14px;line-height:1.95;color:#748894;margin:0 0 24px}.hero-actions{display:flex;align-items:center;gap:23px;font-size:12px;position:relative;z-index:2}.primary{display:flex;align-items:center;gap:28px;background:#218bc6;color:white;border-radius:6px;padding:9px 16px;box-shadow:0 4px 10px #1687c817}.hero-art{position:absolute;right:40px;top:63px;width:215px;height:171px;transform:rotate(-7deg);background:#ffffffdf;border:1px solid #d9e7ec;border-radius:12px;padding:20px;box-shadow:8px 15px 0 #dceaf080}.art-label{font-size:8px;letter-spacing:2px;color:#76919e}.barcode{height:65px;margin:15px 0 8px;background:repeating-linear-gradient(90deg,#35576b 0 2px,transparent 2px 5px,#35576b 5px 6px,transparent 6px 10px,#35576b 10px 14px,transparent 14px 17px,#35576b 17px 19px,transparent 19px 22px)}.art-code{font-size:7px;letter-spacing:1.4px;color:#78929d;text-align:center}.art-badge{position:absolute;bottom:-23px;right:-13px;background:#fff;padding:7px 15px;border-radius:7px;box-shadow:0 4px 18px #1e526d14;transform:rotate(7deg);font-size:11px;color:#3b7c71}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:30px 0 18px}.section-heading h2{font-size:21px;margin:3px 0 0}.section-heading>span{font-size:11px;color:#8f9da5}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.quick-grid a{position:relative;padding:18px 16px;border:1px solid var(--line);border-radius:9px;transition:transform .15s,box-shadow .15s}.quick-grid a:hover{transform:translateY(-3px);box-shadow:0 8px 22px #2141540d;border-color:#bad8e9}.quick-num{display:block;font-size:11px;letter-spacing:2px;color:#76a9bc;margin-bottom:11px}.quick-grid strong{font-size:14px;display:block}.quick-grid small{display:block;font-size:10px;color:#8a969e;margin-top:4px}.arrow{position:absolute;right:16px;top:15px;color:#9bb1bd}.notice{display:flex;align-items:center;gap:16px;margin:26px 0 37px;padding:18px 21px;background:#f5f9f7;border:1px solid #e4eee8;border-radius:8px;font-size:12px}.notice>span{width:23px;height:23px;border:1px solid #a1bdb0;border-radius:50%;text-align:center;line-height:22px;color:#5f927d}.notice strong{font-weight:600;color:#527260}.notice p{font-size:11px;margin:3px 0 0;color:#819287}.notice>a{margin-left:auto;flex-shrink:0;color:#5b8271;font-size:11px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.module-card{border:1px solid var(--line);border-radius:10px;padding:20px 22px}.module-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.module-title>span{font-size:11px;color:#70a0b6;background:#edf6fa;border-radius:5px;padding:2px 7px}.module-title h3{font-size:16px;margin:0}.module-title small{margin-left:auto;font-size:11px;color:#9aa6ae}.article-link{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #f0f3f5;font-size:12px;color:#697983}.article-link:hover{color:#138acb}.article-link span:last-child{color:#9baeb9}.help-box{margin:30px 0;padding:22px 26px;border-radius:10px;background:#f7f9fa;display:flex;align-items:center;justify-content:space-between}.help-box h2{font-size:16px;margin:0}.help-box p{font-size:12px;color:#8c99a2;margin:5px 0 0}.help-box a{font-size:12px;color:var(--blue)}footer{border-top:1px solid var(--line);margin-top:45px;padding:22px 0;color:#9ca8b0;font-size:10px;display:flex;justify-content:space-between}.breadcrumbs{color:#96a2aa;font-size:12px;display:flex;gap:12px;margin:7px 0 30px}.breadcrumbs a:hover{color:var(--blue)}.article-eyebrow{color:#3c94bb;font-size:12px;font-weight:600}h1{font-size:31px;line-height:1.5;margin:12px 0}p{margin:10px 0}.lead{font-size:15px;color:#82909a;margin:10px 0 20px}.article-tools{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:25px;font-size:11px;color:#8e9ba4}.article-tools span{margin-right:auto}.article-tools button{border:1px solid var(--line);border-radius:5px;background:#fff;color:#738591;font-size:11px;padding:4px 10px}.entry{border-left:3px solid #53acdb;border-radius:0 6px 6px 0;background:#f0f8fc;padding:16px 20px;margin:25px 0 30px}.entry span{display:block;color:#6b9db5;font-size:11px;margin-bottom:4px}.entry strong{font-size:13px;font-weight:550}main section{scroll-margin-top:105px}main section h2{font-size:20px;margin:31px 0 14px}main section p{color:#687986;font-size:14px}.steps{list-style:none;margin:20px 0;padding:0}.steps>li{display:flex;gap:18px;padding:4px 0 25px;scroll-margin-top:100px}.step-number{height:31px;min-width:31px;border-radius:8px;color:#2f91be;background:#ecf6fc;font-size:12px;text-align:center;line-height:31px;font-weight:600}.steps h3{margin:1px 0 8px;font-size:16px}.steps p{margin:0;line-height:1.95}.table-scroll{overflow:auto}table{border-collapse:collapse;font-size:12px;width:100%;line-height:1.8}td,th{text-align:left;padding:13px 15px;border:1px solid var(--line)}th{background:#f7f9fb;font-weight:600}td{color:#697c88}.result{border:1px solid #dcece3;background:#f4faf6;border-radius:8px;padding:19px 22px;margin:30px 0}.result h2{color:#438464;font-size:16px;margin:0 0 8px}.result p{color:#6e897a;margin:0}.tips{padding-left:21px;font-size:13px;color:#73838e}.tips li{margin-bottom:10px}.toc{position:sticky;top:110px;align-self:flex-start;min-width:135px;border-left:1px solid var(--line);padding-left:20px;margin-top:8px;font-size:11px}.toc>span{display:block;color:#a1adb4;font-size:10px;margin-bottom:14px;letter-spacing:1px}.toc a{display:block;margin:12px 0;color:#7d8d97}.toc a:hover{color:var(--blue)}.related{margin-top:38px;border:1px solid var(--line);padding:20px;border-radius:9px}.related>span{display:block;font-size:12px;color:#94a2ac;margin-bottom:12px}.article-pagination{display:flex;gap:20px;justify-content:space-between;margin:25px 0}.article-pagination a{flex:1;font-size:12px;max-width:50%;padding:15px;border:1px solid var(--line);border-radius:7px}.article-pagination small{display:block;color:#94a3ac;font-size:10px;margin-bottom:6px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.muted{color:#95a1a9!important;font-size:12px!important}.figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.figures figure{margin:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fafcfd;min-width:0}.shot{position:relative;padding:0;display:block;border:0;background:none;width:100%;max-width:300px;margin:auto}.shot img{width:100%;height:auto;display:block;border-radius:8px}.shot-mark{position:absolute;border:2px solid #e56338;border-radius:6px;box-shadow:0 0 0 1px #fff8;pointer-events:none}.shot-mark b{position:absolute;left:-10px;top:-12px;min-width:23px;height:23px;line-height:21px;border:1px solid white;border-radius:50%;background:#e56338;color:white;font-size:12px}figcaption{font-size:12px;color:#71838f;margin-top:15px}figcaption strong{color:#475f70}figcaption ol{padding-left:20px;margin:8px 0 0}figcaption li{margin:5px 0}dialog{max-width:95vw;max-height:95vh;border:0;border-radius:12px;padding:46px 14px 14px;background:#fff}dialog::backdrop{background:#162734cc}dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.close-image{position:absolute;right:15px;top:8px;background:none;border:0;color:#546777}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#223947;color:#fff;padding:8px 16px;border-radius:6px;font-size:12px;z-index:100}#toast:empty{display:none}@media(min-width:1450px){.workspace{padding-left:65px;padding-right:65px}.hero-art{right:70px}.hero{padding:40px}.home-title{font-size:42px}}@media(max-width:1200px){.toc{display:none}.workspace{padding:25px 30px}.hero-art{width:175px;right:24px;top:70px}.home-title{font-size:32px}.hero-actions{gap:15px}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){#sidebar{width:225px;padding:25px 12px}.hero-art{display:none}.module-grid{grid-template-columns:1fr}.notice{flex-wrap:wrap}.notice>a{margin-left:39px}.header-links{gap:14px}.brand-divider{margin:0}.workspace{padding:23px}}@media(max-width:720px){header{height:64px;padding:0 17px}.brand{gap:8px}.brand strong{font-size:16px}.brand>span:last-child{font-size:11px}.brand-icon{font-size:26px}.header-links>a{display:none}.menu{display:block;background:#f3f7fa;border:1px solid #e7edf0;border-radius:5px;color:#577083;font-size:12px;padding:5px 9px}#sidebar{display:none;position:fixed;top:64px;left:0;bottom:0;width:285px;z-index:15;height:calc(100dvh - 64px);box-shadow:12px 0 30px #123c5620}body.menu-open #sidebar{display:block}.workspace{padding:20px 17px 0}.search-wrap{margin-bottom:22px;height:43px;padding:0 10px}.search-wrap input{font-size:11px}.hero{padding:27px 23px;min-height:290px;margin-bottom:28px}.home-title{font-size:32px}.hero-actions{gap:17px;font-size:11px}.hero-description{font-size:13px}.section-heading h2{font-size:19px}.section-heading>span{font-size:10px}.quick-grid{gap:10px}.quick-grid a{padding:16px 13px}.quick-grid strong{font-size:13px}.quick-grid small{font-size:10px}.notice{padding:16px;gap:10px}.notice>span{display:none}.notice>a{margin-left:0}.module-card{padding:18px}.help-box{padding:20px;display:block}.help-box a{display:block;margin-top:13px}footer{display:block;margin-top:28px}footer span{display:block;margin-top:5px}h1{font-size:26px}.breadcrumbs{margin-top:0;margin-bottom:20px}.article-tools{gap:8px}.entry{padding:14px}.steps>li{gap:12px}.figures{gap:14px;grid-template-columns:1fr}.shot{max-width:280px}.figures figure{padding:18px}.article-pagination{gap:10px}.article-pagination a{padding:12px}.table-scroll{margin:0 -3px}.lead{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{header,#sidebar,.search-wrap,#search-results,.toc,.article-tools,.article-pagination,.related,footer,.skip,.menu,.hero-art,dialog,#toast{display:none!important}.workspace{padding:0}.shell,.reading-layout{display:block}body{font-size:11pt;color:#000}.steps>li,figure,.result{break-inside:avoid}.figures{grid-template-columns:repeat(2,1fr)}.shot{max-width:210px}h1{font-size:24pt}a{color:#000}.hero{background:none}.shot-mark{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.zoom-frame{position:relative;width:max-content;max-width:85vw;margin:auto}.zoom-frame img{max-width:85vw;max-height:80vh;width:auto;height:auto}.zoom-frame .shot-mark{z-index:1}

.brand-logo{display:block;width:104px;height:auto;flex-shrink:0;object-fit:contain}@media(max-width:720px){.brand-logo{width:96px}}

/* Mobile reading and navigation */
.drawer-heading,.menu-backdrop,.mobile-toc{display:none}
@media screen and (max-width:720px){
 html{scroll-padding-top:88px;-webkit-text-size-adjust:100%}
 header{height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));gap:12px}
 .brand{min-width:0;gap:9px}.brand>span:last-child{font-size:13px}.brand-divider{height:18px}.brand-logo{width:96px}
 .menu,.drawer-close{min-height:44px;padding:8px 12px;font-size:14px;white-space:nowrap}.header-links{flex-shrink:0}
 .shell{display:block}.workspace{padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .search-wrap{height:48px;gap:9px;margin-bottom:22px}.search-wrap input{font-size:16px;line-height:1.5}.search-wrap kbd{display:none}
 body.menu-open{overflow:hidden}
 .menu-backdrop:not([hidden]){display:block;position:fixed;inset:calc(64px + env(safe-area-inset-top)) 0 0;background:#14293666;border:0;z-index:14;touch-action:none}
 #sidebar{top:calc(64px + env(safe-area-inset-top));height:calc(100vh - 64px - env(safe-area-inset-top));height:calc(100dvh - 64px - env(safe-area-inset-top));width:min(320px,calc(100vw - 48px));padding:0 14px max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain}
 .drawer-heading{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fbfcfd;padding:10px 0;border-bottom:1px solid var(--line);margin-bottom:12px;font-size:15px}
 .drawer-close{border:0;background:transparent;color:#647987}.nav-home{min-height:44px}.nav-caption{padding-top:18px}
 #sidebar nav summary{min-height:44px;font-size:15px;padding:10px}#sidebar nav details a{min-height:44px;font-size:14px;padding:10px 12px;line-height:1.75}
 h1{font-size:25px;line-height:1.5;overflow-wrap:anywhere}.home-title{font-size:30px;letter-spacing:-1px}.hero{min-height:0;padding:25px 21px}.hero-description{font-size:15px}.hero-actions{flex-wrap:wrap;gap:10px 20px;font-size:13px}.hero-actions a{min-height:44px;display:inline-flex;align-items:center}
 .section-heading{gap:12px;align-items:center;flex-wrap:wrap}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid strong{font-size:15px}.quick-grid small{font-size:12px;line-height:1.7}.quick-grid a{padding:16px 14px}.module-grid{gap:16px}.module-title h3{font-size:17px}
 .article-link{font-size:14px;min-height:48px;align-items:center;padding:12px 0}.article-link span:first-child{min-width:0;overflow-wrap:anywhere}.article-link span:last-child{flex-shrink:0}
 .notice strong{font-size:14px}.notice p{font-size:13px;line-height:1.85}.notice>a{font-size:13px;min-height:44px;display:flex;align-items:center}
 .lead,main section p{font-size:16px;line-height:1.9}.breadcrumbs{font-size:13px;flex-wrap:wrap;gap:8px}.breadcrumbs a{padding:5px 0}.article-eyebrow{font-size:13px}
 .article-tools{flex-wrap:wrap;gap:8px;font-size:12px;padding-bottom:18px;margin-bottom:18px}.article-tools button{font-size:13px;min-height:44px;padding:8px 12px}
 .entry{margin:20px 0 24px}.entry strong{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.entry span{font-size:12px}
 .mobile-toc{display:block;border:1px solid var(--line);border-radius:8px;background:#fafcfd;margin:16px 0}.mobile-toc summary{min-height:46px;padding:10px 14px;font-size:14px;cursor:pointer}.mobile-toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px 10px;gap:4px}.mobile-toc a{display:flex;align-items:center;min-height:44px;font-size:13px;padding:8px;border-radius:5px;color:var(--blue)}
 main section, .steps>li{scroll-margin-top:88px}.steps h3{font-size:17px}.steps>li>div{min-width:0}.steps p{overflow-wrap:anywhere}.tips{font-size:15px;line-height:1.9;padding-left:20px}.result{padding:18px}.result h2{font-size:17px}
 .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:0;border:1px solid var(--line);border-radius:8px}.table-scroll table{min-width:480px;font-size:14px}.table-scroll td,.table-scroll th{padding:12px}.table-scroll::before{content:'左右滑动查看完整表格';display:block;position:sticky;left:0;width:calc(100vw - 36px);padding:8px 12px;font-size:12px;color:#748794;background:#f5f9fc}
 .figures{grid-template-columns:minmax(0,1fr)}.figures figure{padding:16px}.shot{max-width:280px}figcaption{font-size:14px;line-height:1.8}.muted{font-size:13px!important}
 .article-pagination{flex-direction:column;gap:10px}.article-pagination a{max-width:100%;font-size:14px;min-height:68px}.article-pagination small{font-size:12px}.related>span{font-size:13px}.help-box p,.help-box a{font-size:14px}.help-box a{min-height:44px;display:flex;align-items:center}
 #search-results{padding:16px}.search-result{min-height:44px}.search-result p{font-size:14px}.search-result small{font-size:12px}
 dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:56px 12px 12px}.close-image{min-height:44px;min-width:72px;top:4px;right:10px}.zoom-frame,.zoom-frame img{max-width:calc(100vw - 46px)}.zoom-frame img{max-height:calc(100dvh - 90px)}
 #toast{max-width:calc(100vw - 32px);width:max-content;bottom:calc(20px + env(safe-area-inset-bottom));font-size:13px}footer{font-size:12px;line-height:1.9}
}
@media screen and (max-width:359px){.brand{gap:7px}.brand>span:last-child{font-size:12px}.menu{padding:8px}.home-title{font-size:27px}.quick-grid{grid-template-columns:1fr}.article-tools>span{flex-basis:100%}}

/* Full-resolution Android screenshots can be panned at 2× on phones. */
#image-dialog{overflow:auto;overscroll-behavior:contain}.zoom-image{position:absolute;top:8px;left:14px;z-index:2;border:1px solid #d4e4ef;border-radius:6px;background:#eef8ff;color:#1378b5;min-height:36px;padding:4px 12px}.close-image{z-index:2;min-height:36px}.zoomed{width:calc(100vw - 20px)}.zoomed .zoom-frame{width:760px;max-width:none;margin:0}.zoomed .zoom-frame img{width:760px;height:auto;max-width:none;max-height:none;object-fit:fill}
.figures .wide-figure{grid-column:1/-1}.figures .wide-figure .shot{max-width:min(100%,760px)}
