*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
:root{--ac:#1f6f8b;--ac2:#145770;--ink:#121b24;--ink2:#25313d;--mu:#434f5c;--bg:#f3f6f9;--ln:rgba(20,50,80,.12)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 "Segoe UI Variable Text","Segoe UI",-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}
a{color:var(--ac2)}a:focus-visible,label:focus-visible{outline:3px solid var(--ac);outline-offset:2px;border-radius:6px}
.navt{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.scrim,.mtg,.side .mh{display:none}
/* 贴顶长条 */
.tb{position:sticky;top:0;z-index:40;background:rgba(250,252,254,.78);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);
border-bottom:1px solid var(--ln);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 24px rgba(20,50,80,.07)}
.tb .in{max-width:1240px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:8px}
.st{display:flex;align-items:center;gap:11px;min-height:48px;padding:6px 14px 6px 6px;border-radius:12px;text-decoration:none;color:var(--ink);transition:background .15s}
.st:hover{background:rgba(20,80,110,.06)}
.st i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font:800 14px/1 "Segoe UI",sans-serif;font-style:normal;color:#fff;letter-spacing:.02em;
background:linear-gradient(145deg,#2c8aab,#165f79);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(10,40,60,.25),0 6px 14px rgba(20,90,120,.22)}
.st b{font-size:16.5px;white-space:nowrap}
.pin{display:flex;gap:4px;margin:0 auto}
.pin a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:10px;color:var(--ink2);text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap;transition:background .15s,transform .15s}
.pin a:hover{background:rgba(20,80,110,.07);transform:translateY(-1px)}
.pin a::after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:3px;margin-left:-3px;border-radius:3px;background:rgba(20,50,80,.28);transition:width .15s,margin .15s}
.pin a.on{background:rgba(31,111,139,.09);color:#0c3e51;font-weight:700}.pin a.on::after{width:18px;margin-left:-9px;background:var(--ac)}
.tr{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:10px;text-decoration:none;font-weight:650;font-size:14.5px;white-space:nowrap;color:#fff;
background:linear-gradient(180deg,#145a72,#0f5068);border:1px solid rgba(10,60,80,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(10,40,60,.2),0 6px 16px rgba(20,90,120,.22);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 4px rgba(10,40,60,.2),0 10px 22px rgba(20,90,120,.28)}.btn:active{transform:none}
.clk{font-size:12.5px;line-height:1.3;color:var(--mu);text-align:right;white-space:nowrap}.clk b{display:block;font-size:13.5px;color:var(--ink2);font-weight:600}
/* 双栏 */
.desk{max-width:1240px;margin:0 auto;padding:28px 20px 34px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.side{position:sticky;top:88px;max-height:calc(100vh - 108px);overflow-y:auto;background:rgba(255,255,255,.9);border:1px solid var(--ln);border-radius:16px;padding:14px 10px 16px;
box-shadow:0 1px 2px rgba(20,50,80,.04),0 12px 30px rgba(20,50,80,.07);font-size:14.5px}
.side h4{margin:14px 10px 4px;font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--mu)}.side h4:first-of-type{margin-top:4px}
.side a{position:relative;display:flex;align-items:center;min-height:44px;padding:4px 12px 4px 20px;border-radius:10px;color:var(--ink2);text-decoration:none;transition:background .15s}
.side a:hover{background:#eef4f8}
.side a.on{background:#e3f0f6;color:#0c3e51;font-weight:700}.side a.on::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:4px;border-radius:4px;background:var(--ac)}
.doc{min-width:0;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:34px 48px 44px;box-shadow:0 1px 2px rgba(20,50,80,.04),0 4px 12px rgba(20,50,80,.04),0 22px 48px rgba(20,50,80,.07)}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:14px;color:var(--mu);margin:0 0 14px}.crumb a{color:var(--mu)}.crumb i{font-style:normal;color:var(--mu)}
.doc h1{position:relative;font-size:30px;line-height:1.4;color:var(--ink);margin:0;padding:14px 20px 14px 26px;background:linear-gradient(180deg,#f2f8fb,#eaf3f8);
border:1px solid rgba(31,111,139,.18);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(20,50,80,.05),0 8px 20px rgba(20,50,80,.07);overflow-wrap:anywhere}
.doc h1::before{content:"";position:absolute;left:11px;top:16px;bottom:16px;width:5px;border-radius:5px;background:var(--ac)}
.by{font-size:14px;color:var(--mu);margin:12px 2px 0}
.ld{font-size:17px;line-height:1.85;color:var(--ink2);margin:22px 0 28px;padding:14px 18px;background:#f7fafc;border:1px solid #e3ebf1;border-radius:12px}
.vd{max-width:42em;font-size:17px;line-height:1.85;color:var(--ink)}
.vd p{margin:0 0 1.15em}.vd a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.vd h2{position:relative;font-size:21px;line-height:1.5;color:var(--ink);margin:38px 0 14px;padding:9px 16px 8px 22px;background:#f0f6f9;border:1px solid rgba(31,111,139,.12);border-radius:12px;overflow-wrap:anywhere}
.vd h2::before{content:"";position:absolute;left:9px;top:11px;bottom:11px;width:4px;border-radius:4px;background:var(--ac)}
.vd .sec:first-child h2{margin-top:4px}
.vd h3{position:relative;width:fit-content;max-width:100%;font-size:18px;line-height:1.55;color:var(--ink);margin:26px 0 8px;padding:4px 14px 4px 18px;background:#f7fafc;border:1px solid rgba(31,111,139,.09);border-radius:10px;overflow-wrap:anywhere}
.vd h3::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#5a9db5}
.vd ul,.vd ol{padding-left:1.5em;margin:0 0 1.15em}.vd li{margin:6px 0}.vd li::marker{color:var(--ac)}
.vd code{font:.9em/1.5 "Cascadia Mono",Consolas,ui-monospace,monospace;color:var(--ink);background:#f1f5f8;border:1px solid #dfe7ee;border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.vd pre{margin:0 0 1.2em;padding:14px 16px;overflow-x:auto;background:#f7fafc;border:1px solid #e1e9ef;border-radius:12px}
.vd pre code{display:block;white-space:pre;background:none;border:0;padding:0;overflow-wrap:normal}
.vd .tip{margin:0 0 1.2em;padding:12px 16px;background:#f1f7fa;border:1px solid #d6e6ee;border-radius:12px}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 24px;max-width:100%;border:1px solid #e0e8ee;border-radius:12px;background:#fff}
.vd table{border-collapse:collapse;width:100%;font-size:15.5px;line-height:1.7}
.vd th{text-align:left;font-weight:700;font-size:14.5px;color:var(--ink);padding:10px 12px;background:#f3f7fa;border-bottom:1px solid #d9e3ea}
.vd td{padding:9px 12px;border-bottom:1px solid #edf2f6;vertical-align:top;min-width:6em}.vd tbody tr:last-child td{border-bottom:0}
.acts{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
/* 相关页面：文档磁贴 */
.see{grid-column:2;margin-top:2px}
.see h2{font-size:13.5px;font-weight:700;letter-spacing:.08em;color:var(--mu);margin:0 4px 10px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tiles a{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px;border-radius:14px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--ln);
box-shadow:0 1px 2px rgba(20,50,80,.04),0 6px 16px rgba(20,50,80,.05);transition:transform .15s,box-shadow .15s}
.tiles a:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(20,50,80,.06),0 12px 26px rgba(20,50,80,.1)}
.tiles .fi{position:relative;flex:none;width:30px;height:36px;border-radius:5px 10px 5px 5px;background:linear-gradient(180deg,#eaf4f8,#d7e9f1);border:1px solid rgba(31,111,139,.25)}
.tiles .fi::after{content:"";position:absolute;left:7px;right:7px;top:13px;height:2px;border-radius:2px;background:rgba(31,111,139,.5);box-shadow:0 6px 0 rgba(31,111,139,.35),0 12px 0 rgba(31,111,139,.25)}
.tiles b{display:block;font-size:15.5px;line-height:1.4}.tiles small{display:block;font-size:13px;color:var(--mu)}
/* 页脚 */
.ft{grid-column:1/-1;margin-top:12px;background:rgba(255,255,255,.8);border:1px solid var(--ln);border-radius:16px;padding:20px 24px 16px;box-shadow:0 1px 2px rgba(20,50,80,.04)}
.fgd{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:20px;font-size:14.5px;line-height:1.75;color:var(--ink2)}
.ft h4{margin:0 0 6px;font-size:13.5px;letter-spacing:.06em;color:var(--ink)}.ft p{margin:0}.ft ul{list-style:none;margin:0;padding:0}.ft li a{color:var(--ink2);text-decoration:none}.ft li a:hover{color:var(--ac2);text-decoration:underline}
.fl{margin:16px 0 0;padding:10px 14px;background:#f4f8fb;border-radius:10px;font-size:14.5px;color:var(--ink2)}.fl a{margin-right:14px}
.cp{margin:14px 0 0;font-size:13px;color:var(--mu)}
@media(max-width:1180px){.pin{display:none}.tr{margin-left:auto}}
@media(max-width:980px){.fgd{grid-template-columns:1fr 1fr 1fr}.fgd>div:first-child{grid-column:1/-1}}
@media(max-width:900px){
.tb .in{height:60px;padding:0 10px;gap:6px}.st{padding:4px 8px 4px 4px;min-width:0}.st i{width:34px;height:34px;font-size:13px}.st b{font-size:15.5px}
.clk,.tr .btn{display:none}
.mtg{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:10px;cursor:pointer;font-weight:650;font-size:14.5px;color:var(--ink);
background:#fff;border:1px solid var(--ln);box-shadow:0 1px 2px rgba(20,50,80,.08);-webkit-tap-highlight-color:transparent}
.mtg::before{content:"";width:16px;height:2px;border-radius:2px;background:var(--ink2);box-shadow:0 -5px 0 var(--ink2),0 5px 0 var(--ink2)}
.navt:focus-visible~.tb .mtg{outline:3px solid var(--ac);outline-offset:2px}
.desk{display:block;padding:14px 10px 26px}
.side{position:fixed;z-index:60;top:0;left:0;bottom:0;width:min(86vw,320px);max-height:none;margin:0;border-radius:0 18px 18px 0;padding:0 12px 24px;background:#fbfdfe;
transform:translateX(-104%);visibility:hidden;transition:transform .2s,visibility 0s .2s;box-shadow:12px 0 30px rgba(20,50,80,.2);overscroll-behavior:contain}
.navt:checked~.desk .side{transform:none;visibility:visible;transition:transform .2s}
.side .mh{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;margin:0 -12px 6px;padding:8px 10px 8px 18px;min-height:60px;
font-weight:700;font-size:15px;color:var(--ink);background:#fbfdfe;border-bottom:1px solid var(--ln)}
.rx{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;cursor:pointer;font-weight:600;font-size:14px;background:#fff;border:1px solid var(--ln)}
.side a{min-height:46px}
.scrim{position:fixed;inset:0;z-index:55;background:rgba(15,30,45,.3)}.navt:checked~.scrim{display:block}
html:has(.navt:checked){overflow:hidden}
.doc{padding:18px 16px 28px;border-radius:16px}
.crumb{margin:-6px 0 8px}.crumb a{display:inline-block;padding:10px 0}
.doc h1{font-size:23px;padding:11px 14px 11px 22px;border-radius:12px}.doc h1::before{left:9px;top:13px;bottom:13px;width:4px}
.ld{font-size:16px;margin:18px 0 22px;padding:12px 14px}
.vd{font-size:16px}.vd h2{font-size:18.5px;padding:8px 12px 7px 19px}.vd h2::before{left:8px}.vd h3{font-size:16.5px}
.vd h2,.vd h3{scroll-margin-top:76px}.vd table{min-width:520px}
.tw::before{content:"⇆ 表格可左右滑动";position:sticky;left:0;display:block;width:max-content;font-size:13px;color:var(--mu);padding:8px 12px 2px}
.see{margin-top:22px}.tiles{grid-template-columns:1fr}
.ft{margin-top:22px;padding:16px}.fgd{grid-template-columns:1fr 1fr;gap:12px}.ft li a,.fl a{display:inline-block;padding:10px 0}}
@media(prefers-reduced-motion:reduce){.pin a,.btn,.tiles a,.side,.side a{transition:none!important}}
/* ===== 主题层：工程蓝图 ===== */
body{background:linear-gradient(180deg,rgba(243,246,249,0) 0,rgba(243,246,249,.55) 300px,var(--bg) 560px) 0 0/100% 100% no-repeat,linear-gradient(rgba(31,111,139,.13) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(31,111,139,.13) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(rgba(31,111,139,.06) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,rgba(31,111,139,.06) 1px,transparent 1px) 0 0/8px 8px,var(--bg);background-attachment:scroll}
.tb{background-color:rgba(248,251,253,.86);background-image:linear-gradient(rgba(31,111,139,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,111,139,.07) 1px,transparent 1px);background-size:8px 8px;border-bottom:1px solid rgba(31,111,139,.28)}
.tb::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:8px;pointer-events:none;
background:repeating-linear-gradient(90deg,rgba(31,111,139,.6) 0 1px,transparent 1px 50px) left bottom/100% 8px no-repeat,repeating-linear-gradient(90deg,rgba(31,111,139,.38) 0 1px,transparent 1px 10px) left bottom/100% 4px no-repeat}
.st i{background:linear-gradient(145deg,#135a73,#0f4b61)}
:root{--mu:#36414c}
.pin a.on{box-shadow:inset 0 0 0 1px rgba(31,111,139,.22)}
.vd a{color:#0d4459}
/* 控制台按键：扁平立体，底边厚度 + 指示灯 */
.btn{position:relative;padding-left:32px;background:linear-gradient(180deg,#17617b,#0f5068);border:1px solid #0b4155;
box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 0 #0a3a4b,0 8px 18px rgba(20,90,120,.24);transition:transform .12s,box-shadow .12s}
.btn::before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#8fe6f5;box-shadow:0 0 0 2px rgba(143,230,245,.22),0 0 8px rgba(143,230,245,.8)}
.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 0 #0a3a4b,0 12px 24px rgba(20,90,120,.28)}
.btn:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 #0a3a4b,0 2px 6px rgba(20,90,120,.22)}
/* 双栏：顶部刻度尺 + 尺寸标注线 + 图框角标 */
.desk{position:relative}
.side{background:linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px top 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px top 7px/1.5px 14px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px top 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px top 7px/1.5px 14px no-repeat,#fff}
.doc{position:relative}
.doc::before{content:"";position:absolute;left:14px;right:14px;top:-15px;height:9px;pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M0 4L8 .5V7.5Z' fill='%231f6f8b'/%3E%3C/svg%3E") left center/8px 8px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M8 4L0 .5V7.5Z' fill='%231f6f8b'/%3E%3C/svg%3E") right center/8px 8px no-repeat,linear-gradient(#1f6f8b,#1f6f8b) left 0 top 0/1px 100% no-repeat,linear-gradient(#1f6f8b,#1f6f8b) right 0 top 0/1px 100% no-repeat,
linear-gradient(rgba(31,111,139,.7),rgba(31,111,139,.7)) center/calc(100% - 4px) 1px no-repeat;opacity:.75}
.doc::after{content:"";position:absolute;inset:0;border-radius:16px;pointer-events:none;background:linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 10px top 10px/18px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 10px top 10px/1.5px 18px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 10px top 10px/18px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 10px top 10px/1.5px 18px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 10px bottom 10px/18px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 10px bottom 10px/1.5px 18px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 10px bottom 10px/18px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 10px bottom 10px/1.5px 18px no-repeat}
.doc h1{background:linear-gradient(180deg,#f2f8fb,#eaf3f8)}
.tiles a{background:linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 5px top 5px/10px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 5px top 5px/1.5px 10px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 5px bottom 5px/10px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 5px bottom 5px/1.5px 10px no-repeat,#fff}
.ft{position:relative;background:linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px top 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px top 7px/1.5px 14px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px top 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px top 7px/1.5px 14px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px bottom 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 7px bottom 7px/1.5px 14px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px bottom 7px/14px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 7px bottom 7px/1.5px 14px no-repeat,linear-gradient(rgba(31,111,139,.05) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,rgba(31,111,139,.05) 1px,transparent 1px) 0 0/8px 8px,rgba(255,255,255,.9)}
.ft::before{content:"";position:absolute;left:24px;right:24px;top:0;height:6px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(31,111,139,.45) 0 1px,transparent 1px 10px)}
.fl{background:#f4f8fb}
@media(min-width:901px){.desk::after{content:"";position:absolute;right:-36px;top:110px;width:40px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='9' fill='none' stroke='%231f6f8b' stroke-opacity='.45' stroke-width='1'/%3E%3Cpath d='M20 4V36M4 20H36' stroke='%231f6f8b' stroke-opacity='.45' stroke-width='1'/%3E%3Ccircle cx='20' cy='20' r='1.8' fill='%231f6f8b' fill-opacity='.6'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}}
@media(max-width:1340px){.desk::after{display:none}}
@media(max-width:900px){
.mtg{background:#fff;box-shadow:0 2px 0 #c9d6de,0 4px 10px rgba(20,50,80,.08);transition:transform .12s,box-shadow .12s}
.mtg:active{transform:translateY(2px);box-shadow:0 0 0 #c9d6de,0 1px 3px rgba(20,50,80,.1)}
.doc::before{top:-11px;left:10px;right:10px;height:7px}
.doc::after{background:linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 6px top 6px/12px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 6px top 6px/1.5px 12px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 6px top 6px/12px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 6px top 6px/1.5px 12px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 6px bottom 6px/12px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) left 6px bottom 6px/1.5px 12px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 6px bottom 6px/12px 1.5px no-repeat,linear-gradient(rgba(31,111,139,.55),rgba(31,111,139,.55)) right 6px bottom 6px/1.5px 12px no-repeat}
.side{background:#fbfdfe}}
@media(prefers-reduced-motion:reduce){.mtg,.btn{transition:none!important}}
/* ===== V14~V18 / V22（10-19）===== */
.vd a{color:#0b3a4c}
:root{--c1:#1f6f8b;--c2:#e0702a;--c3:#6d5bd0;--c4:#2f9a5b;--t1:#e4f0f5;--t2:#fdeee2;--t3:#eeebfb;--t4:#e4f3e9;--r:10px;--trk:#e9f0f4;--c-ok:#2f8a55;--c-no:#c2414b;--mk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h12l6 6v12H3z' fill='%23000'/%3E%3C/svg%3E")}
.pin a{gap:7px}.pin a svg.i{width:17px;height:17px}
.side a{gap:10px}.side a svg.i{width:18px;height:18px}.side h4 svg.i{width:14px;height:14px;margin-right:5px;vertical-align:-2px}
.btn{padding-left:16px;gap:8px}.btn::before{display:none}.btn svg.i{width:18px;height:18px;color:#bfeef8}
.tiles .fi{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--kt);border:1px solid color-mix(in srgb,var(--k) 35%,transparent)}
.tiles .fi::after{display:none}.tiles .fi svg.i{width:22px;height:22px}
.ft h4 svg.i{width:16px;height:16px;margin-right:6px;vertical-align:-3px}
.vd h2 svg.hi{border-radius:7px;background:var(--kt);border:1px solid color-mix(in srgb,var(--k) 40%,transparent);box-shadow:0 2px 0 color-mix(in srgb,var(--k) 22%,transparent)}
.vd h2{display:flex;align-items:center}
.vd .p-in{color:var(--ink2);background:#f5f9fc;border:1px solid rgba(31,111,139,.2);border-left:4px solid var(--c1);border-radius:10px}
.vd .p-k{background:#fff6ee;border:1px solid rgba(224,112,42,.28);border-radius:10px}
.vd .p-n{background:#fff;border:1px dashed rgba(109,91,208,.5);border-radius:10px}
.vd .qi{border-radius:10px;border-top:3px solid var(--k)}
/* 四类页面版式 */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:8px 28px;align-items:center;margin:0 0 26px}
.hero .illus{width:240px;height:auto;grid-row:1/4;grid-column:2}
.pg-home .ld{margin-bottom:6px}
.wide .vd{max-width:none}.wide .vd p,.wide .vd ul,.wide .vd ol{max-width:42em}.wide .vd .p-in,.wide .vd .p-k,.wide .vd .p-n{max-width:none}.wide .ld{max-width:42em}
.pg-table .vd th{background:#e4f0f5}.pg-table .vd tbody tr:nth-child(even) td{background:#f8fbfd}
.pg-table .tw{border-color:rgba(31,111,139,.3);box-shadow:0 3px 0 rgba(31,111,139,.08)}
.pg-faq .doc-h{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}
.pg-faq .doc-h .faqi{grid-row:1/3;width:56px;height:56px;padding:13px;border-radius:12px;color:var(--c1);background:var(--t1);border:1px solid rgba(31,111,139,.3);box-shadow:0 3px 0 rgba(31,111,139,.15)}
.pg-faq .doc-h .ld{grid-column:1/-1}
.pg-faq .vd{max-width:none}
@media(min-width:1100px){.pg-faq .sec.qa{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.pg-faq .sec.qa>*{margin:0}
.pg-faq .sec.qa>h2,.pg-faq .sec.qa>p{grid-column:1/-1}.pg-faq .sec.qa>h2{margin:10px 0 2px}.pg-faq .sec.qa>p{margin-bottom:10px}}
@media(max-width:1340px){.hero{grid-template-columns:minmax(0,1fr) 200px}.hero .illus{width:200px}}
@media(max-width:900px){
.hero{grid-template-columns:1fr}.hero .illus{grid-row:auto;grid-column:1;width:170px;margin:0 auto;order:-1}
.tiles .fi{width:36px;height:36px}
.pg-faq .doc-h .faqi{width:46px;height:46px;padding:10px}}
.spr{position:absolute;width:0;height:0;overflow:hidden}
svg.i{display:inline-block;flex:none;width:1.2em;height:1.2em;vertical-align:-.22em;color:var(--k,var(--c1));overflow:visible}
.k1{--k:var(--c1);--kt:var(--t1)}.k2{--k:var(--c2);--kt:var(--t2)}.k3{--k:var(--c3);--kt:var(--t3)}.k4{--k:var(--c4);--kt:var(--t4)}
.vd h2 svg.hi{width:32px;height:32px;padding:6px;margin:0 10px 0 0;vertical-align:-8px}
.vd .p-in,.vd .p-k,.vd .p-n,.vd .p-note{position:relative}
.vd .p-in{font-size:1.04em;padding:16px 20px 16px 58px;margin:0 0 26px}
.vd .p-k{padding:14px 18px 14px 54px;margin:4px 0 22px}
.vd .p-n{padding:13px 18px 13px 54px;margin:4px 0 22px}
.vd .p-note{font-size:.9em;line-height:1.8;color:var(--ink2);padding:2px 0 2px 34px;margin:-6px 0 22px}
.vd svg.pi{position:absolute;left:16px;top:15px;width:26px;height:26px}
.vd .p-in svg.pi{left:18px;top:17px;width:28px;height:28px}
.vd .p-note svg.pi{left:4px;top:5px;width:20px;height:20px}
.vd ul{list-style:none;padding-left:0}.vd ul>li{position:relative;padding-left:30px;margin:9px 0}
.vd ul>li::before{content:"";position:absolute;left:4px;top:.45em;width:16px;height:16px;background:var(--k,var(--c1));-webkit-mask:var(--mk) center/contain no-repeat;mask:var(--mk) center/contain no-repeat}
.vd ul>li:nth-child(4n+1){--k:var(--c1)}.vd ul>li:nth-child(4n+2){--k:var(--c2)}.vd ul>li:nth-child(4n+3){--k:var(--c3)}.vd ul>li:nth-child(4n){--k:var(--c4)}
.vd ol>li::marker{font-weight:800}
.vd ol>li:nth-child(4n+1)::marker{color:var(--c1)}.vd ol>li:nth-child(4n+2)::marker{color:var(--c2)}.vd ol>li:nth-child(4n+3)::marker{color:var(--c3)}.vd ol>li:nth-child(4n)::marker{color:var(--c4)}
.vd .qi{margin:0 0 14px;padding:4px 20px 6px;background:#fff;border:1px solid var(--ln);box-shadow:0 1px 2px rgba(20,30,60,.04),0 6px 16px rgba(20,30,60,.05)}
.vd .qi h3{display:flex;align-items:flex-start;gap:12px;width:auto;max-width:none;margin:12px 0 6px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;font-size:17.5px}
.vd .qi h3::before,.vd .qi h3::after{display:none}
.vd .qi h3 svg.qh{width:26px;height:26px;margin-top:1px;color:var(--k)}
.vd .qi h3 svg.qc{width:20px;height:20px;margin:4px 0 0 auto;color:var(--mu);opacity:.6}
.vd .qi p{margin:0 0 10px 38px;padding-top:8px;border-top:1px dashed var(--ln)}
.vd .qi p+p{border-top:0;padding-top:0}
/* 数据图 */
.viz{margin:2px 0 26px;padding:16px 20px 12px;border:1px solid var(--ln);background:#fff;box-shadow:0 1px 2px rgba(20,30,60,.04),0 8px 22px rgba(20,30,60,.05)}
.viz .vt{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;line-height:1.5;color:var(--ink);margin:0 0 12px}
.viz .vt svg.i{width:28px;height:28px;padding:5px;border-radius:8px;background:var(--t1)}
.vg{display:grid;gap:8px}
.vr{display:grid;grid-template-columns:9.5em 1fr 12em;gap:14px;align-items:center;min-height:30px;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.vr .vl{font-weight:650;color:var(--ink)}.vr .vv{color:var(--ink2);font-variant-numeric:tabular-nums}
.vk{position:relative;height:12px;border-radius:999px;background:var(--trk)}
.vb{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--k)}
.vx{position:absolute;inset:0;border-radius:999px;border:1.5px dashed var(--ln);background:#fff}
.vline{height:2px;background:var(--trk)}
.vdot{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--k);box-shadow:0 0 0 3px #fff,0 1px 4px rgba(20,30,60,.25)}
.vdot.ho{background:#fff;border:3px solid var(--k)}
.va{min-height:24px}.va .vk{height:1px;background:var(--ln)}
.va i{position:absolute;top:5px;transform:translateX(-50%);font-style:normal;font-size:12.5px;line-height:1.4;color:var(--mu);white-space:nowrap}
.va i::before{content:"";position:absolute;left:50%;top:-5px;width:1px;height:5px;background:var(--mu)}
.va i:first-child{transform:none}.va i:first-child::before{left:0}
.va i:last-child{transform:translateX(-100%)}.va i:last-child::before{left:auto;right:0}
.vc{margin:12px 0 0;padding-top:8px;border-top:1px solid var(--ln);font-size:13px;line-height:1.6;color:var(--mu)}
.vsc{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vm{min-width:calc(8em + var(--n) * 7em);font-size:14px;line-height:1.45}
.mr{display:grid;grid-template-columns:8.5em repeat(var(--n),minmax(6.5em,1fr));gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--trk)}
.mr:last-child{border-bottom:0}
.mh{font-size:13px;font-weight:700;color:var(--ink2);padding-top:0}
.ml{font-weight:650;color:var(--ink)}
.mc{display:inline-flex;align-items:center;gap:6px;color:var(--ink2)}
.mc svg.i,.mlg svg.i{width:18px;height:18px}
.sy svg.i{color:var(--c-ok)}.sn svg.i{color:var(--c-no)}.su svg.i{color:var(--mu)}.sp svg.i{color:var(--c4)}
.mlg{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;font-size:13px;color:var(--mu)}.mlg span{display:inline-flex;align-items:center;gap:5px}
.vs{display:flex;gap:3px;height:16px;border-radius:999px;overflow:hidden;margin:2px 0 12px}.vs span{background:var(--k)}
.vsl{display:grid;gap:6px;font-size:14px;line-height:1.6;color:var(--ink2)}
.vli{display:grid;grid-template-columns:14px auto 1fr;gap:10px;align-items:baseline}
.vli .sw{width:12px;height:12px;border-radius:4px;background:var(--k);align-self:center}.vli b{color:var(--ink);font-weight:650}
@media(max-width:760px){.vd h2 svg.hi{width:28px;height:28px;padding:5px;margin-right:8px;vertical-align:-7px}
.vd .p-in{padding:14px 14px 14px 48px}.vd .p-k,.vd .p-n{padding:12px 14px 12px 46px}.vd svg.pi{left:12px;top:13px;width:23px;height:23px}.vd .p-in svg.pi{left:13px;top:15px;width:24px;height:24px}
.vd .qi{padding:2px 14px 4px}.vd .qi p{margin-left:0}.vd .qi h3{font-size:16.5px;gap:10px}
.viz{padding:14px 12px 10px}.vr{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:14px}.vr .vk{grid-column:1/-1;grid-row:2}.vr .vv{font-size:13px;text-align:right}
.va .vl,.va .vv{display:none}.va .vk{grid-row:1}
.vsc::before{content:"⇆ 可左右滑动";position:sticky;left:0;display:block;width:max-content;font-size:12.5px;color:var(--mu);padding:0 0 4px}.vli{grid-template-columns:14px 1fr}.vli>span:last-child{grid-column:2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
/* 10-19 修：桌面目录侧栏滑进页脚。侧栏只占第 1~2 行，页脚固定在第 3 行、不透明并压在上层 */
@media(min-width:981px){.desk>.side{grid-row:1/3;grid-column:1}.desk>.doc{grid-row:1;grid-column:2}.desk>.see{grid-row:2;grid-column:2}}
body>.ft{max-width:1200px;margin:0 auto 34px;position:relative;z-index:6;background-color:#fbfcfe}
@media(max-width:1240px){body>.ft{margin:0 20px 34px}}