:root{--b:#2563eb;--c:#06b6d4;--d:#081225;--t:#172033;--m:#64748b;--bg:#f6f9ff;--line:#e5eaf3}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--t);line-height:1.75}
a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900}.logo i{font-style:normal;color:var(--b)}
nav{display:flex;gap:25px;align-items:center;font-size:14px}nav a:hover{color:var(--b)}
.navbtn,.btn{background:var(--b);color:#fff;padding:11px 20px;border-radius:25px;font-weight:700}
.hero{background:radial-gradient(circle at 82% 25%,#bfdbfe80,transparent 28%),linear-gradient(135deg,#f5faff,#eef6ff);padding:90px 0}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}
.badge{display:inline-block;padding:7px 13px;border:1px solid #bfdbfe;background:#fff;border-radius:30px;color:#1d4ed8;font-size:13px;font-weight:700}
h1{font-size:clamp(40px,5vw,62px);line-height:1.15;letter-spacing:-2px;margin:20px 0}
.blue{color:var(--b)}.hero p{font-size:18px;color:#526176;max-width:700px}.actions{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.outline{background:#fff;color:var(--t);border:1px solid var(--line)}
.panel{background:#fff;border:1px solid #dbe7f8;border-radius:24px;padding:22px;box-shadow:0 25px 65px #2563eb22}.panel-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.live{color:#16a34a;font-size:12px}.question{background:#f8fafc;border-radius:12px;padding:14px;margin:18px 0;font-size:13px}.answer{border:1px solid #e3ecfb;border-radius:15px;padding:17px}.answer b{color:var(--b);font-size:12px}.answer p{font-size:13px;margin-top:8px}
section{padding:82px 0}.head{text-align:center;max-width:800px;margin:0 auto 45px}.head small{color:var(--b);font-weight:900;letter-spacing:1.5px}.head h2{font-size:38px;line-height:1.3;margin:8px 0 12px}.head p{color:var(--m)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{height:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;box-shadow:0 8px 28px #0f172a08}.card h3{font-size:19px;margin-bottom:9px}.card p{color:var(--m);font-size:14px}.icon{width:46px;height:46px;border-radius:13px;background:#eff6ff;color:var(--b);display:grid;place-items:center;font-weight:900;margin-bottom:16px}
.light{background:var(--bg)}.dark{background:var(--d);color:#fff}.dark .card{color:var(--t)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare .card li{list-style:none;border-bottom:1px dashed var(--line);padding:10px 0;font-size:14px;color:var(--m)}.compare .card li:before{content:"✓";color:#16a34a;font-weight:bold;margin-right:9px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:27px;background:#fff;border:1px solid var(--line);border-radius:18px}.step em{color:var(--b);font-style:normal;font-size:12px;font-weight:900}.step h3{margin:7px 0}
.cases{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:20px}.case{min-height:285px;padding:29px;border-radius:22px;color:#fff;background:linear-gradient(140deg,#0b1730,#173b70);position:relative}.case:nth-child(2){background:linear-gradient(140deg,#075985,#0891b2)}.case:nth-child(3){background:linear-gradient(140deg,#312e81,#2563eb)}.case p{color:#dbeafe;font-size:13px}.case strong{position:absolute;bottom:25px;font-size:25px}
.industry{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.industry .card{padding:22px}.industry span{color:var(--m);font-size:13px}
.articles{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.article{border:1px solid var(--line);border-radius:18px;overflow:hidden}.cover{height:130px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#cffafe);font-size:30px;font-weight:900;color:var(--b)}.article div:last-child{padding:21px}.article p{font-size:13px;color:var(--m);margin:7px 0}
.faq{max-width:900px;margin:auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 22px;margin:10px 0}.faq-item h3{font-size:16px;margin-bottom:8px}.faq-item p{color:var(--m);font-size:14px}
.cta{background:linear-gradient(135deg,#1d4ed8,#0891b2);color:#fff}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta p{color:#dbeafe}.cta .btn{background:#fff;color:#1d4ed8}
footer{background:#07111f;color:#94a3b8;padding:45px 0 25px}.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.foot h3{color:#fff;margin-bottom:9px}.foot a{display:block;font-size:13px;margin:5px 0}.copy{text-align:center;border-top:1px solid #1e293b;margin-top:28px;padding-top:18px;font-size:12px}
.mobile{display:none}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.grid3,.grid4,.articles{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.industry{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:repeat(2,1fr)}nav{display:none}}
@media(max-width:620px){section{padding:60px 0}.hero{padding:60px 0}.grid3,.grid4,.compare,.steps,.cases,.articles,.industry,.foot{grid-template-columns:1fr}.head h2{font-size:30px}.hero p{font-size:16px}.mobile{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;z-index:99}.mobile a{flex:1;text-align:center;padding:10px;font-size:13px}.mobile a:last-child{background:var(--b);color:#fff}footer{padding-bottom:65px}}