/* ============================================================
   梵煜数字科技官网 · 明亮主题（浅色）
   通过 html[data-theme="light"] 切换，默认跟随系统
   ============================================================ */

html[data-theme="light"] {
  --navy: #0e1524;
  --navy-deep: #f5f7fc;
  --ink: #33405a;
  --muted: #6c7a94;
  --line: rgba(22, 36, 66, 0.12);
  --bg: #f5f7fc;
  --bg-soft: #eef1f9;
  --bg-card: #ffffff;
  --bg-card-hover: #ffffff;
  --metal-surface: linear-gradient(168deg, #ffffff 0%, #fafbfe 55%, #f1f4fa 100%);
  --metal-edge: rgba(255, 255, 255, 0.95);
  --shadow: 0 16px 38px rgba(20, 38, 80, 0.09);
  --glow: 0 0 20px rgba(47, 107, 255, 0.16);
  --accent: #2f6bff;
  --accent-2: #0b9fc4;
  color-scheme: light;
}

html[data-theme="light"] body {
  background:
    radial-gradient(1200px 600px at 12% -12%, rgba(120, 158, 255, 0.16) 0%, transparent 55%),
    radial-gradient(900px 500px at 88% 112%, rgba(34, 200, 230, 0.12) 0%, transparent 55%),
    var(--bg);
  color: var(--ink);
}
html[data-theme="light"] body::before {
  background: repeating-linear-gradient(
    105deg,
    rgba(30, 50, 90, 0.016) 0 2px,
    transparent 2px 5px
  );
}
html[data-theme="light"] #fxCanvas { opacity: 0.45; }
html[data-theme="light"] ::selection { background: rgba(47, 107, 255, 0.22); color: #0e1524; }

/* ---------- 顶部导航 ---------- */
html[data-theme="light"] .site-header,
html[data-theme="light"] .site-header.scrolled {
  background: rgba(255, 255, 255, 0.86);
  border-bottom-color: var(--line);
  box-shadow: 0 6px 24px rgba(20, 38, 80, 0.06);
}
html[data-theme="light"] .logo-text { color: #0e1524; }
html[data-theme="light"] .logo-mark {
  background: linear-gradient(160deg, #3f7bff 0%, #2f5ce0 100%);
  border: 1px solid rgba(47, 107, 255, 0.35);
  box-shadow: 0 6px 18px rgba(47, 107, 255, 0.3);
  color: #fff;
}
html[data-theme="light"] .main-nav a { color: #3b4861; }
html[data-theme="light"] .main-nav a:hover { background: rgba(30, 55, 110, 0.06); color: #0e1524; }
html[data-theme="light"] .main-nav a.active {
  color: #1d47c8; background: rgba(47, 107, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(47, 107, 255, 0.24);
}
html[data-theme="light"] .menu-toggle span { background: #3b4861; }
html[data-theme="light"] .menu-toggle { border-color: var(--line); }
html[data-theme="light"] .user-chip { border-color: var(--line); background: rgba(255, 255, 255, 0.7); }
html[data-theme="light"] .user-name { color: #26324a; }
html[data-theme="light"] .user-menu { background: #fff; box-shadow: 0 14px 34px rgba(20, 38, 80, 0.14); }
html[data-theme="light"] .user-menu button { color: #33405a; }
html[data-theme="light"] .user-menu button:hover { background: rgba(30, 55, 110, 0.06); }

/* ---------- Hero 首屏 ---------- */
html[data-theme="light"] .hero {
  background-image:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(247, 250, 255, 0.94) 55%, var(--bg) 100%),
    url('../images/hero/hero.jpg');
  background-size: cover;
  background-position: center 32%;
  color: #0e1524;
}
html[data-theme="light"] .hero-aurora { opacity: 0.22; }
html[data-theme="light"] .hero-grid {
  opacity: 0.6;
  background-image:
    linear-gradient(rgba(60, 95, 170, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(60, 95, 170, 0.09) 1px, transparent 1px);
}
html[data-theme="light"] .hero h1 { color: #0b1220; }
html[data-theme="light"] .hero h1 .grad-text {
  background: linear-gradient(120deg, #2f6bff, #0e9dc4, #7a4dff, #2f6bff);
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
html[data-theme="light"] .hero p.lead { color: #37455f; font-weight: 500; }
@media (max-width: 560px) {
  html[data-theme="light"] .hero {
    background-image:
      linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(250, 252, 255, 0.96) 55%, var(--bg) 100%),
      url('../images/hero/hero.jpg');
  }
}
html[data-theme="light"] .hero-tag {
  background: rgba(255, 255, 255, 0.75);
  border-color: rgba(47, 107, 255, 0.28);
  color: #2a4fb5;
  box-shadow: 0 6px 18px rgba(47, 107, 255, 0.1);
}

/* ---------- 页头（内页） ---------- */
html[data-theme="light"] .page-hero {
  background:
    radial-gradient(900px 400px at 20% -30%, rgba(47, 107, 255, 0.12) 0%, transparent 60%),
    radial-gradient(500px 260px at 85% 130%, rgba(122, 77, 255, 0.08) 0%, transparent 55%),
    linear-gradient(180deg, #eef3ff 0%, var(--bg) 100%);
  color: #0e1524;
  border-bottom: 1px solid var(--line);
}
html[data-theme="light"] .page-hero p { color: #4d5c78; }

/* ---------- 区块 ---------- */
html[data-theme="light"] .block.soft {
  background: linear-gradient(180deg, rgba(28, 52, 100, 0.045), rgba(28, 52, 100, 0)) !important;
}
html[data-theme="light"] .block-head h2 { color: #0e1524; }
html[data-theme="light"] .block-head .head-num {
  background: linear-gradient(180deg, rgba(47, 107, 255, 0.12), rgba(47, 107, 255, 0));
  -webkit-background-clip: text; background-clip: text;
}

/* ---------- 跑马灯 ---------- */
html[data-theme="light"] .marquee {
  background: linear-gradient(180deg, #ffffff 0%, #f2f5fc 100%);
  border-color: var(--line);
}
html[data-theme="light"] .marquee-item { color: #5c6b86; }
html[data-theme="light"] .marquee-item b { color: #2f6bff; }
html[data-theme="light"] .marquee-item::after { color: rgba(47, 107, 255, 0.4); }

/* ---------- 卡片 / 面板 ---------- */
html[data-theme="light"] .card,
html[data-theme="light"] .bento-card,
html[data-theme="light"] .news-item,
html[data-theme="light"] .value-card,
html[data-theme="light"] .req-item,
html[data-theme="light"] .info-card,
html[data-theme="light"] .form-card,
html[data-theme="light"] .modal {
  background: var(--metal-surface);
  border: 1px solid rgba(22, 36, 66, 0.09);
  box-shadow: 0 2px 4px rgba(20, 38, 80, 0.03), 0 14px 32px rgba(20, 38, 80, 0.07);
}
html[data-theme="light"] .card:hover,
html[data-theme="light"] .bento-card:hover,
html[data-theme="light"] .news-item:hover {
  background: linear-gradient(168deg, #ffffff 0%, #f8faff 55%, #eef3fd 100%);
  border-color: rgba(47, 107, 255, 0.35);
  box-shadow: 0 18px 40px rgba(20, 38, 80, 0.12);
}
html[data-theme="light"] .card::before {
  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%), rgba(47, 107, 255, 0.1), transparent 65%);
}
html[data-theme="light"] .card h3,
html[data-theme="light"] .news-item h3,
html[data-theme="light"] .value-card .big { color: #111a2c; }
html[data-theme="light"] .card p,
html[data-theme="light"] .news-item p { color: var(--muted); }
html[data-theme="light"] .card .tag {
  color: #2a4fb5; background: rgba(47, 107, 255, 0.08);
  border-color: rgba(47, 107, 255, 0.2);
}
html[data-theme="light"] .card .icon-box,
html[data-theme="light"] .info-item .ic {
  background: rgba(47, 107, 255, 0.09);
  border-color: rgba(47, 107, 255, 0.22);
  color: #2f6bff;
  box-shadow: none;
}
html[data-theme="light"] .news-item .date { color: #0b8fae; }

/* ---------- 业务全景 Bento ---------- */
/* 与统计卡同一套处理：保留科技背景图，用深色薄罩压住画面、文字转白。
   原先的白罩（0.4~0.78）会把背景图糊成灰雾，文字也发虚。 */
html[data-theme="light"] .bento-card[class*="bg-"] {
  border-color: rgba(14, 30, 60, 0.12);
  box-shadow: 0 4px 12px rgba(14, 32, 68, 0.1), 0 16px 36px rgba(14, 32, 68, 0.09);
  background-image:
    linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.52) 52%, rgba(7, 15, 32, 0.76) 100%),
    var(--bgimg);
}
html[data-theme="light"] .bento-card[class*="bg-"]:hover {
  border-color: rgba(79, 125, 255, 0.5);
  box-shadow: 0 14px 34px rgba(12, 28, 62, 0.2);
  background-image:
    linear-gradient(180deg, rgba(12, 26, 52, 0.26) 0%, rgba(9, 19, 38, 0.56) 56%, rgba(7, 15, 32, 0.77) 100%),
    var(--bgimg);
}
html[data-theme="light"] .bento-card h3 { color: #111a2c; }
html[data-theme="light"] .bento-card[class*="bg-"] h3 {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(2, 8, 24, 0.72);
}
html[data-theme="light"] .bento-card:hover h3 { color: #2f6bff; }
html[data-theme="light"] .bento-card[class*="bg-"]:hover h3 { color: #d8e6ff; }
html[data-theme="light"] .bento-card p { color: #55647e; }
html[data-theme="light"] .bento-card[class*="bg-"] p {
  color: rgba(226, 235, 250, 0.92);
  text-shadow: 0 1px 6px rgba(2, 8, 24, 0.74);
}
html[data-theme="light"] .b-tags span {
  background: rgba(255, 255, 255, 0.7);
  border-color: rgba(47, 107, 255, 0.2);
  color: #3a5aa8;
}
html[data-theme="light"] .bento-card[class*="bg-"] .b-tags span {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(158, 194, 255, 0.44);
  color: #eaf1ff;
  text-shadow: 0 1px 4px rgba(2, 8, 24, 0.6);
  box-shadow: none;
}
html[data-theme="light"] .b-mesh { opacity: 0.3; }
html[data-theme="light"] .bento-card::before {
  background: conic-gradient(from 0deg, transparent 0deg, rgba(47, 107, 255, 0.09) 60deg, transparent 120deg);
}

/* ---------- 数据亮点 ---------- */
html[data-theme="light"] .stat .label { color: var(--muted); }

/* ---------- 应用场景卡 ---------- */
/* 与统计卡、业务全景统一：深色薄罩 + 白字，背景图保持清晰。 */
html[data-theme="light"] .scene-card::after {
  background: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.52) 52%, rgba(7, 15, 32, 0.76) 100%);
}
html[data-theme="light"] .scene-card .icon-box {
  background: rgba(9, 18, 36, 0.5);
  border-color: rgba(120, 160, 235, 0.38);
  color: #cfe0ff;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: none;
}
html[data-theme="light"] .scene-card h3 {
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(2, 8, 24, 0.62);
}
html[data-theme="light"] .scene-card p {
  color: rgba(224, 234, 250, 0.9);
  text-shadow: 0 1px 6px rgba(2, 8, 24, 0.6);
}
html[data-theme="light"] .scene-card .tag {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(158, 194, 255, 0.42);
  color: #eaf1ff;
}

/* ---------- 数据统计卡 ---------- */
/* 浅色主题下这 4 张卡保留科技背景图，改用深色薄罩压住画面，
   让亮蓝渐变数字与浅色标签都能清晰可读（原白罩会把图糊掉、文字也发虚）。 */
html[data-theme="light"] .stat-card::after {
  background: linear-gradient(180deg, rgba(12, 24, 48, 0.46) 0%, rgba(9, 18, 38, 0.62) 100%);
}
html[data-theme="light"] .stat-card .stat .num {
  filter: drop-shadow(0 2px 8px rgba(3, 10, 28, 0.55));
}
html[data-theme="light"] .stat-card .stat .label {
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 4px rgba(3, 10, 28, 0.55);
}

/* ---------- 案例封面 ---------- */
html[data-theme="light"] .case-cover {
  color: #0e1524;
  text-shadow: none;
}
html[data-theme="light"] .case-cover[class*="cc-"] {
  color: #ffffff;
  text-shadow: 0 2px 12px rgba(2, 8, 24, 0.66);
}
html[data-theme="light"] .case-cover.cc-build { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/scene/build.jpg'); }
html[data-theme="light"] .case-cover.cc-energy { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/scene/energy.jpg'); }
html[data-theme="light"] .case-cover.cc-retail { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/scene/retail.jpg'); }
html[data-theme="light"] .case-cover.cc-research { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/scene/research.jpg'); }
html[data-theme="light"] .case-cover.cc-showroom { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/showroom.jpg'); }
html[data-theme="light"] .case-cover.cc-service { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/service.jpg'); }
html[data-theme="light"] .case-cover.cc-guoxue { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/guoxue.jpg'); }
html[data-theme="light"] .case-cover.cc-comic { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/comic.jpg'); }
html[data-theme="light"] .case-cover.cc-water { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/water.jpg'); }
html[data-theme="light"] .case-cover.cc-gateway { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/gateway.jpg'); }
html[data-theme="light"] .case-cover.cc-global { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/global.jpg'); }
html[data-theme="light"] .case-cover.cc-edu { background-image: linear-gradient(180deg, rgba(10,22,44,0.14) 0%, rgba(9,19,38,0.62) 100%), url('../images/bento/edu.jpg'); }
html[data-theme="light"] .case-cover-0 { background: linear-gradient(150deg, #e8eeff 0%, #f6f9ff 100%); }
html[data-theme="light"] .case-cover-1 { background: linear-gradient(150deg, #e4f0ff 0%, #f6fbff 100%); }
html[data-theme="light"] .case-cover-2 { background: linear-gradient(150deg, #eee9ff 0%, #faf8ff 100%); }
html[data-theme="light"] .case-cover-3 { background: linear-gradient(150deg, #e4f7f9 0%, #f7fdfe 100%); }
html[data-theme="light"] .case-img,
html[data-theme="light"] .news-cover { background: #eef2fa; }
html[data-theme="light"] .vd-badge {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(122, 77, 255, 0.35);
  color: #4b2f9e;
  box-shadow: 0 4px 12px rgba(20, 38, 80, 0.12);
}

/* ---------- 关于我们 ---------- */
html[data-theme="light"] .prose { color: var(--ink); }
html[data-theme="light"] .timeline::before { box-shadow: 0 0 12px rgba(47, 107, 255, 0.25); }
html[data-theme="light"] .tl-item::before {
  background: #ffffff;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.12);
}
html[data-theme="light"] .tl-item .year { color: #2f6bff; }
html[data-theme="light"] .tl-item h4 { color: #111a2c; }
html[data-theme="light"] .tl-item p { color: var(--muted); }
/* ---------- 服务详情页 ---------- */
html[data-theme="light"] .svc-copy h3 { color: #111a2c; }
html[data-theme="light"] .svc-copy .tag {
  color: #2a4fb5; background: rgba(47, 107, 255, 0.08);
  border-color: rgba(47, 107, 255, 0.2);
}
html[data-theme="light"] .svc-copy p { color: var(--muted); }
html[data-theme="light"] .svc-points span {
  color: #33405a;
  background: rgba(255, 255, 255, 0.8);
  border-color: rgba(22, 36, 66, 0.12);
}

/* ---------- 按钮 ---------- */
html[data-theme="light"] .btn-primary {
  background: linear-gradient(180deg, #4b83ff 0%, #2f5fe0 100%);
  border: 1px solid rgba(47, 107, 255, 0.5);
  color: #fff;
  box-shadow: 0 8px 22px rgba(47, 107, 255, 0.28);
}
html[data-theme="light"] .btn-primary:hover {
  background: linear-gradient(180deg, #5c90ff 0%, #3a6cf0 100%);
}
html[data-theme="light"] .btn-light {
  background: #ffffff;
  border: 1px solid rgba(22, 36, 66, 0.16);
  color: #1b2740;
  box-shadow: 0 6px 18px rgba(20, 38, 80, 0.08);
}
html[data-theme="light"] .btn-light:hover { border-color: var(--accent); color: #2f6bff; }
html[data-theme="light"] .btn-ghost { color: #33405a; border-color: rgba(22, 36, 66, 0.16); }
html[data-theme="light"] .btn-ghost:hover { color: #2f6bff; border-color: var(--accent); box-shadow: none; }
html[data-theme="light"] .btn .fx-ripple { background: radial-gradient(circle, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 65%); }
html[data-theme="light"] .btn-light .fx-ripple { background: radial-gradient(circle, rgba(47,107,255,0.18) 0%, rgba(47,107,255,0) 65%); }

/* ---------- CTA ---------- */
html[data-theme="light"] .cta {
  background:
    radial-gradient(900px 400px at 80% -20%, rgba(47, 107, 255, 0.14) 0%, transparent 60%),
    radial-gradient(600px 300px at 15% 120%, rgba(122, 77, 255, 0.1) 0%, transparent 55%),
    linear-gradient(180deg, #e9effc 0%, #e2e9f8 100%);
  color: #0e1524;
}
html[data-theme="light"] .cta p { color: #4d5c78; }

/* ---------- 页脚 ---------- */
html[data-theme="light"] .site-footer {
  background: #eaeefa;
  color: #5c6b86;
  border-top: 1px solid rgba(22, 36, 66, 0.08);
}
html[data-theme="light"] .footer-grid { border-bottom-color: rgba(22, 36, 66, 0.1); }
html[data-theme="light"] .footer-grid h4 { color: #111a2c; }
html[data-theme="light"] .footer-grid a { color: #5c6b86; }
html[data-theme="light"] .footer-grid a:hover { color: #2f6bff; }
html[data-theme="light"] .footer-brand .logo-text { color: #0e1524; }
html[data-theme="light"] .footer-brand .logo-text small { color: #7b89a3; }
html[data-theme="light"] .footer-bottom { color: #7b89a3; }
html[data-theme="light"] .footer-bottom a { color: #5c6b86; }
html[data-theme="light"] .footer-bottom .icp-link { color: #4a6ba8; }
html[data-theme="light"] .footer-bottom a:hover { color: #2f6bff; }

/* ---------- 表单 / 弹窗 / 提示 ---------- */
html[data-theme="light"] .form-card { box-shadow: 0 14px 34px rgba(20, 38, 80, 0.08); }
html[data-theme="light"] .modal-mask { background: rgba(18, 30, 55, 0.42); }
html[data-theme="light"] .toast {
  background: #ffffff;
  border-color: rgba(47, 107, 255, 0.28);
  color: #1b2740;
  box-shadow: 0 14px 32px rgba(20, 38, 80, 0.18);
}
html[data-theme="light"] .loading { color: var(--muted); }
html[data-theme="light"] .spinner { border-color: rgba(22, 36, 66, 0.12); border-top-color: var(--accent); }

/* ---------- 滚动条 ---------- */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #eef1f8; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #c3ccdf; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #a9b6d0; }

/* ============================================================
   主题切换按钮（左上角）
   ============================================================ */
.theme-toggle {
  flex: 0 0 auto;
  width: 36px; height: 36px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--line);
  color: var(--ink);
  cursor: pointer; padding: 0;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.2s;
}
.theme-toggle:hover { border-color: var(--accent); color: var(--accent); transform: translateY(-1px); }
.theme-toggle:active { transform: translateY(0); }
.theme-toggle svg { width: 18px; height: 18px; }
html[data-theme="light"] .theme-toggle {
  background: #ffffff;
  border-color: rgba(22, 36, 66, 0.14);
  color: #33405a;
  box-shadow: 0 2px 8px rgba(20, 38, 80, 0.06);
}
html[data-theme="light"] .theme-toggle:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 960px) {
  .theme-toggle { width: 34px; height: 34px; }
}

/* 主题切换过渡（仅切换瞬间生效，避免影响其它动画） */
html.theme-anim, html.theme-anim body,
html.theme-anim .site-header, html.theme-anim .card, html.theme-anim .bento-card,
html.theme-anim .site-footer, html.theme-anim .cta, html.theme-anim .hero,
html.theme-anim .marquee, html.theme-anim .page-hero {
  transition: background-color 0.35s ease, background-image 0.35s ease,
              border-color 0.35s ease, color 0.25s ease, box-shadow 0.35s ease;
}

/* ============================================================
   明亮主题补丁：可读性修复
   ============================================================ */

/* ---------- 表单 ---------- */
html[data-theme="light"] .field label { color: #2c3a55; }
html[data-theme="light"] .field label .req { color: #d94848; }
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea {
  background: #ffffff;
  border-color: rgba(22, 36, 66, 0.16);
  color: #1b2740;
}
html[data-theme="light"] .field input::placeholder,
html[data-theme="light"] .field textarea::placeholder { color: #9aa6bd; }
html[data-theme="light"] .field select option { background: #ffffff; color: #1b2740; }
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.14);
}
html[data-theme="light"] .field .hint { color: #6c7a94; }
html[data-theme="light"] .upload-box {
  border-color: rgba(22, 36, 66, 0.22);
  color: #55647e;
  background: rgba(255, 255, 255, 0.6);
}
html[data-theme="light"] .upload-box:hover { border-color: var(--accent); background: rgba(47, 107, 255, 0.05); color: #2f6bff; }
html[data-theme="light"] .upload-box.has-file { color: #2a4fb5; }
html[data-theme="light"] .form-msg.ok { background: rgba(21, 155, 88, 0.1); color: #0d7a44; border-color: rgba(21, 155, 88, 0.3); }
html[data-theme="light"] .form-msg.err { background: rgba(212, 58, 58, 0.08); color: #c03636; border-color: rgba(212, 58, 58, 0.3); }

/* ---------- 联系页信息卡 ---------- */
html[data-theme="light"] .info-item h5 { color: #111a2c; }
html[data-theme="light"] .info-item p { color: #55647e; }

/* ---------- 服务请求列表 ---------- */
html[data-theme="light"] .req-item h4 { color: #111a2c; }
html[data-theme="light"] .req-item p { color: #55647e; }
html[data-theme="light"] .req-item .meta { color: #6c7a94; }
html[data-theme="light"] .badge { background: rgba(47, 107, 255, 0.1); color: #2a4fb5; }
html[data-theme="light"] .badge.done { background: rgba(21, 155, 88, 0.1); color: #0d7a44; }
html[data-theme="light"] .status-pending { color: #a06a00; background: rgba(255, 196, 107, 0.18); border-color: rgba(200, 140, 20, 0.35); }
html[data-theme="light"] .status-done { color: #0d7a44; background: rgba(21, 155, 88, 0.1); border-color: rgba(21, 155, 88, 0.3); }
html[data-theme="light"] .status-draft { color: #5c6b86; background: rgba(22, 36, 66, 0.06); border-color: rgba(22, 36, 66, 0.18); }

/* ---------- Bento：正文与标签 ---------- */
html[data-theme="light"] .bento-card .b-tags span {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(47, 107, 255, 0.32);
  color: #2a4fb5;
  box-shadow: 0 1px 4px rgba(20, 38, 80, 0.12);
}
html[data-theme="light"] .bento-card p { color: #47566f; }
html[data-theme="light"] .value-card .big { color: #111a2c; }

/* ---------- 产品服务页：服务大图（深色薄罩 + 浅色图标，与其他带图卡片一致） ---------- */
html[data-theme="light"] .svc-visual.svb-aigc,
html[data-theme="light"] .svc-visual.svb-aigc:hover {
  background-image: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.5) 52%, rgba(7, 15, 32, 0.72) 100%), url('../images/svc/aigc.jpg');
}
html[data-theme="light"] .svc-visual.svb-compute,
html[data-theme="light"] .svc-visual.svb-compute:hover {
  background-image: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.5) 52%, rgba(7, 15, 32, 0.72) 100%), url('../images/svc/compute.jpg');
}
html[data-theme="light"] .svc-visual.svb-token,
html[data-theme="light"] .svc-visual.svb-token:hover {
  background-image: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.5) 52%, rgba(7, 15, 32, 0.72) 100%), url('../images/svc/token.jpg');
}
html[data-theme="light"] .svc-visual.svb-infer,
html[data-theme="light"] .svc-visual.svb-infer:hover {
  background-image: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.5) 52%, rgba(7, 15, 32, 0.72) 100%), url('../images/svc/infer.jpg');
}
html[data-theme="light"] .svc-visual[class*="svb-"] {
  color: #eaf1ff;
  border-color: rgba(120, 160, 235, 0.26);
  box-shadow: 0 6px 20px rgba(12, 28, 62, 0.18);
}
html[data-theme="light"] .svc-visual[class*="svb-"] svg { filter: drop-shadow(0 2px 10px rgba(2, 8, 24, 0.6)); }

/* ---------- 关于我们：使命/愿景/价值观卡（深色薄罩 + 白字，与其他带图卡片一致） ---------- */
html[data-theme="light"] .value-card.mv-mission::after,
html[data-theme="light"] .value-card.mv-vision::after,
html[data-theme="light"] .value-card.mv-values::after {
  background: linear-gradient(180deg, rgba(10, 22, 44, 0.2) 0%, rgba(9, 19, 38, 0.52) 52%, rgba(7, 15, 32, 0.76) 100%);
}
html[data-theme="light"] .value-card.mv-mission .big,
html[data-theme="light"] .value-card.mv-vision .big,
html[data-theme="light"] .value-card.mv-values .big {
  color: #ffffff;
  text-shadow: 0 1px 8px rgba(2, 8, 24, 0.72);
}
html[data-theme="light"] .value-card.mv-mission p,
html[data-theme="light"] .value-card.mv-vision p,
html[data-theme="light"] .value-card.mv-values p {
  color: rgba(226, 235, 250, 0.92) !important;
  font-weight: 400;
  text-shadow: 0 1px 6px rgba(2, 8, 24, 0.72);
}
html[data-theme="light"] .value-card.mv-mission .icon-box,
html[data-theme="light"] .value-card.mv-vision .icon-box,
html[data-theme="light"] .value-card.mv-values .icon-box {
  background: rgba(9, 18, 36, 0.5);
  border-color: rgba(120, 160, 235, 0.38);
  color: #cfe0ff;
  box-shadow: none;
}

/* ---------- 恢复被 .card 简写清掉的背景图（场景卡/统计卡/价值卡） ---------- */
html[data-theme="light"] .card.scene-card.sc-build,
html[data-theme="light"] .card.scene-card.sc-build:hover,
html[data-theme="light"] .card.scene-card.sc-media,
html[data-theme="light"] .card.scene-card.sc-media:hover,
html[data-theme="light"] .card.scene-card.sc-retail,
html[data-theme="light"] .card.scene-card.sc-retail:hover,
html[data-theme="light"] .card.scene-card.sc-gov,
html[data-theme="light"] .card.scene-card.sc-gov:hover,
html[data-theme="light"] .card.scene-card.sc-industry,
html[data-theme="light"] .card.scene-card.sc-industry:hover,
html[data-theme="light"] .card.scene-card.sc-research,
html[data-theme="light"] .card.scene-card.sc-research:hover,
html[data-theme="light"] .card.scene-card.sv-aigc,
html[data-theme="light"] .card.scene-card.sv-aigc:hover,
html[data-theme="light"] .card.scene-card.sv-compute,
html[data-theme="light"] .card.scene-card.sv-compute:hover,
html[data-theme="light"] .card.scene-card.sv-token,
html[data-theme="light"] .card.scene-card.sv-token:hover,
html[data-theme="light"] .card.scene-card.sv-infer,
html[data-theme="light"] .card.scene-card.sv-infer:hover,
html[data-theme="light"] .card.stat-card.st-sla,
html[data-theme="light"] .card.stat-card.st-sla:hover,
html[data-theme="light"] .card.stat-card.st-speed,
html[data-theme="light"] .card.stat-card.st-speed:hover,
html[data-theme="light"] .card.stat-card.st-scale,
html[data-theme="light"] .card.stat-card.st-scale:hover,
html[data-theme="light"] .card.stat-card.st-support,
html[data-theme="light"] .card.stat-card.st-support:hover,
html[data-theme="light"] .value-card.mv-mission,
html[data-theme="light"] .value-card.mv-mission:hover,
html[data-theme="light"] .value-card.mv-vision,
html[data-theme="light"] .value-card.mv-vision:hover,
html[data-theme="light"] .value-card.mv-values,
html[data-theme="light"] .value-card.mv-values:hover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
html[data-theme="light"] .card.scene-card.sc-build,
html[data-theme="light"] .card.scene-card.sc-build:hover { background-image: url('../images/scene/build.jpg'); }
html[data-theme="light"] .card.scene-card.sc-media,
html[data-theme="light"] .card.scene-card.sc-media:hover { background-image: url('../images/scene/media.jpg'); }
html[data-theme="light"] .card.scene-card.sc-retail,
html[data-theme="light"] .card.scene-card.sc-retail:hover { background-image: url('../images/scene/retail.jpg'); }
html[data-theme="light"] .card.scene-card.sc-gov,
html[data-theme="light"] .card.scene-card.sc-gov:hover { background-image: url('../images/scene/gov.jpg'); }
html[data-theme="light"] .card.scene-card.sc-industry,
html[data-theme="light"] .card.scene-card.sc-industry:hover { background-image: url('../images/scene/industry.jpg'); }
html[data-theme="light"] .card.scene-card.sc-research,
html[data-theme="light"] .card.scene-card.sc-research:hover { background-image: url('../images/scene/research.jpg'); }
html[data-theme="light"] .card.scene-card.sv-aigc,
html[data-theme="light"] .card.scene-card.sv-aigc:hover { background-image: url('../images/svc/aigc.jpg'); }
html[data-theme="light"] .card.scene-card.sv-compute,
html[data-theme="light"] .card.scene-card.sv-compute:hover { background-image: url('../images/svc/compute.jpg'); }
html[data-theme="light"] .card.scene-card.sv-token,
html[data-theme="light"] .card.scene-card.sv-token:hover { background-image: url('../images/svc/token.jpg'); }
html[data-theme="light"] .card.scene-card.sv-infer,
html[data-theme="light"] .card.scene-card.sv-infer:hover { background-image: url('../images/svc/infer.jpg'); }

html[data-theme="light"] .card.stat-card.st-sla,
html[data-theme="light"] .card.stat-card.st-sla:hover { background-image: url('../images/stat/sla.jpg'); }
html[data-theme="light"] .card.stat-card.st-speed,
html[data-theme="light"] .card.stat-card.st-speed:hover { background-image: url('../images/stat/speed.jpg'); }
html[data-theme="light"] .card.stat-card.st-scale,
html[data-theme="light"] .card.stat-card.st-scale:hover { background-image: url('../images/stat/scale.jpg'); }
html[data-theme="light"] .card.stat-card.st-support,
html[data-theme="light"] .card.stat-card.st-support:hover { background-image: url('../images/stat/support.jpg'); }

html[data-theme="light"] .value-card.mv-mission,
html[data-theme="light"] .value-card.mv-mission:hover { background-image: url('../images/about/mission.jpg'); }
html[data-theme="light"] .value-card.mv-vision,
html[data-theme="light"] .value-card.mv-vision:hover { background-image: url('../images/about/vision.jpg'); }
html[data-theme="light"] .value-card.mv-values,
html[data-theme="light"] .value-card.mv-values:hover { background-image: url('../images/about/values.jpg'); }