/* ========== 全局基础 ========== */
:root{
  --brand:#0ea5e9;       /* 品牌主色 */
  --brand-2:#0284c7;     /* 品牌深色 */
  --dark:#0f172a;        /* 深色文本 */
  --muted:#64748b;       /* 次级文本 */
  --bg:#f8fafc;          /* 背景浅色 */
  --radius:16px;
  --shadow:0 6px 24px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Segoe UI,Roboto,
    Helvetica,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji",sans-serif;
  color:var(--dark);
  background:var(--bg);
}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-2)}
img{max-width:100%;display:block}

/* ========== 顶部导航 ========== */
.navbar-brand b{color:var(--brand)}
.navbar{box-shadow:var(--shadow);background:#fff}
.nav-link{font-weight:600}

/* ========== Hero ========== */
.hero{
  position:relative;
  background:linear-gradient(135deg,#e0f2fe, #f0f9ff);
  overflow:hidden;
}
.hero .container{padding:96px 0}
.hero h1{font-size:44px;font-weight:800;line-height:1.1;margin-bottom:16px}
.hero p.lead{color:var(--muted);font-size:18px}
.hero-blob{
  position:absolute;inset:auto -10% -40% auto;width:480px;height:480px;filter:blur(40px);
  background:radial-gradient(closest-side at 60% 40%, rgba(14,165,233,.35), transparent 60%),
             radial-gradient(closest-side at 20% 80%, rgba(2,132,199,.25), transparent 60%);
  transform:rotate(15deg);
}

/* ========== 卡片 & 分区 ========== */
.section{padding:72px 0}
.card{
  border:none;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;background:#fff
}
.card-title{font-weight:700}
.badge-soft{
  background:rgba(14,165,233,.12);color:var(--brand);font-weight:600;border-radius:999px;
  padding:6px 12px
}

/* ========== CTA 条 ========== */
.cta{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
  color:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)
}

/* ========== 页脚 ========== */
.footer{
  background:#0b1220;color:#cbd5e1;padding:40px 0;margin-top:40px
}
.footer a{color:#e2e8f0}
.footer a:hover{color:#fff}
.icp{font-size:14px;color:#94a3b8}

/* ========== 表单 ========== */
.form-control, .form-select{border-radius:12px;border-color:#e2e8f0}
.form-control:focus, .form-select:focus{
  border-color:var(--brand); box-shadow:0 0 0 .25rem rgba(14,165,233,.15)
}

/* ========== 响应式 ========== */
@media (max-width: 992px){
  .hero h1{font-size:36px}
}