*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#17324f;background:#f7fafd}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}header{height:76px;background:#fff;border-bottom:1px solid #e3ebf3}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:9px;color:#102b48;text-decoration:none;min-width:225px}.brand img{width:42px;height:42px}.brand b{font-size:16px}.brand small{display:block;font-size:7px;letter-spacing:1.4px;color:#8291a2;margin-top:3px}.nav nav{display:flex;gap:22px;flex:1}.nav nav a{font-size:12px;color:#52677d;text-decoration:none}.nav nav a.active,.nav nav a:hover{color:#1264dc}.contact{background:#1264dc;color:#fff;text-decoration:none;padding:10px 14px;border-radius:7px;font-size:11px}.hero,.article-hero{padding:62px 0 55px;background:linear-gradient(120deg,#eef6fd,#fff)}.hero small{color:#1264dc;font-weight:800;letter-spacing:2px}.hero h1{font-size:38px;margin:12px 0}.hero p{color:#718297}.hero input{margin-top:20px;width:min(620px,100%);border:1px solid #d8e5ef;border-radius:8px;padding:15px;outline:none}.cats{display:flex;gap:9px;flex-wrap:wrap;padding:32px 0 23px}.cats button{border:1px solid #d7e3ee;background:#fff;border-radius:7px;padding:10px 17px;color:#60758a;cursor:pointer}.cats button.on{background:#1264dc;color:#fff;border-color:#1264dc}#grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:70px}.card{background:#fff;border:1px solid #dfe8f1;border-radius:11px;padding:22px;text-decoration:none;color:inherit;min-height:200px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(30,70,110,.08)}.card span{font-size:10px;color:#1264dc;background:#edf5ff;padding:5px 8px;border-radius:4px}.card h2{font-size:17px;line-height:1.5;margin:17px 0 8px}.card p{font-size:12px;line-height:1.8;color:#74869a}.card b{font-size:11px;color:#1264dc}.article-hero h1{font-size:34px;margin:20px 0 10px}.article-hero #meta{color:#1264dc;font-size:11px;margin-top:24px}.article-hero p{color:#708196}.article{padding:45px 0 80px;background:#fff}.article article{max-width:800px;font-size:14px;line-height:2;color:#40566d}.article h3{color:#17324f}.article pre{background:#10263b;color:#eaf4ff;padding:15px 18px;border-radius:8px;overflow:auto;font-family:Consolas,monospace;font-size:12px;line-height:1.7}.article-hero a{color:#1264dc;text-decoration:none;font-size:12px}footer{text-align:center;padding:28px;color:#8a99a8;font-size:10px;border-top:1px solid #e3ebf3;background:#fff}@media(max-width:900px){.nav nav{display:none}#grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#grid{grid-template-columns:1fr}.hero h1{font-size:30px}.article-hero h1{font-size:27px}}