:root{
  --brand-from:#2563eb;
  --brand-to:#10b981;
  --ink:#0f172a;
  --muted:#64748b;
}
html{scroll-behavior:smooth;}
body{
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  background:#f6fbf8;
  color:var(--ink);
  margin:0;
}
/* 渐变文字 */
.gradient-text{
  background:linear-gradient(120deg,var(--brand-from),var(--brand-to));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
/* 网格背景 */
.bg-grid{
  background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);
  background-size:40px 40px;
}
/* 毛玻璃导航 */
.nav-blur{
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 6px 30px rgba(15,23,42,.08);
}
/* 卡片 hover */
.card-hover{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.card-hover:hover{
  transform:translateY(-10px);
  box-shadow:0 26px 50px -18px rgba(16,185,129,.35);
  border-color:rgba(16,185,129,.55)!important;
}
/* 按钮发光 */
.btn-glow{box-shadow:0 10px 30px -8px rgba(16,185,129,.55);transition:transform .3s ease,box-shadow .3s ease;}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 18px 42px -8px rgba(16,185,129,.72);}
/* 入场动画 */
.fade-in{animation:fadeInUp 1s ease both;}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
/* FAQ 手风琴 */
.faq-item{border:1px solid #e2f0ea;border-radius:14px;background:#fff;overflow:hidden;margin-bottom:12px;transition:box-shadow .3s ease;}
.faq-item.open{box-shadow:0 16px 36px -22px rgba(16,185,129,.4);border-color:#a7f3d0;}
.faq-question{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;font-weight:600;color:#0f172a;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;color:#64748b;line-height:1.8;}
.faq-item.open .faq-answer{max-height:220px;padding:0 22px 18px;}
.faq-icon{transition:transform .35s ease;color:var(--brand-to);}
.faq-item.open .faq-icon{transform:rotate(180deg);}
/* 注册步骤卡 */
.step-card{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);}
.step-num{
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--brand-from),var(--brand-to));
  color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
/* 滚动渐入 */
.reveal{opacity:0;transform:translateY(26px);transition:all .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
/* hero 遮罩 */
.hero-overlay{background:linear-gradient(180deg,rgba(15,23,42,.55),rgba(15,23,42,.72));}