:root { --ink:#0d1b2a; --muted:#5f6f7d; --line:#dce7ee; --cyan:#00b8d9; --blue:#1268ff; --orange:#ff8a1f; --paper:#f5f9fb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif; color:var(--ink); background:#fff; }
a { color:inherit; text-decoration:none; }
.site-header { height:76px; display:flex; align-items:center; justify-content:space-between; padding:0 max(5vw,24px); border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; }
.brand img { width:38px; height:38px; border-radius:10px; }
nav { display:flex; gap:28px; font-size:14px; color:var(--muted); }
nav a:hover { color:var(--blue); }
main { overflow:hidden; }
.hero { min-height:650px; padding:96px max(7vw,28px); display:grid; grid-template-columns:1.08fr .92fr; gap:8vw; align-items:center; background:radial-gradient(circle at 80% 15%,#dff9ff 0,transparent 28%),linear-gradient(135deg,#fff 0%,#f4faff 100%); }
.eyebrow,.section-heading p,.label,.contact>div:first-child p { letter-spacing:.16em; color:var(--blue); font-size:12px; font-weight:800; }
h1 { font-size:clamp(42px,5.3vw,78px); line-height:1.08; margin:22px 0; letter-spacing:-.04em; }
h1 span { color:var(--blue); }
.lead { font-size:18px; line-height:1.9; color:var(--muted); max-width:660px; }
.trust-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.trust-row span { border:1px solid #c8dbe7; padding:9px 14px; border-radius:99px; font-size:13px; background:#fff; }
.hero-card { min-height:390px; padding:28px; border-radius:26px; background:#071f3e; color:#fff; box-shadow:0 30px 80px rgba(17,82,143,.22); position:relative; }
.card-head { display:flex; justify-content:space-between; color:#bad3e6; font-size:13px; }
.status { color:#5df3cf; }
.metric { display:flex; align-items:center; justify-content:space-between; margin-top:58px; font-size:28px; }
.trend { width:52px; height:52px; display:grid; place-items:center; color:#061c34; background:var(--orange); border-radius:50%; }
.bars { height:120px; margin:34px 0; display:flex; align-items:end; gap:10px; border-bottom:1px solid #31506c; }
.bars i { flex:1; background:linear-gradient(var(--cyan),var(--blue)); border-radius:6px 6px 0 0; opacity:.9; }
.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:42%}.bars i:nth-child(3){height:35%}.bars i:nth-child(4){height:68%}.bars i:nth-child(5){height:55%}.bars i:nth-child(6){height:80%}.bars i:nth-child(7){height:100%}
.insight { display:flex; justify-content:space-between; gap:20px; color:#9eb8cc; font-size:13px; }.insight strong { color:#fff; text-align:right; }
.section { padding:96px max(7vw,28px); }
.section-heading h2,.split h2,.contact h2 { font-size:36px; margin:8px 0 42px; }
.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-grid article { padding:30px; min-height:220px; border:1px solid var(--line); border-radius:18px; background:#fff; }
.feature-grid article span { color:var(--blue); font-weight:800; }.feature-grid h3 { margin:36px 0 14px; }.feature-grid p,.split p { color:var(--muted); line-height:1.8; }
.policy { background:var(--paper); }.policy-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:72px; }.policy-main h3 { font-size:30px; margin-top:0; }.policy-main p { color:var(--muted); line-height:2; font-size:17px; }.policy ul { margin:0; padding:0; list-style:none; }.policy li { padding:15px 0 15px 30px; border-bottom:1px solid var(--line); position:relative; }.policy li:before { content:"✓"; color:var(--cyan); position:absolute; left:0; font-weight:900; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:28px; }.split article { padding:36px; border-left:4px solid var(--blue); background:#f8fbfd; }.split h2 { margin-bottom:18px; }
.contact { margin:0 max(7vw,28px) 90px; padding:54px; display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; color:#fff; background:linear-gradient(120deg,#071f3e,#0b4a83); border-radius:26px; }.contact h2 { margin-bottom:0; }.contact>div:last-child { border-left:1px solid #427196; padding-left:50px; }.contact p { color:#c5d9e8; line-height:1.8; }.contact span { color:#79e9fb; font-size:14px; }
footer { display:flex; justify-content:space-between; padding:28px max(7vw,28px); border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:800px) { nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.feature-grid{grid-template-columns:1fr}.policy-layout,.split,.contact{grid-template-columns:1fr}.contact>div:last-child{border-left:0;border-top:1px solid #427196;padding:28px 0 0}.hero-card{min-height:340px}footer{gap:16px;flex-direction:column} }