*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#172b3d;font:16px/1.8 system-ui,"Microsoft YaHei",sans-serif}header{background:#fff;border-bottom:1px solid #dce5ee;padding:22px max(5vw,20px);display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:750}.brand span{font-size:16px;color:#536a7b}a{color:#17665d;text-decoration:none}a:hover{text-decoration:underline}main{max-width:1120px;margin:50px auto;padding:0 24px}h1{font-size:38px;line-height:1.3}h2{margin-top:36px}p{overflow-wrap:anywhere}article,.panel{padding:32px;background:white;border:1px solid #dce5ee;border-radius:14px}.lead{font-size:20px;color:#536a7b;max-width:780px}.tag{color:#17665d;font-weight:650}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:28px 0}.card{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:25px}.button,button{display:inline-block;background:#17665d;color:white;padding:10px 20px;border:0;border-radius:7px;cursor:pointer;font:inherit}button:disabled{opacity:.5}input,textarea,select{font:inherit;padding:10px;border:1px solid #b7c8d5;border-radius:6px;width:100%;margin:6px 0 16px}label{display:block}pre{background:#102c32;color:#e3f4f0;padding:22px;border-radius:8px;overflow:auto;line-height:1.6}code{font-family:Consolas,monospace;overflow-wrap:anywhere}.table{overflow:auto}table{border-collapse:collapse;width:100%}td{border:1px solid #dce5ee;padding:12px}tr:first-child{background:#eef5f3}footer{text-align:center;color:#647985;padding:30px}.muted{color:#647985}.step{border-left:3px solid #17665d;padding:10px 20px;margin:15px 0}@media(max-width:640px){h1{font-size:29px}main{margin:28px auto}article,.panel{padding:20px}}