@page{size:A4;margin:14mm 13mm 16mm}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#eef2f7;color:#172033;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
body{font-size:11px;line-height:1.75}
.manual{width:210mm;margin:0 auto;background:#fff;box-shadow:0 8px 30px rgba(20,36,60,.12)}
.cover{min-height:267mm;padding:30mm 22mm;background:radial-gradient(600px 380px at 90% 0%,rgba(78,216,239,.22),transparent 60%),radial-gradient(520px 420px at 0% 100%,rgba(240,194,112,.20),transparent 60%),linear-gradient(155deg,#0b1320,#14263a);color:#fff;position:relative;overflow:hidden}
.cover::after{content:"";position:absolute;right:-60mm;bottom:-70mm;width:160mm;height:160mm;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 18mm rgba(255,255,255,.025),0 0 0 36mm rgba(255,255,255,.018)}
.cover .brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:2px;color:#f0c270;font-weight:700}
.cover .logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#f0c270,#e0a55c);display:flex;align-items:center;justify-content:center;color:#171008;font-size:20px;font-weight:800}
.cover h1{font-size:38px;line-height:1.32;margin:48mm 0 10px;letter-spacing:1px;position:relative;z-index:1}
.cover h2{font-size:17px;color:#b8e8f4;font-weight:400;margin:0 0 24px;position:relative;z-index:1}
.cover p{max-width:145mm;color:rgba(255,255,255,.72);font-size:12px;position:relative;z-index:1}
.cover .meta{margin-top:34mm;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.cover .meta div{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:12px;padding:13px}
.cover .meta span{display:block;color:rgba(255,255,255,.48);font-size:9px}.cover .meta strong{display:block;margin-top:4px;font-size:12px}
.toc,.section{padding:14mm 15mm;page-break-before:always}
.toc h1,.section h1{font-size:22px;color:#12243a;margin:0 0 8px;border-left:4px solid #d8a95c;padding-left:10px}
.toc p,.lead{color:#637083;margin:0 0 18px}
.toc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.toc-grid div{padding:9px 11px;border:1px solid #dfe6ef;border-radius:8px;background:#f8fafc;font-size:10px}
.toc-grid b{color:#b57d22;margin-right:6px}
h2{font-size:15px;margin:22px 0 8px;color:#16324d}
h3{font-size:12.5px;margin:16px 0 7px;color:#22516f}
p{margin:6px 0 10px;color:#39485d}
ul,ol{margin:6px 0 12px;padding-left:20px;color:#39485d}
li{margin:3px 0}
.callout-list{counter-reset:item;list-style:none;padding:0;margin:10px 0 15px}
.callout-list li{counter-increment:item;position:relative;padding:6px 8px 6px 34px;margin:5px 0;background:#f5f8fb;border:1px solid #e0e8f0;border-radius:8px}
.callout-list li::before{content:counter(item);position:absolute;left:8px;top:6px;width:18px;height:18px;border-radius:50%;background:#e24d58;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.screenshot{border:1px solid #cdd9e5;border-radius:10px;overflow:hidden;background:#0b1320;margin:9px 0 13px;box-shadow:0 4px 12px rgba(20,40,70,.10)}
.screenshot img{display:block;width:100%;height:auto}
.note{padding:9px 11px;border-left:3px solid #3da8c7;background:#eef9fc;border-radius:0 8px 8px 0;color:#27495b;margin:9px 0}
.warn{border-left-color:#e6a32e;background:#fff8e8;color:#6b4a10}
table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:10px}
th,td{border:1px solid #d9e2ec;padding:6px 7px;text-align:left;vertical-align:top}
th{background:#edf4f8;color:#22415a}
.faq{border:1px solid #dde6ef;border-radius:9px;padding:10px 12px;margin:8px 0;background:#fbfcfe;break-inside:avoid}
.faq strong{display:block;color:#17324b;margin-bottom:4px}.faq p{margin:0;color:#526174}
.footer{margin-top:18px;padding-top:8px;border-top:1px solid #dfe6ef;color:#8994a4;font-size:9px;display:flex;justify-content:space-between}
@media print{html,body{background:#fff}.manual{width:auto;box-shadow:none}.cover{min-height:267mm}.section{break-inside:auto}.screenshot,.faq,table{break-inside:avoid}.toc{break-after:page}.section{page-break-before:always}}