:root { --accent:#0ea5e9; --dark:#081121; --bg:#eef5ff; --surface:#fff; --text:#0f172a; --muted:#64748b; --line:rgba(148,163,184,.18); }
* { box-sizing:border-box; } body { margin:0; background:radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 26%), var(--bg); color:var(--text); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
a { color:inherit; text-decoration:none; } .wrap { width:min(1160px, calc(100% - 32px)); margin:0 auto; }
.topbar { position:sticky; top:0; z-index:20; background:rgba(8,17,33,.88); backdrop-filter:blur(14px); border-bottom:1px solid rgba(255,255,255,.08); }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; min-height:72px; gap:24px; }
.brand strong { display:block; color:#fff; font-size:18px; } .brand span { color:#9fb3d9; font-size:12px; } nav { display:flex; gap:18px; color:#d9e4ff; font-size:14px; }
.hero { padding:76px 0 54px; background:linear-gradient(135deg,#081121 0%, #112448 60%, #0ea5e9 130%); color:#fff; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:26px; align-items:center; }
.pill { display:inline-flex; padding:7px 14px; border-radius:999px; background:rgba(255,255,255,.12); font-size:13px; letter-spacing:.08em; }
h1 { margin:18px 0 16px; font-size:clamp(34px,5vw,62px); line-height:1.05; } .hero-copy p { margin:0; color:rgba(255,255,255,.86); line-height:1.78; font-size:17px; }
.hero-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:24px; } .btn { display:inline-flex; align-items:center; justify-content:center; min-width:138px; min-height:46px; border-radius:14px; font-weight:700; }
.solid { background:#fff; color:#081121; } .line { border:1px solid rgba(255,255,255,.26); color:#fff; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:26px; }
.metrics article,.dash-card { padding:18px; border-radius:18px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 36px rgba(0,0,0,.14); }
.metrics b,.dash-card strong { display:block; color:#fff; font-size:18px; margin-bottom:6px; } .metrics span,.dash-card small,.dash-card p { color:#dbe7ff; }
.dashboard { display:grid; gap:16px; } .dash-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .large { min-height:210px; display:flex; flex-direction:column; justify-content:flex-end; }
.section { padding:72px 0; } .dark { background:#0b1426; color:#f4f7ff; } .section-head { margin-bottom:24px; } .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; } .light span { color:#8db7ff; }
.matrix { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; } .matrix article,.news-item,.contact-panel { background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:24px; box-shadow:0 16px 34px rgba(15,23,42,.05); }
.matrix h3,.news-item h3 { margin:0 0 10px; font-size:21px; } .matrix p,.news-item p,.contact-meta p { margin:0; color:var(--muted); line-height:1.72; }
.timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .timeline article { padding:22px; border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); } .timeline b { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:12px; background:#fff; color:#081121; margin-bottom:16px; }
.timeline h3 { margin:0 0 8px; } .timeline p { margin:0; color:#c8d5f0; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .news-grid { display:grid; gap:16px; } .news-item span { color:var(--accent); font-size:13px; } .arrow { display:inline-flex; margin-top:14px; color:var(--accent); font-weight:700; }
.contact-panel { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; }
@media (max-width: 900px) { .hero-grid,.split,.contact-panel,.metrics,.dash-row,.matrix,.timeline { grid-template-columns:1fr; } nav { display:none; } }