/* ═══════════════════════════════════════════
   Light Theme — 沉稳浅色主题（默认）
   面向职业院校/高校/企业决策层受众
   通过 body.light 激活；暗色为对比备选
   ═══════════════════════════════════════════ */

body.light {
  --bg: #f5f6f8;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --surface: rgba(15, 23, 42, 0.035);
  --border: rgba(15, 23, 42, 0.10);
  --border-hover: rgba(15, 23, 42, 0.24);
  --text: #1a2233;
  --text-muted: #57616f;
  --text-dim: #868e99;
  --accent: #c8352a;                 /* 品牌红沉稳化 */
  --accent-glow: rgba(200, 53, 42, 0.28);
  --accent-soft: rgba(200, 53, 42, 0.08);
  --shadow-card: 0 6px 24px rgba(15, 23, 42, 0.07), 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow-card-hover: 0 24px 48px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* ── 基础 ── */
body.light { background: var(--bg); }

body.light ::selection { background: var(--accent); color: #fff; }

/* ── 头部 ── */
body.light .site-header.scrolled {
  background: rgba(255, 255, 255, 0.82);
  border-bottom: 1px solid var(--border);
}
body.light .header-cta:hover {
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.18);
}

/* ── 移动端抽屉 ── */
body.light .nav-overlay {
  background: rgba(245, 246, 248, 0.92);
}

/* ── Hero ── */
body.light .hero-bg-text {
  -webkit-text-stroke: 1px rgba(15, 23, 42, 0.05);
}

/* ── 卡片与阴影 ── */
body.light .bento-card,
body.light .pin-card,
body.light .stat-inline,
body.light .pillar-card,
body.light .contact-form-wrap,
body.light .contact-map-placeholder,
body.light .board-card,
body.light .flow-card,
body.light .case-card,
body.light .cert-card,
body.light .mall-card {
  box-shadow: var(--shadow-card);
}
body.light .bento-card:hover,
body.light .pillar-card:hover,
body.light .board-card:hover,
body.light .flow-card:hover,
body.light .case-card:hover,
body.light .cert-card:hover {
  box-shadow: var(--shadow-card-hover);
}
body.light .bento-card:hover { box-shadow: var(--shadow-card-hover); }

/* ── 主题切换按钮 ── */
.theme-toggle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-muted);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  transition: color 0.3s, border-color 0.3s, transform 0.3s var(--ease-out);
  flex-shrink: 0;
}
.theme-toggle:hover {
  color: var(--text);
  border-color: var(--border-hover);
  transform: rotate(20deg);
}

/* ── 产品实拍图（浅色下柔和投影） ── */
body.light .product-row-visual.product-photo img {
  filter: drop-shadow(0 20px 32px rgba(15, 23, 42, 0.16));
}

/* ── 城市banner ── */
.home-banner {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-card);
}
.home-banner img {
  display: block;
  width: 100%;
  height: auto;
}
body:not(.light) .home-banner img {
  filter: brightness(0.82);
}

/* ── 证书卡（浅色下融合） ── */
body.light .cert-card img { background: #fff; }

/* ── 合作案例遮罩（保持可读） ── */
body.light .case-card .case-cover::after {
  background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.72));
}

/* ── 表单输入 ── */
body.light .form-group input,
body.light .form-group textarea {
  background: #f2f4f7;
}

/* ── logo（由 theme.js 切换 src，这里做平滑过渡） ── */
.logo-img, .footer-logo { transition: opacity 0.3s; }