:root{color-scheme:light;--ink:#17212b;--muted:#607080;--brand:#175cd3;--brand-dark:#0b4db7;--line:#dce3ea;--line-strong:#c7d0da;--surface:#fff;--surface-soft:#f7f9fb;--page:#f1f4f7;--shadow:0 16px 45px rgba(26,39,52,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font:15.5px/1.78 "Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
a{color:var(--brand-dark);text-underline-offset:3px}button,input{font:inherit}button,a,input,[tabindex]{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #f5a524;outline-offset:3px}
.skip{position:fixed;top:-80px;left:12px;background:#fff;z-index:10000;padding:8px 12px;border-radius:8px;box-shadow:var(--shadow)}.skip:focus{top:10px}
body>header{background:linear-gradient(135deg,#102f4c 0%,#174f78 55%,#16617d 100%);color:#fff;padding:24px max(24px,calc((100vw - 1410px)/2 + 24px));border-bottom:1px solid rgba(255,255,255,.13)}body>header a{color:#fff}header .eyebrow{font-size:12px;letter-spacing:1.8px;color:#bdd9ea;text-transform:uppercase}header h1{font-size:clamp(25px,3vw,32px);line-height:1.35;margin:5px 0 3px;letter-spacing:-.4px}header p{margin:2px 0;color:#dceaf3}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:13px;font-size:13px}.toolbar a,.toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.28);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;text-decoration:none;cursor:pointer}.toolbar a:hover,.toolbar button:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.42)}
.layout{display:grid;grid-template-columns:270px minmax(0,1080px);max-width:1430px;margin:auto;gap:24px;padding:24px 20px 44px}
aside{position:sticky;top:14px;align-self:start;max-height:calc(100vh - 28px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 8px 26px rgba(26,39,52,.05)}.product-label{font-weight:750;margin:0 0 9px}
aside label{font-size:13px;font-weight:650}aside input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;margin:7px 0 10px;background:#fff}aside input:focus{border-color:var(--brand)}nav a{display:block;padding:5px 7px;border-radius:6px;font-size:13.5px;text-decoration:none}nav a:hover{background:#edf4ff}nav .sub{padding-left:18px;font-size:12.5px;color:var(--muted)}
main{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:34px clamp(22px,4vw,46px);box-shadow:var(--shadow)}h2{font-size:25px;line-height:1.4;margin:42px 0 17px;border-top:1px solid var(--line);padding-top:25px;scroll-margin-top:20px}h3{font-size:19px;line-height:1.45;margin-top:29px;scroll-margin-top:20px}h4{font-size:16px;scroll-margin-top:20px}
p{margin:9px 0 15px}.step{padding-left:29px;position:relative}.step .label{position:absolute;left:0;font-weight:750;color:var(--brand-dark)}.note{background:#f0f6fc;border-left:3px solid #5b8db5;border-radius:0 8px 8px 0;padding:12px 15px}.quality-note{background:#f0f7fb;border:1px solid #cfe0eb;border-radius:10px;padding:11px 13px}
figure{margin:28px 0 18px;padding:12px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}figure .figure-open{display:block;position:relative;width:max-content;max-width:100%;margin:auto;border-radius:10px;background:#e7ecf1;overflow:hidden;box-shadow:0 1px 2px rgba(20,31,43,.12)}figure .figure-open:hover{box-shadow:0 0 0 2px #9cc0f5,0 9px 24px rgba(20,31,43,.14)}figure img{display:block;width:auto;max-width:100%;height:auto;border:0;image-rendering:auto}figcaption{font-size:14px;font-weight:650;color:#314151;margin:11px 2px 2px;text-align:left}.figure-resolution{font-size:12.5px;color:var(--muted);margin:3px 2px 10px}.raw-link{display:inline-flex;align-items:center;min-height:30px;margin-left:6px;padding:0 8px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;text-decoration:none;white-space:nowrap}.raw-link:hover{border-color:#91b6ea;background:#f4f8ff}.figure-steps{margin:11px 2px 7px;padding:0;list-style:none;display:grid;gap:8px}.figure-steps li{display:flex;gap:9px;align-items:flex-start}.figure-steps li::before{content:"•";color:var(--brand);flex:none}.figure-context{font-size:13.5px;color:var(--muted);margin-top:8px}
code{font:0.9em/1.5 Consolas,"Microsoft YaHei",monospace;background:#edf2f6;padding:1px 4px;border-radius:4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6f8;border:1px solid var(--line);border-radius:9px;padding:15px;font:13px/1.6 Consolas,"Microsoft YaHei",monospace}.table-scroll{overflow:auto;margin:20px 0;border-radius:9px}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{border:1px solid #d9dfe5;text-align:left;padding:9px;vertical-align:middle}th{background:#e2edf5}tr:nth-child(even){background:#f6f8fa}
.small{color:var(--muted);font-size:12.5px}.search-result a{font-size:13.5px}.search-result p{font-size:12px;color:var(--muted);line-height:1.5}.search-result{border-bottom:1px solid var(--line);padding:9px 0}.hidden{display:none!important}main>footer{font-size:12.5px;color:var(--muted);margin-top:30px;padding-top:17px;border-top:1px solid var(--line)}
dialog#image-dialog{width:min(1600px,calc(100vw - 28px));height:min(94vh,1050px);max-width:none;max-height:none;margin:auto;border:1px solid #303b47;padding:0;border-radius:15px;background:#0c1117;color:#edf2f7;box-shadow:0 32px 100px rgba(0,0,0,.48);overflow:hidden}dialog#image-dialog::backdrop{background:rgba(5,10,16,.82);backdrop-filter:blur(4px)}.viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 15px;background:#151c24;border-bottom:1px solid #2d3742}.viewer-heading{display:flex;min-width:0;align-items:baseline;gap:9px}.viewer-kicker{color:#7fb2f5;font-size:11px;letter-spacing:.8px;white-space:nowrap}.viewer-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650}.viewer-meta{color:#96a4b3;font-size:12px;white-space:nowrap}.viewer-actions{display:flex;align-items:center;gap:7px;flex:none}.viewer-actions button,.viewer-button{display:inline-flex;align-items:center;justify-content:center;height:34px;margin:0;padding:0 10px;border:1px solid #3b4754;border-radius:8px;background:#202a35;color:#eaf0f6;font-size:12.5px;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap}.viewer-actions button:hover,.viewer-button:hover{background:#2a3744;border-color:#5d6d7d}.viewer-actions #zoom-image[aria-pressed="true"]{background:#154f95;border-color:#3c86da}.viewer-close{width:34px;padding:0!important;font-size:22px!important;font-weight:300}.image-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;place-items:center;padding:18px;background-color:#0d131a;background-image:radial-gradient(circle at 50% 20%,rgba(62,81,101,.18),transparent 45%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%),linear-gradient(45deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.018) 75%);background-position:0 0,0 0,8px 8px;background-size:auto,16px 16px,16px 16px;cursor:zoom-in}.image-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;box-shadow:0 8px 28px rgba(0,0,0,.34);background:#fff}.viewer-hint{display:flex;justify-content:space-between;gap:12px;padding:7px 14px;border-top:1px solid #2d3742;background:#121921;color:#93a2b1;font-size:11.5px}.viewer-hint kbd{padding:1px 5px;border:1px solid #44515e;border-radius:4px;background:#202933;color:#dce5ee;font:11px Consolas,monospace}dialog.zoomed .image-viewport{display:block;cursor:grab}dialog.zoomed .image-viewport:active{cursor:grabbing}dialog.zoomed .image-viewport img{width:auto;height:auto;max-width:none;max-height:none;margin:0}
.portal-shell{max-width:1050px;margin:24px auto 44px;padding:0 18px}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.manual-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 6px 24px rgba(26,39,52,.05)}.manual-card h2{border:0;padding:0;margin:0 0 7px;font-size:19px}.manual-card p{margin:6px 0;color:var(--muted)}.card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;text-decoration:none;font-size:13px}.card-actions a.primary{background:var(--brand);border-color:var(--brand);color:#fff}.card-actions a:hover{border-color:#89afe5;background:#f2f7ff}.card-actions a.primary:hover{background:var(--brand-dark)}
@media(max-width:900px){.layout{display:block;padding:12px}.layout aside{position:static;max-height:none;margin-bottom:13px}.layout aside nav{max-height:240px;overflow:auto}main{padding:23px 17px;border-radius:13px}body>header{padding:18px}header h1{font-size:24px}h2{font-size:21px}.manual-grid{grid-template-columns:1fr}.figure-resolution{line-height:1.65}.raw-link{margin:5px 0 0}.viewer-toolbar{align-items:flex-start;gap:8px}.viewer-heading{display:block}.viewer-kicker,.viewer-heading strong,.viewer-meta{display:block}.viewer-actions{gap:5px}.viewer-actions button,.viewer-button{height:32px;padding:0 8px;font-size:11.5px}.viewer-close{width:32px}.viewer-hint span:last-child{display:none}}
@media(max-width:620px){dialog#image-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.viewer-toolbar{padding:8px}.viewer-heading{max-width:38vw}.viewer-kicker{display:none}.viewer-meta{font-size:10.5px}.viewer-button{font-size:0;width:32px;padding:0}.viewer-button::after{content:'原图';font-size:11px}.image-viewport{padding:8px}.viewer-hint{padding:6px 9px}.portal-shell{padding:0 12px}.manual-card{padding:16px}}
@media print{body>header{background:#fff;color:#000;padding:0 0 16px}header p{color:#000}aside,.toolbar,dialog,.skip{display:none!important}.layout{display:block;padding:0}main{border:0;box-shadow:none;padding:0}h2{break-before:page}figure{break-inside:avoid;background:#fff}a{color:#000;text-decoration:none}}