:root{--bg:#06141F;--surface:#0D2230;--surface2:#173240;--cyan:#16B7E6;--orange:#F47A22;--text:#F4F7FB;--muted:#A7B4C8;--ink:#13202a;--paper:#f5f8fb;--line:#dbe5eb}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,"DejaVu Sans",sans-serif;background:var(--paper);color:var(--ink);line-height:1.48;font-size:16px}
a{color:#087ea6}.hero{background:linear-gradient(145deg,#06141F 0%,#0D2230 70%,#12384b 100%);color:var(--text);padding:42px 28px 34px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(22,183,230,.22);border-radius:50%;right:-100px;top:-130px}.brand{display:flex;align-items:center;gap:16px}.brand img{width:68px;height:68px}.hero h1{font-size:36px;margin:24px 0 8px;line-height:1.07}.hero p{color:var(--muted);max-width:760px;margin:0}.badge{display:inline-block;margin-top:18px;padding:7px 12px;border-radius:999px;background:rgba(22,183,230,.16);color:#69dcff;font-weight:700;font-size:13px}.container{max-width:1040px;margin:0 auto;padding:30px 24px 70px}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 7px 24px rgba(25,48,64,.07)}.card.dark{background:var(--bg);color:var(--text);border-color:#153447}.card h2,.card h3{margin-top:0}.toc{columns:2;column-gap:28px}.toc a{display:block;text-decoration:none;padding:7px 0;color:#24414f}.toc a b{color:#087ea6}.chapter{margin-top:44px;scroll-margin-top:16px}.chapter-head{display:flex;align-items:center;gap:13px;margin-bottom:17px}.n{min-width:42px;height:42px;border-radius:15px;background:var(--bg);color:var(--cyan);display:grid;place-items:center;font-weight:800}.chapter h2{margin:0;font-size:27px}.lead{color:#4d6470;font-size:17px;margin-top:7px}.layout{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:28px;align-items:start}.shot{background:var(--bg);padding:10px;border-radius:26px;box-shadow:0 12px 28px rgba(5,20,31,.18)}.shot img{width:100%;height:auto;display:block;border-radius:18px}.steps{counter-reset:step;padding:0;margin:0;list-style:none}.steps li{position:relative;padding:0 0 17px 48px;min-height:36px}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:31px;height:31px;border-radius:10px;background:#e8f8fd;color:#087ea6;font-weight:800;display:grid;place-items:center}.tip,.warn,.info{border-radius:16px;padding:14px 16px;margin:17px 0}.tip{background:#eefaf5;border-left:4px solid #25aa6b}.warn{background:#fff5eb;border-left:4px solid var(--orange)}.info{background:#edf8fc;border-left:4px solid var(--cyan)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.chip{padding:7px 10px;border-radius:999px;background:#edf2f5;color:#24414f;font-weight:700;font-size:13px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wf{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.wf strong{display:block;color:#087ea6;font-size:21px;margin-bottom:5px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}table{border-collapse:collapse;width:100%}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf5f8;color:#16323f}tr:last-child td{border-bottom:0}.footer{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);color:#6b7d87;font-size:13px}.print-only{display:none}
@media(max-width:760px){body{font-size:15px}.hero{padding:30px 20px}.hero h1{font-size:31px}.container{padding:22px 16px 52px}.intro,.layout{grid-template-columns:1fr}.toc{columns:1}.workflow{grid-template-columns:1fr 1fr}.shot{max-width:520px;margin:auto}.chapter{margin-top:34px}.chapter h2{font-size:24px}}
@media print{
 @page{size:A4;margin:13mm 12mm 14mm} body{background:white;font-size:10.5pt;color:#16252d} .hero{margin:-13mm -12mm 0;padding:22mm 18mm 17mm;min-height:115mm;break-after:page}.hero h1{font-size:30pt}.hero p{font-size:12pt}.container{max-width:none;padding:0}.intro{display:block}.intro .card{margin:8mm 0}.toc{columns:2}.chapter{break-before:page;margin-top:0}.layout{grid-template-columns:74mm 1fr;gap:9mm}.shot{padding:3mm;border-radius:5mm;box-shadow:none}.card{box-shadow:none}.chapter h2{font-size:20pt}.lead{font-size:10.5pt}.steps li{padding-bottom:9px}.tip,.warn,.info{break-inside:avoid}.workflow{grid-template-columns:repeat(4,1fr)}.footer{margin-top:15mm}.print-only{display:block}
}