/* =====================================================================
   home-v2.css — 落地页改版（cs.blny.top 预览版）· v3 加大差异度
   颜色仍从 style.css 01 区令牌取值，仅亮度/层级/排布层面的重设计：
   1. 首屏：标题更紧凑，品牌锚点 signal 绿 + 下划线，背景光斑提亮
   2. 顶栏：滚动后由「薄雾」改为「实底 + 阴影」，边界感更清晰
   3. 主按钮：由药丸改为大圆角矩形，hover 抬升
   4. 功能区：卡片改为「左描边」样式，图标統一 signal 淡底
   5. 区块标签：改为小胶囊 chip
   6. FAQ / CTA / 终端：跟随微调，保持整体一致
   ===================================================================== */

/* ---- 1. 首屏 ------------------------------------------------------ */

.hero h1 em.brand-mark {
  font-style: normal;
  color: var(--signal-primary);
  text-decoration: underline;
  text-decoration-color: var(--signal-primary-soft);
  text-decoration-thickness: 0.09em;
  text-underline-offset: var(--underline-offset);
}

.hero { position: relative; }
.hero::before {
  content: "";
  position: absolute;
  inset: -18% -10% auto -10%;
  height: 130%;
  background:
    radial-gradient(52% 46% at 24% 30%, rgba(47, 157, 120, .14), rgba(47, 157, 120, 0) 70%),
    radial-gradient(40% 38% at 78% 62%, rgba(47, 157, 120, .08), rgba(47, 157, 120, 0) 72%);
  pointer-events: none;
  z-index: -1;
}
.dark .hero::before {
  background:
    radial-gradient(52% 46% at 24% 30%, rgba(79, 184, 148, .14), rgba(79, 184, 148, 0) 70%),
    radial-gradient(40% 38% at 78% 62%, rgba(79, 184, 148, .08), rgba(79, 184, 148, 0) 72%);
}

/* 首屏副文案加一层左侧竖线，制造「导语」的阅读节奏 */
.hero-sub {
  border-left: 3px solid var(--signal-primary);
  padding-left: 14px;
}
.dark .hero h1 em.brand-mark { text-decoration-color: rgba(79, 184, 148, .35); }

/* ---- 2. 顶栏：实底 + 明确边界 ------------------------------------- */

.site-header.scrolled {
  background: var(--canvas);
  border-bottom-color: var(--line);
  box-shadow: 0 1px 0 var(--line-soft), 0 6px 20px rgba(20, 24, 26, .06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ---- 3. 按钮：药丸 → 大圆角矩形 ----------------------------------- */

.btn { border-radius: 12px; }
.btn-primary {
  box-shadow: 0 6px 16px rgba(47, 157, 120, .28);
  transition: transform .2s var(--ease-spring), box-shadow .2s, background .2s;
}
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(47, 157, 120, .32);
}
.dark .btn-primary { box-shadow: 0 6px 16px rgba(0, 0, 0, .35); }
.dark .btn-primary:hover { box-shadow: 0 8px 20px rgba(0, 0, 0, .4); }

/* ---- 4. 功能卡片：左描边 ------------------------------------------- */

.feature-card {
  border-left: 3px solid var(--signal-primary);
  border-radius: var(--radius-md);
}
.feature-card:hover { border-left-color: var(--signal-primary-strong); }

.feature-card .feature-icon,
.feature-card .feature-icon.fi-blue,
.feature-card .feature-icon.fi-sky,
.feature-card .feature-icon.fi-ink,
.feature-card .feature-icon.fi-deep,
.feature-card .feature-icon.fi-cyan,
.feature-card .feature-icon.fi-slate {
  background: var(--signal-primary-soft);
  color: var(--signal-primary);
}

/* 卡片右上角的装饰叶片在 v2 中去掉，视觉更干净 */
.feature-card::after, .flow-card::after { display: none; }

/* ---- 5. 区块标签：小胶囊 chip -------------------------------------- */

.section-tag {
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--signal-primary-soft);
  color: var(--signal-ink);
}
.dark .section-tag { color: var(--signal-primary-strong); }

/* ---- 6. FAQ / CTA -------------------------------------------------- */

.faq { border-radius: var(--radius-md); border-left: 3px solid transparent; }
.faq[open] { border-left-color: var(--signal-primary); }
.faq summary { list-style: none; }
.faq summary::-webkit-details-marker { display: none; }

/* ---- 7. 终端块等宽字体 --------------------------------------------- */

.terminal pre, .terminal code, .selfhost-note code {
  font-family: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono",
    Menlo, Consolas, monospace;
  font-size: 0.92em;
}