/* =========================================================================
   子页 → 主页 视觉桥接 subpage-home-bridge.css（2026-10-27）
   目标：不改子页标记结构，只把「标题 / 副标题 / 统计 / 按钮 / 页脚 / 区块标题」
        的排版、色彩、间距、字族映射到主页规格。
   依赖：必须加载在 app.css / align-home.css / huaxu.css 之后。
   ========================================================================= */

/* ---------------- 通用：与主页一致的排版基调 ---------------- */
body {
  font-family: var(--sans, 'Smiley Sans Oblique', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif);
  letter-spacing: .2px;
}

/* 主内容顶部留出固定导航高度（各子页原本靠内边距硬顶） */
.cv-hero, .hero-inner {
  padding-top: clamp(120px, 14vh, 170px) !important;
  padding-bottom: 64px !important;
  text-align: center;
}
.hero-inner { max-width: 980px !important; margin: 0 auto !important; }

/* ---------------- 眉标（eyebrow） ---------------- */
.cv-eyebrow, .hero-eyebrow {
  display: block;
  font-size: 15px !important;
  line-height: 1.6 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase;
  color: var(--accent-bronze) !important;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .4);
}

/* ---------------- 主标题 ---------------- */
.cv-title, .hero-title {
  font-family: 'Smiley Sans Oblique', 'Noto Serif SC', serif !important;
  font-size: clamp(38px, 5.5vw, 70px) !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 2px !important;
  margin: 0 auto 24px !important;
  max-width: 900px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .5), 0 0 40px rgba(0, 0, 0, .3);
}
/* 强调词：主页用青绿纯色，而不是整段渐变 */
.cv-title em, .hero-title .accent, .hero-title em {
  font-style: normal !important;
  color: var(--accent-bronze) !important;
  -webkit-text-fill-color: currentColor;
  background: none !important;
}
/* 子页原用 .grad-text 做整段渐变，这里改为主页的「白 + 青绿强调」观感 */
.hero-title.grad-text {
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
  color: var(--text-primary) !important;
}

/* ---------------- 副标题 ---------------- */
.cv-sub, .hero-sub, .bw-sub {
  font-size: clamp(17px, 1.6vw, 20px) !important;
  line-height: 1.9 !important;
  color: var(--text-secondary) !important;
  max-width: 680px !important;
  margin: 0 auto 36px !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .35);
  display: block;
}

/* ---------------- 统计条：数字大 + 标签小，和主页一致 ---------------- */
.cv-hero-stats, .hero-pills {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(28px, 5vw, 72px) !important;
  flex-wrap: wrap !important;
  margin: 8px auto 44px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.cv-stat, .hero-pills .pill {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: auto !important;
}
.cv-stat b, .hero-pills .pill b {
  font-family: 'Smiley Sans Oblique', 'Noto Serif SC', serif !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  color: var(--accent-bronze) !important;
  line-height: 1.1 !important;
}
.cv-stat span, .hero-pills .pill span {
  font-size: 13px !important;
  letter-spacing: .5px !important;
  color: var(--text-secondary) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.85), 0 0 12px rgba(0,0,0,.6);
}

/* ---------------- 区块标题（子页的 section 标题） ---------------- */
.cv-section-title, .section-title, .sec-title {
  font-family: 'Smiley Sans Oblique', 'Noto Serif SC', serif !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
}

/* ---------------- 页脚统一 ---------------- */
.foot, .footer {
  font-size: 13px !important;
  color: var(--text-muted) !important;
}
.foot a, .footer a { color: var(--text-secondary) !important; }
.foot a:hover, .footer a:hover { color: var(--accent-bronze-light) !important; }

/* ---------------- 移动端 ---------------- */
@media (max-width: 768px) {
  .cv-hero, .hero-inner {
    padding-top: 104px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .cv-title, .hero-title { font-size: clamp(30px, 8.4vw, 44px) !important; }
  .cv-sub, .hero-sub { font-size: 15px !important; line-height: 1.85 !important; }
  .cv-hero-stats, .hero-pills { gap: 22px !important; }
}

/* ---------------- 工具页 hero 不占满整屏 ----------------
   主页 hero 是 100vh 的品牌位；工具页用户是来"用工具"的，
   所以压低到内容高度，让工作台进入首屏视野。 */
.cv-hero, .hero {
  min-height: 0 !important;
  padding-bottom: 40px !important;
}
/* 落款统计/按钮之后不再留整屏空白 */
.hero-inner { padding-bottom: 0 !important; }
main > section:first-of-type { margin-top: 0 !important; }