:root{--ink:#0F172A;--ink2:#1E293B;--blue:#3B82F6;--blue2:#60A5FA;--green:#10B981;--orange:#F59E0B;--purple:#8B5CF6;--red:#EF4444;--gray:#64748B;--gray2:#94A3B8;--light:#F1F5F9;--paper:#FFFFFF;--line:#E2E8F0;--font:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;--mono:"SF Mono","Consolas",monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.7}a{color:var(--blue);text-decoration:none}.wrap{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:var(--ink);color:#fff;padding:32px 24px;overflow-y:auto}aside .home{font-size:13px;color:var(--gray2);display:inline-block;margin-bottom:18px}aside .home:hover{color:#fff}aside h1{font-size:19px;font-weight:800;line-height:1.3;margin-bottom:6px}aside .tagline{font-size:12px;color:var(--gray2);margin-bottom:22px}aside nav a{display:block;color:var(--gray2);font-size:13.5px;padding:8px 12px;border-radius:8px;margin-bottom:2px;border-left:2px solid transparent;transition:all .2s}aside nav a:hover{color:#fff;background:#ffffff0d}aside nav a.active{color:#fff;background:#3b82f62e;border-left-color:var(--blue)}main{padding:72px 8vw 120px;max-width:980px}.hero-tag{display:inline-block;font-size:12px;letter-spacing:.2em;color:var(--blue);font-weight:700;text-transform:uppercase;margin-bottom:14px}main h1.title{font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}main .intro{font-size:18px;color:var(--gray);margin-bottom:8px}section{padding-top:64px;margin-top:-24px}section h2{font-size:28px;font-weight:800;letter-spacing:-.01em;margin-bottom:8px;display:flex;align-items:center;gap:12px}section h2 .bar{width:6px;height:28px;border-radius:4px;background:var(--blue)}section .sec-lead{font-size:16px;color:var(--gray);margin:14px 0 24px}h3{font-size:19px;font-weight:800;margin:26px 0 10px}p{margin-bottom:14px;font-size:15.5px}strong{color:var(--ink);font-weight:700}.hl{color:var(--blue);font-weight:700}ul{margin:10px 0 18px 4px;list-style:none}ul li{position:relative;padding-left:22px;margin-bottom:9px;font-size:15.5px;color:#334155}ul li:before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--blue)}ol{margin:10px 0 0 20px;font-size:15.5px;line-height:2}.note{background:#eff6ff;border-left:4px solid var(--blue);border-radius:10px;padding:16px 20px;margin:18px 0;font-size:15px}.note.warn{background:#fef2f2;border-left-color:var(--red)}.note.ok{background:#ecfdf5;border-left-color:var(--green)}.note b{color:var(--ink)}code{font-family:var(--mono);background:var(--light);padding:2px 7px;border-radius:5px;font-size:13.5px;color:var(--ink2)}pre{background:var(--ink);color:#7dd3fc;font-family:var(--mono);font-size:13.5px;line-height:1.6;padding:18px 22px;border-radius:12px;margin:14px 0;overflow-x:auto;white-space:pre-wrap}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}th{background:var(--ink);color:#fff;text-align:left;padding:11px 14px;font-weight:700}td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:nth-child(2n) td{background:var(--light)}.bad{color:var(--red)}.good{color:var(--green)}.pcard{border:1px solid var(--line);border-radius:14px;padding:24px 26px;margin:18px 0;position:relative;overflow:hidden}.pcard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.pcard.c1:before{background:var(--purple)}.pcard.c2:before{background:var(--blue)}.pcard.c3:before{background:var(--green)}.pcard.c4:before{background:var(--orange)}.pcard.c5:before{background:var(--red)}.pcard .ph{display:flex;align-items:center;gap:14px;margin-bottom:14px}.pcard .badge{font-size:13px;font-weight:800;color:#fff;padding:4px 12px;border-radius:6px}.c1 .badge{background:var(--purple)}.c2 .badge{background:var(--blue)}.c3 .badge{background:var(--green)}.c4 .badge{background:var(--orange)}.c5 .badge{background:var(--red)}.pcard h3{margin:0;font-size:21px}.pcard .goal{color:var(--gray);font-size:15px;margin-bottom:8px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.mini{background:var(--light);border-radius:10px;padding:14px 16px}.mini .t{font-size:13px;font-weight:800;margin-bottom:6px}.mini.dod .t{color:var(--green)}.mini.pit .t{color:var(--red)}.mini p{font-size:13.5px;color:#475569;margin:0}.levels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.lv{border-radius:12px;padding:18px;color:#fff}.lv .n{font-size:13px;opacity:.9;font-weight:700}.lv .s{font-size:17px;font-weight:800;margin:6px 0 8px}.lv .d{font-size:13px;opacity:.95;line-height:1.4}.layers{margin:22px 0}.layer{display:flex;align-items:center;gap:18px;border-radius:12px;padding:18px 22px;margin-bottom:10px;background:var(--light);position:relative;overflow:hidden}.layer:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px}.layer.l3:before{background:var(--purple)}.layer.l2:before{background:var(--green)}.layer.l1:before{background:var(--blue)}.layer .tg{font-size:13px;font-weight:800;color:#fff;padding:6px 12px;border-radius:7px;flex-shrink:0;width:90px;text-align:center}.l3 .tg{background:var(--purple)}.l2 .tg{background:var(--green)}.l1 .tg{background:var(--blue)}.layer .info h4{font-size:17px;font-weight:800}.layer .info p{font-size:13.5px;color:var(--gray);margin:2px 0 0}.flow{display:flex;gap:6px;align-items:stretch;margin:26px 0;flex-wrap:wrap}.flow .step{flex:1;min-width:130px;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-align:center}.flow .step .h{padding:8px;color:#fff;font-weight:800;font-size:15px}.flow .step .b{padding:12px 8px;font-family:var(--mono);font-size:12px;color:var(--ink2);line-height:1.5}.flow .arrow{display:flex;align-items:center;color:var(--gray2);font-size:20px;font-weight:800}.vstep{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.vstep .n{width:36px;height:36px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vstep .c h4{font-size:16px;font-weight:800}.vstep .c p{font-size:14px;color:var(--gray);margin:3px 0 6px}@media(max-width:880px){.wrap{grid-template-columns:1fr}aside{position:static;height:auto}.twocol,.levels{grid-template-columns:1fr}main{padding:40px 24px 80px}}.toplink{position:fixed;bottom:24px;right:24px;background:var(--blue);color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 8px 24px #3b82f666;opacity:0;transition:opacity .3s}.toplink.show{opacity:1}.langbox{margin-bottom:20px}.langbox summary{list-style:none;cursor:pointer;font-size:13px;color:var(--gray2);background:#ffffff0f;padding:8px 12px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.langbox summary::-webkit-details-marker{display:none}.langbox summary:hover{color:#fff}.langbox[open] summary{color:#fff;background:#3b82f62e}.langbox .menu{margin-top:6px;display:grid;gap:2px}.langbox .menu a{display:block;color:var(--gray2);font-size:13px;padding:6px 12px;border-radius:6px}.langbox .menu a:hover{color:#fff;background:#ffffff0d}.langbox .menu a.cur{color:#fff;background:#3b82f62e}