/* 经典商务（浅色）—— 默认主题
   令牌与组件基线由 globals.css 承载；本文件只在 .theme-default 作用域内做
   「层次感」微调（v1.0.0.31 起，v1.0.1.7 补齐细节），不引入硬编码品牌色
   （跟随主色，改色不残留旧蓝），对其它主题与后台零影响。 */
.theme-default {
  /* v1.1.0.8：页面底改极浅灰。
     此前 --bg 与 --surface 同为纯白，卡片只能靠 1px 边框"划"出来，整站发平；
     把页面底压低半档后，纯白卡片才真正浮起来（浅色主题提升层次最有效的一步）。 */
  --bg: #f5f8fb;
  /* 软区（模块交替背景 / 页脚 / 表头）比页面底再低一档：
     形成「页面 → 软区（交替区块）→ 卡片（纯白）」三档，交替背景是浅色站的节奏来源 */
  --bg-soft: #e9eff7;
  /* 卡片 hover 的浮起阴影比全局默认（rgba .06）重一档 —— 纯白底上太浅的阴影
     等于没有，卡片悬停几乎无反馈 */
  --shadow: 0 10px 30px rgba(28, 35, 48, 0.09);
}

/* 页脚：顶部主色发丝线收尾，页面结尾更有“定稿感” */
.theme-default .site-footer {
  border-top: 2px solid var(--brand);
}

/* Hero（品牌渐变铺底）：顶部加极淡冷光增加纵深，不影响文字对比 */
.theme-default .hero {
  background:
    radial-gradient(80% 140% at 50% -30%, rgba(255, 255, 255, 0.22), transparent 55%),
    linear-gradient(135deg, var(--brand), var(--brand-deep));
}

/* 区块标题竖条：主色 → 深主色渐变，比纯色块更有“设计过”的观感 */
.theme-default .section-title::before {
  background: linear-gradient(180deg, var(--brand), var(--brand-deep));
}

/* 表格表头（规格表 + 富文本表格）：统一浅底 + 加粗，长表格更好扫读 */
.theme-default .spec-table th,
.theme-default .rich-content table th {
  background: var(--bg-soft);
  font-weight: 600;
}

/* 卡片 / 图库：hover 图片轻放大 + 描边带主色，与另两套主题的动效语言一致。
   v1.1.0.10：scale 1.02 → 1.05（1.02 基本看不出来），时长与 globals.css 的结构规则对齐；
   注意主题规则的优先级高于 globals，数值必须在这里改才生效。 */
.theme-default .card .cover img,
.theme-default .gallery .thumb img {
  transition: transform 0.45s ease;
}
.theme-default .card:hover .cover img,
.theme-default .gallery .thumb:hover img {
  transform: scale(1.05);
}
.theme-default .card:hover {
  border-color: var(--brand);
}
.theme-default .gallery .thumb:hover {
  border-color: var(--brand);
}

/* 主按钮加粗，与标题、CTA 层次相称 */
.theme-default .btn.primary {
  font-weight: 600;
}

/* 统计数字：等宽数字，多组数字纵向对齐不跳动 */
.theme-default .stat-item b {
  font-variant-numeric: tabular-nums;
}
