:root{color-scheme:light;--brand: #306af1;--brand-dark: #1f4fd0;--brand-soft: #eef3fe;--ink: #0b1f44;--ink-2: #2a4169;--muted: #64769a;--line: #dfe7f5;--card: #ffffff;--warn-bg: #fff8ec;--warn-line: #f3ddb0;--warn-ink: #7a5a12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#f7faff,#eff4fd);color:var(--ink)}main{min-height:calc(100vh - 56px);padding:84px 0 72px}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.hero{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);background:radial-gradient(900px 300px at 85% -60%,rgba(48,106,241,.15),transparent 60%),radial-gradient(600px 260px at -10% 120%,rgba(32,197,170,.09),transparent 60%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 22px 48px #0e2e6e14;padding:54px 58px 48px;margin-bottom:28px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--brand-soft);border:1px solid rgba(48,106,241,.25);color:var(--brand-dark);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #306af12e}.hero h1{margin:22px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.015em}.hero-desc{margin:18px 0 0;max-width:780px;color:var(--muted);font-size:17px;line-height:1.8}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:13px;font-weight:600}.chip svg{color:var(--brand);flex-shrink:0}.layout{display:grid;grid-template-columns:268px minmax(0,1fr);gap:30px;align-items:start}.toc{position:sticky;top:76px;border-radius:16px;border:1px solid var(--line);background:var(--card);padding:22px 20px;box-shadow:0 14px 34px #0e2e6e0f}.toc-title{margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--ink);font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:calc(100vh - 220px);overflow-y:auto}.toc a{display:flex;gap:9px;align-items:baseline;padding:9px 11px;border-radius:9px;color:var(--muted);text-decoration:none;font-size:13.5px;line-height:1.55;transition:background .15s ease,color .15s ease}.toc a:hover{background:var(--brand-soft);color:var(--brand-dark)}.toc a.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700}.toc a .n{flex-shrink:0;min-width:20px;font-size:11.5px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}.article{border-radius:20px;border:1px solid var(--line);background:var(--card);box-shadow:0 22px 48px #0e2e6e12;padding:50px 56px 54px}.lead{margin:0 0 18px;font-size:17.5px;line-height:1.9;color:var(--ink-2)}.doc-section{padding-top:44px;margin-top:44px;border-top:1px solid var(--line);scroll-margin-top:80px}.doc-section:first-of-type{border-top:0;margin-top:6px;padding-top:0}.sec-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.sec-num{flex-shrink:0;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--brand) 0%,#5d86ff 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 6px 14px #306af147}.doc-section h2{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.012em}.doc-section h3{margin:26px 0 10px;font-size:17px;color:var(--ink)}.doc-section p{margin:0 0 16px;color:var(--ink-2);font-size:15.5px;line-height:1.95}.doc-section ul,.doc-section ol{margin:0 0 18px;padding-left:6px;list-style:none;display:grid;gap:12px}.doc-section li{position:relative;padding-left:26px;color:var(--ink-2);font-size:15.5px;line-height:1.85}.doc-section ul li:before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:2px;background:var(--brand);transform:rotate(45deg);opacity:.75}.doc-section ol{counter-reset:olc}.doc-section ol li{counter-increment:olc;padding-left:32px}.doc-section ol li:before{content:counter(olc);position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.doc-section a{color:var(--brand-dark);font-weight:600}.doc-section strong{color:var(--ink)}.callout{display:flex;gap:18px;align-items:flex-start;margin:24px 0;padding:20px 22px;border-radius:14px;border:1px solid var(--line);background:#f9fbff}.callout .ico{flex-shrink:0;width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-dark);margin-top:2px}.callout .callout-body{min-width:0}.callout p{margin:0!important;font-size:14.5px!important;line-height:1.85!important}.callout .callout-title{display:block;margin-bottom:6px;font-weight:750;color:var(--ink);font-size:15px}.callout.warn{background:var(--warn-bg);border-color:var(--warn-line)}.callout.warn .ico{background:#fdf0d2;color:var(--warn-ink)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:22px 0 10px}.icon-card{padding:22px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafcff)}.icon-card .ico{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-soft);color:var(--brand-dark);margin-bottom:14px}.icon-card h3{margin:0 0 8px!important;font-size:15.5px!important}.icon-card p{margin:0!important;font-size:13.8px!important;line-height:1.75!important;color:var(--muted)!important}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0 8px}.stat{padding:20px 18px;border-radius:15px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7faff);text-align:center}.stat .v{font-size:28px;font-weight:800;color:var(--brand-dark);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .k{margin-top:5px;font-size:12.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.spec-table-wrap{margin:22px 0;overflow-x:auto}table.spec{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;font-size:14px}table.spec th{text-align:left;padding:13px 18px;background:#f2f6fe;color:var(--ink);font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}table.spec td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.75;vertical-align:top}table.spec tr:last-child td{border-bottom:0}table.spec td:first-child{font-weight:650;color:var(--ink);white-space:nowrap}.email-card{display:flex;align-items:center;gap:20px;padding:24px 26px;margin:14px 0;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f5f9ff)}.email-card .ico{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:var(--brand-soft);color:var(--brand-dark);display:inline-flex;align-items:center;justify-content:center}.email-card .body{flex:1;min-width:0}.email-card .addr{display:block;font-size:17.5px;font-weight:750;color:var(--brand-dark);letter-spacing:-.01em;margin-bottom:7px}.email-card .use-label{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:5px}.email-card .use{font-size:13.8px;color:var(--muted);line-height:1.75}.sla{flex-shrink:0;align-self:center;padding:7px 14px;border-radius:999px;background:#20c5aa1f;border:1px solid rgba(32,197,170,.35);color:#0e7d6a;font-size:12px;font-weight:750;white-space:nowrap}.foot-note{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;color:var(--muted);font-size:13px}@media(max-width:1023px){.layout{grid-template-columns:1fr}.toc{position:static}.toc ol{max-height:none}}@media(max-width:720px){main{padding-top:72px}.shell{width:calc(100% - 24px)}.hero{padding:32px 24px}.article{padding:30px 22px 34px}.doc-section{scroll-margin-top:70px;margin-top:36px;padding-top:36px}.email-card{flex-wrap:wrap;padding:20px;gap:14px}.email-card .ico{width:42px;height:42px}.sla{order:3}}
