/* ==========================================================================
   配色方案 C · 曜石橙金（Power Amber）
   定位：能量 / 动力电 / 高辨识度，暖调曜石底 + 琥珀主色 + 电光青点缀
   与"创威"品牌搭配辨识度最高，B 端工业与 C 端消费电子都能压住
   ========================================================================== */

:root {
  /* --- 品牌色 --- */
  --brand: #c2410c;
  --brand-d: #9a3412;
  --brand-l: #f97316;
  --brand-soft: #fff7ed;
  --accent: #0891b2;

  /* --- 中性色（暖灰） --- */
  --ink: #1c1917;
  --ink-2: #44403c;
  --muted: #7c7168;
  --line: #ece4da;
  --bg-soft: #f8f5f0;

  /* --- 深色面 --- */
  --th-dark: #17110a;
  --th-dark-2: #33220f;
  --th-dark-rgb: 23, 17, 10;
  --th-text: #c7b5a4;
  --th-text-dim: #a99483;
  --th-link: #fdba74;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 6px 24px rgba(28, 25, 23, .06);
  --shadow-hover: 0 14px 40px rgba(28, 25, 23, .13);
}

/* 深色面统一替换 */
.topbar,
.footer { background: var(--th-dark); }
.topbar { color: var(--th-text); }
.topbar .tb-slogan { color: var(--th-text-dim); }
.topbar .tb-link { color: var(--th-link); }
.hero,
.page-hero { background-color: var(--th-dark); }
.page-hero-plain { background: linear-gradient(120deg, var(--th-dark), var(--th-dark-2)); }
.slide-bg::after { background: linear-gradient(90deg, rgba(var(--th-dark-rgb), .86) 0%, rgba(var(--th-dark-rgb), .5) 55%, rgba(var(--th-dark-rgb), .24) 100%); }
.page-hero-mask { background: linear-gradient(90deg, rgba(var(--th-dark-rgb), .88), rgba(var(--th-dark-rgb), .6)); }
.hero-facts { background: rgba(var(--th-dark-rgb), .76); }
.footer { color: #bda896; }
.footer .foot-desc { color: var(--th-text-dim); }
.footer .fs-item { color: var(--th-text-dim); }
.footer .foot-contact p span { color: var(--th-text-dim); }
.footer .foot-links a { color: var(--th-text-dim); }
.footer .foot-bottom .wrap { color: var(--th-text-dim); }
.footer .foot-col .a-out { color: var(--th-link); }

/* 品牌渐变（CTA 条）：琥珀 → 深橙，暖度高、更"来电" */
.cta { background: linear-gradient(120deg, var(--brand-l), var(--brand-d)); }
.cta-act .btn-primary:hover { background: var(--brand-soft); }

/* 标题下的小色条改为橙金，强化暖调节奏 */
.foot-col h4::after,
.foot-contact h4::after { background: var(--brand-l); }

/* 移动端 APP 模式 */
html.app-mode .app-topbar { background: rgba(var(--th-dark-rgb), .96); }
html.app-mode main.app-deck > section.hero { background: var(--th-dark); }
html.app-mode .app-dots,
html.app-mode .app-arrow { background: rgba(var(--th-dark-rgb), .38); }
html.app-mode .app-arrow:active { background: rgba(var(--th-dark-rgb), .6); }
html.app-mode .app-hint { background: rgba(var(--th-dark-rgb), .78); }