:root{--brand:#0B1F3A;--brand-2:#0EA5FF;--accent:#FDBE34;--text:#1f2937;--muted:#6b7280;--bg:#ffffff;--bg-alt:#f8fafc;--card:#ffffff;--border:#e5e7eb;--radius:14px;--shadow:0 10px 30px rgba(11,31,58,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}section{scroll-margin-top:88px}
.container{width:min(1200px,92%);margin:0 auto}

.site-header{position:sticky;top:0;background:rgba(255,255,255,.7);backdrop-filter:saturate(1.3) blur(8px);border-bottom:1px solid rgba(229,231,235,.6);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--brand)}
.nav{display:flex;gap:18px}
.nav a{padding:8px 10px;border-radius:10px}
.nav a:hover{background:rgba(14,165,255,.08)}
.cta .btn{margin-left:8px}

.hero{padding:84px 0;background:radial-gradient(1200px 500px at 10% -10%,rgba(14,165,255,.12),transparent),linear-gradient(180deg,rgba(11,31,58,.02),transparent)}
.hero-inner{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}
.hero-text h1{font-size:clamp(28px,5vw,48px);line-height:1.2;margin:0 0 12px}
.section-lead{color:var(--muted);margin-top:-6px}
.actions{display:flex;gap:12px;margin-top:18px}
.trust-points{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0;padding:0;list-style:none;color:#334155}
.trust-points li{border:1px solid var(--border);padding:6px 10px;border-radius:999px;background:#fff}
.hero-media .hero-image{height:360px;width:100%;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.section{padding:74px 0}
.section-alt{background:var(--bg-alt)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.card h3{margin:0 0 6px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}
.steps li{display:flex;gap:12px;align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;list-style:none;box-shadow:var(--shadow)}
.step-index{display:inline-grid;place-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand-2);color:#fff;font-weight:700}

.grid.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.cert-placeholder{height:140px;border-radius:12px;border:1px dashed var(--border);background:#fff}

.contact{background:linear-gradient(180deg,rgba(14,165,255,.06),transparent)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}
.contact-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:grid;gap:12px;box-shadow:var(--shadow)}
.contact-form label{display:grid;gap:6px}
.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:10px;padding:10px}
.contact-form button{justify-self:start}

.site-footer{border-top:1px solid var(--border);padding:18px 0;color:#475569;background:#fff}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.back-to-top{font-size:14px;color:var(--brand-2)}

.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid transparent;transition:.2s ease;cursor:pointer}
.btn-primary{background:var(--brand-2);color:#fff}
.btn-primary:hover{filter:brightness(0.95)}
.btn-ghost{background:transparent;border-color:#bae6fd;color:#0369a1}
.btn-ghost:hover{background:#e0f2fe}

/* 动画：入场与偏好减少 */
[data-animate]{opacity:0;transform:translateY(8px);transition:opacity .5s ease, transform .5s ease}
[data-animate].in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
}

/* 响应式 */
@media (max-width: 992px){
  .hero-inner{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
  .grid.cert-grid{grid-template-columns:1fr 1fr}
  .contact-inner{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .nav{display:none}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}
ul.client-list{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 8px;padding:0;list-style:none;color:#334155}
ul.client-list li{background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 12px}
.grid.cert-grid img.cert-img{width:100%;height:160px;object-fit:cover;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow)}