:root { --accent:#4338ca; --soft:#eefaf8; --ink:#18322d; --muted:#5f746e; --surface:#ffffff; --line:rgba(15,118,110,.12); }
* { box-sizing:border-box; } body { margin:0; background:#f8fffd; color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
a { color:inherit; text-decoration:none; } .wrap { width:min(1120px, calc(100% - 32px)); margin:0 auto; }
.header { position:sticky; top:0; z-index:16; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); } .header .wrap { display:flex; justify-content:space-between; align-items:center; min-height:72px; gap:24px; }
.logo strong { display:block; font-size:18px; } .logo span { color:var(--muted); font-size:12px; } nav { display:flex; gap:18px; color:var(--muted); font-size:14px; }
.hero { padding:68px 0 48px; background:linear-gradient(180deg,var(--soft),#ffffff); } .hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:22px; align-items:start; }
.tag { display:inline-flex; padding:7px 14px; border-radius:999px; background:rgba(15,118,110,.1); color:var(--accent); font-size:13px; letter-spacing:.08em; }
h1 { margin:16px 0 14px; font-size:clamp(34px,5vw,58px); line-height:1.08; max-width:11em; } .hero-copy p { margin:0; color:var(--muted); line-height:1.8; font-size:17px; }
.hero-list { margin:22px 0 0; padding-left:20px; color:var(--ink); display:grid; gap:10px; }
.quick-card,.service-grid article,.audience-grid article,.steps article,.news-item,.contact-box { background:var(--surface); border:1px solid var(--line); box-shadow:0 14px 32px rgba(15,23,42,.05); }
.quick-card { padding:24px; border-radius:28px; } .quick-card h3,.service-grid h3,.steps h3,.news-item h3 { margin:0 0 10px; } .quick-card p,.service-grid p,.audience-grid p,.steps p,.news-item p,.contact-list p { margin:0; color:var(--muted); line-height:1.74; } .quick-card a { display:inline-flex; margin-top:16px; padding:12px 16px; border-radius:14px; background:var(--accent); color:#fff; font-weight:700; }
.section { padding:68px 0; } .soft { background:var(--soft); } .section-head { margin-bottom:22px; } .section-head span { color:var(--accent); font-size:13px; letter-spacing:.16em; text-transform:uppercase; } .section-head h2 { margin:10px 0 0; font-size:clamp(28px,4vw,42px); line-height:1.16; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .service-grid article { padding:22px; border-radius:22px; }
.audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; } .audience-grid article { padding:28px; border-radius:28px; } .audience-grid span { color:var(--accent); font-size:13px; }
.process .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .steps article { padding:22px; border-radius:24px; } .steps b { display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:12px; background:var(--soft); color:var(--accent); margin-bottom:14px; font-size:18px; }
.news-columns { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .list-news { display:grid; gap:16px; } .news-item { padding:22px; border-radius:22px; } .news-item span { color:var(--accent); font-size:13px; } .arrow { display:inline-flex; margin-top:14px; color:var(--accent); font-weight:700; }
.contact-box { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; padding:28px; border-radius:30px; }
@media (max-width: 900px) { .hero-grid,.service-grid,.audience-grid,.process .steps,.news-columns,.contact-box { grid-template-columns:1fr; } nav { display:none; } }