/* ==========================================================================
   全站轻美化覆盖层（7 页统一挂在 css/site.css 之后）
   原则：收敛而不是清空——深色 Hero、品牌渐变、emoji 全部保留，
        只收半径、阴影、间距与字号阶梯，去掉最扎眼的模板痕迹。
   回退：删掉各页 <head> 里对本文件的 <link> 即可，不改 site.css 一个字。
   ========================================================================== */

:root {
  --r:    12px;   /* 卡片：16 → 12 */
  --r-lg: 14px;   /* 大容器：24 → 14 */
  --lift: 0 1px 2px rgba(15, 23, 42, .05);
  --lift-h: 0 8px 20px -14px rgba(15, 23, 42, .3);
}

/* ---------- 排版阶梯收紧 ---------- */
body { line-height: 1.7; }
.section { padding: 76px 0; }
.section-head { margin-bottom: 44px; }
.section-head h2 { font-size: clamp(24px, 3vw, 32px); letter-spacing: -.02em; }
.section-head p { font-size: 16px; color: var(--ink-3); }
.card h3 { font-size: 17.5px; }
.card p, .emp-desc, .ind p, .cap-body p { letter-spacing: .01em; }

/* 中文小标题不该用西文的字距与全大写 */
.eyebrow {
  letter-spacing: .06em; text-transform: none; font-size: 12.5px;
  padding: 3px 10px; font-weight: 700;
}

/* ---------- Hero ---------- */
.hero { padding: 78px 0 0; }
.hero::after { opacity: .28; }
.hero h1 { letter-spacing: -.035em; margin-bottom: 20px; }
.hero h1 .l2 { color: #fff; }
.hero h1 .hl { font-style: normal; color: #a5b4fc; }
.hero-badge { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); }
.hero-sub { margin-bottom: 30px; }

/* 按钮：胶囊 → 10px 圆角矩形；去掉悬浮位移 */
.btn { border-radius: 10px; }
.btn-primary { box-shadow: 0 1px 2px rgba(15, 23, 42, .12); }
.btn-primary:hover, .btn-ghost:hover, .btn-night:hover { transform: none; }
.btn-primary:hover { box-shadow: 0 6px 18px -10px rgba(79, 70, 229, .7); }
.btn-ghost { box-shadow: none; }
.btn-ghost:hover { box-shadow: var(--lift); }

/* ---------- 卡片：不再整块浮起，阴影减淡 ---------- */
.card, .loop-step, .emp, .ind, .cap, .shot, .kv-item { box-shadow: var(--lift); }
.card::before { display: none; }
.card:hover, .loop-step:hover, .emp:hover, .ind:hover, .shot:hover {
  transform: none; border-color: rgba(79, 70, 229, .34); box-shadow: var(--lift-h);
}
.card:hover::before { opacity: 0; }

/* emoji 图标底：粉紫渐变 → 中性浅底，只让 emoji 负责颜色 */
.card-icon, .emp-ava {
  background: var(--bg-alt); border-color: var(--line);
  border-radius: 12px;
}
.card-icon { width: 46px; height: 46px; font-size: 22px; margin-bottom: 16px; }
.emp-ava { width: 42px; height: 42px; font-size: 20px; border-radius: 11px; }
.loop-emoji { font-size: 24px; margin: 6px 0 9px; }

/* ---------- 闭环：箭头改细线，去掉白色圆底 ---------- */
.loop { gap: 14px; }
.loop-step:not(:last-child)::after {
  content: "›"; width: auto; height: auto; background: none; border: none;
  font-size: 22px; line-height: 1; right: -11px; color: var(--ink-4); font-weight: 700;
}
.loop-no { font-weight: 700; letter-spacing: .06em; color: var(--brand); opacity: .75; }

/* ---------- 对比表：去掉灰底表头，改细分隔线 ---------- */
table.cmp th, table.cmp td { padding: 15px 22px; border-bottom: 1px solid var(--line); }
table.cmp thead th { background: #fff; color: var(--ink-3); font-size: 13px; letter-spacing: .04em; }
table.cmp thead th.us { background: var(--brand-deep); color: #fff; }
table.cmp td.us { background: rgba(79, 70, 229, .035); border-left: none; border-right: none; }
table.cmp tbody tr:last-child td { border-bottom: none; }
table.cmp tbody tr:hover td { background: var(--bg-alt); }
table.cmp tbody tr:hover td.us { background: rgba(79, 70, 229, .07); }

/* ---------- 截图证据：浏览器条降噪，说明区留白 ---------- */
.shot-frame { background: #fff; }
.shot-bar { padding: 8px 12px; background: var(--bg-alt); }
.shot-bar i:nth-child(1), .shot-bar i:nth-child(2), .shot-bar i:nth-child(3) { background: #d7dee9; }
.shot-cap { padding: 17px 20px 19px; }
.shot-cap h4 { font-size: 15px; }
.zoom { border-radius: 8px; background: rgba(15, 23, 42, .72); }

/* ---------- 时间轴 / CTA 带：去掉装饰性纹理 ---------- */
.timeline::before { opacity: .18; }
.tl-item::before { box-shadow: 0 0 0 3px rgba(79, 70, 229, .1); }
.cta-band { padding: 48px 44px; box-shadow: 0 18px 40px -26px rgba(79, 70, 229, .55); }
.cta-band::before { display: none; }
.cta-band h2 { font-size: clamp(22px, 2.8vw, 30px); }

/* ---------- 提示条与页脚 ---------- */
.notice { border-left-width: 3px; border-radius: 10px; }
.footer { padding: 54px 0 26px; }

/* ---------- 子页页头：去掉柔光渐变与粉色光斑 ---------- */
.page-head { padding: 52px 0 44px; background: var(--bg-alt); border-bottom: 1px solid var(--line); }
.page-head::after { display: none; }
.page-head h1 { font-size: clamp(26px, 3.4vw, 36px); letter-spacing: -.03em; margin-bottom: 10px; }
.page-head .lead { font-size: 16.5px; }
.crumb { margin-bottom: 14px; }
/* 渐变字 → 纯品牌色（保留强调，去掉彩虹） */
.page-head .grad-text { background: none; -webkit-text-fill-color: currentColor; color: var(--brand); }

/* ---------- 锚点子导航 ---------- */
.subnav a { border-radius: 8px; }
.subnav a:hover, .subnav a.active { background: var(--brand-deep); }

/* ---------- 价格卡 ---------- */
.plan { box-shadow: var(--lift); }
.plan:hover { transform: none; box-shadow: var(--lift-h); border-color: rgba(79, 70, 229, .34); }
.plan.hot { box-shadow: 0 12px 30px -20px rgba(79, 70, 229, .55); }
.plan.hot:hover { box-shadow: 0 18px 38px -20px rgba(79, 70, 229, .6); }
.plan.hot::after { top: -11px; right: 22px; border-radius: 8px; box-shadow: none; }
.plan-price { letter-spacing: -.035em; }
.plan li::before { top: 6px; }

/* ---------- FAQ ---------- */
.faq details { box-shadow: var(--lift); }
.faq details[open] { box-shadow: var(--lift-h); }
.faq summary { font-size: 15.5px; }
.faq .faq-body { font-size: 14.5px; line-height: 1.75; }

/* ---------- 表单 / 联系卡 / 数字格 ---------- */
.form, .contact-card, .kv-item { box-shadow: var(--lift); }
.field input:focus, .field select:focus, .field textarea:focus { box-shadow: 0 0 0 3px rgba(79, 70, 229, .14); }
.field input, .field select, .field textarea { border-radius: 9px; }
.kv-item .n { color: var(--brand-deep); }
/* 表单提示被 JS 挂上的状态类，site.css 里没有定义 */
.js-warn { color: #b91c1c; font-weight: 600; }

/* ---------- 状态徽标与胶囊：只收字号，形状保留 ---------- */
.pill, .chip, .loop-emp, .emp-state, .tl-time, .src-pill { letter-spacing: .01em; }
.chip { border-radius: 7px; }

/* ---------- 长表格（产品/关于页） ---------- */
table.cmp { font-size: 14.6px; }
table.cmp th, table.cmp td { vertical-align: top; }
.row-hd { color: var(--brand-ink); }
/* 子导航下方不需要整段区块间距 */
.subnav + .section { padding-top: 48px; }

@media (max-width: 900px) {
  .section { padding: 58px 0; }
  .cta-band { padding: 38px 24px; }
  .page-head { padding: 42px 0 36px; }
  .backtop { bottom: 14px; }
}
@media (max-width: 620px) {
  .hero { padding-top: 54px; }
  .section-head { margin-bottom: 32px; }
  .btn { border-radius: 9px; }
  .backtop { right: 14px; bottom: 14px; width: 42px; height: 42px; font-size: 17px; }
}