:root { --accent:#7e22ce; --ink:#172033; --muted:#667085; --surface:#fff; --soft:#f4f7fb; --line:rgba(23,32,51,.08); }
* { box-sizing:border-box; } body { margin:0; background:#fff; color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
a { color:inherit; text-decoration:none; } .wrap { width:min(1140px, calc(100% - 32px)); margin:0 auto; }
.hero { padding:72px 0 46px; background:linear-gradient(180deg,#f7fbff 0%, #fff 100%); } .hero-layout { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; align-items:start; }
.badge { display:inline-flex; padding:7px 14px; border-radius:999px; background:rgba(37,99,235,.08); color:var(--accent); font-size:13px; letter-spacing:.08em; }
h1 { margin:16px 0 14px; font-size:clamp(36px,5vw,64px); line-height:1.04; max-width:10em; } .left p { margin:0; max-width:680px; color:var(--muted); line-height:1.8; font-size:18px; }
.summary,.cards article,.score-grid article,.wide-item,.contact-line { background:var(--surface); border:1px solid var(--line); box-shadow:0 16px 34px rgba(15,23,42,.04); }
.summary { padding:26px; border-radius:28px; position:sticky; top:24px; } .summary small { color:var(--accent); } .summary strong { display:block; margin:10px 0 12px; font-size:28px; } .summary p,.summary li,.cards p,.score-grid p,.wide-item p,.meta p,.contact-line p { color:var(--muted); line-height:1.76; } .summary ul { padding-left:18px; margin:14px 0 0; }
.section { padding:66px 0; } .soft { background:var(--soft); } .section-head { margin-bottom:22px; } .section-head span,.contact-line span { color:var(--accent); font-size:13px; letter-spacing:.16em; text-transform:uppercase; } .section-head h2,.contact-line h2 { margin:10px 0 0; font-size:clamp(28px,4vw,42px); line-height:1.16; }
.duo { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .cards { display:grid; gap:16px; } .cards article { padding:22px; border-radius:22px; } .cards h3,.wide-item h3 { margin:0 0 10px; font-size:22px; }
.score-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .score-grid article { padding:24px; border-radius:24px; } .score-grid small { color:var(--accent); } .score-grid h3 { margin:10px 0 10px; }
.wide-list { display:grid; gap:16px; } .wide-item { padding:24px; border-radius:24px; display:grid; grid-template-columns:140px 1fr auto; gap:18px; align-items:start; } .wide-item span { color:var(--accent); font-size:13px; } .arrow { display:inline-flex; color:var(--accent); font-weight:700; padding-top:34px; }
.contact-line { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; padding:28px; border-radius:30px; }
@media (max-width: 900px) { .hero-layout,.duo,.score-grid,.wide-item,.contact-line { grid-template-columns:1fr; } .summary { position:static; } .arrow { padding-top:0; } }