:root{--blue:#2368ba;--ink:#162238;--muted:#667085;--line:#e4eaf1;--soft:#f5f8fc;--w:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.75 "Microsoft YaHei",Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(var(--w),calc(100% - 48px));margin:auto}.top{height:34px;background:#122033;color:#b9c5d5;font-size:12px}.top .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.header{height:76px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{font:bold 23px Arial;color:var(--blue);margin-right:auto}.logo small{display:block;font:11px "Microsoft YaHei";letter-spacing:4px;color:#67788d}.nav>a{height:100%;display:flex;align-items:center}.nav>a:hover,.nav>a.active{color:var(--blue)}.nav .cta{height:auto;padding:9px 18px;background:var(--blue);color:#fff}.crumb{background:#f7f9fc;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);padding:12px 0}.hero{padding:72px 0;background:linear-gradient(110deg,#102c4e,#2368ba);color:#fff}.hero .kicker{color:#8dd8e4;font-weight:bold}.hero h1{font-size:40px;margin:8px 0 12px}.hero p{font-size:17px;color:#dce8f5;max-width:720px;margin:0}.section{padding:70px 0}.head{text-align:center;margin-bottom:36px}.head h2{font-size:30px;margin:0 0 8px}.head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);padding:26px;background:#fff;min-height:190px;transition:.2s}.card:hover{border-color:#9abde5;box-shadow:0 10px 30px rgba(24,61,104,.09);transform:translateY(-3px)}.card .tag{color:var(--blue);font-size:12px}.card h3{font-size:20px;margin:8px 0}.card p{color:var(--muted);font-size:13px}.more{color:var(--blue);font-weight:bold}.soft{background:var(--soft)}.detail{display:grid;grid-template-columns:1fr 340px;gap:55px}.detail h2{font-size:28px}.detail h3{margin-top:32px}.detail p,.detail li{color:#566477}.side{border-left:1px solid var(--line);padding-left:30px}.side-box{background:var(--soft);padding:24px;position:sticky;top:100px}.side-box strong{font-size:24px;color:var(--blue);display:block}.pill-list{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#edf5ff;color:var(--blue);padding:6px 12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--blue);color:#fff;padding:38px}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.25)}.stat:last-child{border:0}.stat strong{font-size:34px;display:block}footer{padding:45px 0 22px;background:#101c2c;color:#93a3b8}.foot{display:flex;justify-content:space-between;gap:30px}.foot strong{color:#fff}.copy{border-top:1px solid #28384a;margin-top:25px;padding-top:18px;font-size:12px}@media(max-width:800px){.top{display:none}.header{height:auto}.nav{min-height:64px;gap:15px;flex-wrap:wrap;padding:10px 0}.nav>a:not(.logo):not(.cta){display:none}.hero{padding:52px 0}.hero h1{font-size:31px}.grid{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.side{border:0;padding:0}.stats{grid-template-columns:1fr 1fr;gap:25px}.stat:nth-child(2){border:0}.foot{display:block}.wrap{width:calc(100% - 30px)}}