
*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#1f2937;font-family:Arial,"Microsoft YaHei","微软雅黑",sans-serif;line-height:1.82}.top{position:sticky;top:0;z-index:9;background:#111827;color:#fff;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 18px rgba(0,0,0,.18)}.brand a{color:#fff;text-decoration:none;font-weight:700}.top nav a{color:#e5e7eb;text-decoration:none;margin-left:18px;font-size:14px}.wrap{max-width:1280px;margin:22px auto;display:flex;gap:20px;padding:0 18px}.sidebar{width:290px;flex:0 0 290px;background:#fff;border:1px solid #d8e2ec;border-radius:18px;padding:18px;align-self:flex-start;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto}.content{flex:1;background:#fff;border:1px solid #d8e2ec;border-radius:18px;padding:28px 34px;box-shadow:0 12px 38px rgba(17,24,39,.08)}.label{display:inline-block;background:#111827;color:#fff;padding:5px 12px;border-radius:999px;font-size:12px;letter-spacing:1px}.page-title{font-size:30px;line-height:1.28;margin:16px 0 8px;color:#111827}.subtitle{color:#6b7280;margin-top:0}.rainbow{display:flex;height:6px;margin:18px 0 22px;border-radius:8px;overflow:hidden}.rainbow span{display:block;flex:1}h1,h2,h3{color:#111827;scroll-margin-top:90px}article h1{font-size:26px;border-bottom:2px solid #e5e7eb;padding-bottom:10px}article h2{font-size:21px;margin-top:28px;border-left:6px solid #1E88E5;padding-left:12px}article h3{font-size:18px;margin-top:22px;color:#374151}p{font-size:16px;margin:12px 0}strong{color:#111827}blockquote{background:#fff8e1;border-left:5px solid #fb8c00;border-radius:10px;padding:14px 16px;margin:18px 0;color:#5f3b00}ul{padding-left:22px}.nav-list{list-style:none;padding:0;margin:8px 0}.nav-list li{margin:6px 0}.nav-list a{display:block;text-decoration:none;color:#374151;padding:8px 10px;border-radius:10px}.nav-list a:hover,.nav-list a.on{background:#eef2ff;color:#1e40af}.mini{font-size:13px;color:#6b7280}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.card{display:block;background:#f8fafc;border:1px solid #d8e2ec;border-left:5px solid #1e88e5;border-radius:14px;padding:16px;text-decoration:none;color:#1f2937}.card b{display:block;color:#111827;margin-bottom:6px}.card:hover{box-shadow:0 8px 24px rgba(17,24,39,.09);transform:translateY(-1px)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}table{border-collapse:collapse;min-width:760px;width:100%;font-size:14px}th{background:#111827;color:#fff;text-align:left}td,th{border:1px solid #d8e2ec;padding:10px 12px;vertical-align:top}tbody tr:nth-child(even) td{background:#f8fafc}figure{margin:22px 0;text-align:center;background:#f8fafc;border:1px solid #d8e2ec;border-radius:16px;padding:12px}figure img{max-width:100%;height:auto;border-radius:10px}figcaption{color:#6b7280;font-size:13px;margin-top:8px}footer{text-align:center;color:#6b7280;font-size:13px;margin:28px auto;padding:20px}.section-toc{background:#f8fafc;border:1px solid #d8e2ec;border-radius:14px;padding:14px;margin:18px 0}.section-toc a{color:#1e88e5;text-decoration:none;margin-right:14px;display:inline-block}.badge{display:inline-block;background:#fef3c7;color:#92400e;border-radius:999px;padding:3px 10px;font-size:12px;margin-right:6px}@media(max-width:900px){.wrap{display:block}.sidebar{position:static;width:auto;max-height:none;margin-bottom:16px}.content{padding:22px 18px}.top{display:block}.top nav{margin-top:10px}.top nav a{margin:0 14px 0 0}.page-title{font-size:25px}}
