
:root{
  --bg:#F1F3F5; --card:#E9ECEF; --card-strong:#E6EEF6; --border:#D0D6DC;
  --text:#121417; --muted:#5C6670; --brand:#2E7CBF; --brand-dark:#1E5F99;
  --header:#1B263B; --header-text:#F8FAFC;
  --radius:16px; --shadow:0 10px 30px rgba(10,20,30,.12); --ring:rgba(46,124,191,.25);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg)}
img{max-width:100%;display:block} a{color:var(--brand);text-decoration:none}
.container{width:min(1200px,92vw);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:var(--header);color:var(--header-text);border-bottom:1px solid #0f172a}
.nav{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center}
.logo-chip{display:flex;align-items:center;gap:10px;background:#fff;padding:6px 10px;border-radius:999px;box-shadow:var(--shadow)}
.logo-badge{width:36px;height:36px;object-fit:contain}.logo-text{height:22px;width:auto}
.primary-nav ul{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.primary-nav a{color:var(--header-text);opacity:.9;padding:8px 10px;border-radius:10px}
.primary-nav a:hover{background:rgba(255,255,255,.08);opacity:1}
.menu-btn{display:none;background:transparent;border:0;font-size:28px;color:#fff}
.cta{background:var(--brand);color:#fff;padding:10px 14px;border-radius:999px;box-shadow:var(--shadow);font-weight:800}
.cta:hover{background:var(--brand-dark)}
@media(max-width:920px){.primary-nav ul{display:none}.menu-btn{display:block}}
section{padding:54px 0} h1{font-size:clamp(28px,2.8vw + 8px,44px);line-height:1.05;margin:0 0 14px} h2{font-size:clamp(22px,2vw + 6px,34px);margin:0 0 16px} .lead{color:var(--muted);font-size:18px;margin:0 0 18px}
.hero{padding:66px 0 38px;background:linear-gradient(180deg,var(--header) 0%, #22314f 50%, var(--bg) 100%);color:#E8F0FA}
.hero .card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#E8F0FA}
.hero a.btn{background:#fff;color:#0f172a}
.grid-3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)} .grid-2{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)} @media(max-width:920px){.grid-3,.grid-2{grid-template-columns:1fr}}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--card);box-shadow:var(--shadow)} .card.alt{background:var(--card-strong)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0} .badge{padding:6px 10px;border-radius:999px;background:#fff;color:#0f172a;font-weight:700;font-size:14px;box-shadow:var(--shadow)}
.tabs{margin-top:10px} .tab-list{display:flex;gap:10px;flex-wrap:wrap} .tab{background:var(--card-strong);border:1px solid var(--border);border-radius:999px;padding:9px 14px;cursor:pointer;font-weight:800}
.tab[aria-selected="true"], .tab:hover{background:var(--brand);border-color:transparent;color:#fff} .tab-panel{display:none;margin-top:16px} .tab-panel.is-active{display:block}
form{display:grid;gap:12px;grid-template-columns:1fr 1fr} form .full{grid-column:1/-1} input,textarea,select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:#fff;font:inherit} textarea{min-height:120px}
input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 4px var(--ring);border-color:var(--brand)} .btn{background:var(--brand);color:#fff;border:0;padding:12px 18px;border-radius:14px;font-weight:800;cursor:pointer} .btn:hover{background:var(--brand-dark)}
.site-footer{background:#0b1220;color:#e2e8f0;padding:30px 0;margin-top:24px} .site-footer a{color:#d6ebff} .footer-grid{display:grid;gap:18px;grid-template-columns:2fr 1fr 1fr} @media(max-width:920px){.footer-grid{grid-template-columns:1fr}}
.copyright{border-top:1px solid #111827;margin-top:12px;padding-top:12px;font-size:14px} .hotline{position:fixed;right:18px;bottom:18px;background:var(--brand);color:#fff;border-radius:999px;padding:12px 16px;box-shadow:var(--shadow);z-index:60}
html,body{overflow-x:hidden}.skip{position:absolute;left:-9999px}
