/* 御图印务 v3 · 前台配色皮肤（只改颜色，不动任何布局与交互）
 *
 * 方案：红色系
 *   ① 顶栏：原来的黄色 #ffd900 → 深红（白字）
 *   ② 强调色：选中描边 / 链接 / 价格 → 正红；主按钮 → 亮红
 * 做法是接管 site.css 的 CSS 变量 —— 所以不会遗漏、也不会动结构。
 * 想换色只改下面这几行。
 */
:root {
  /* ① 顶栏（原 --yellow 系） */
  --yellow: #b3261e;
  --yellow-dark: #8c1d18;

  /* ② 主操作按钮（原来近黑） */
  --cta: #d93025;
  --cta-hover: #b3261e;

  /* ③ 选中/链接/价格强调色 */
  --brand: #d93025;
  --brand-dark: #b3261e;
  --brand-soft: #fdeceb;
  --brand-line: #f3b7b2;
}

/* ---------- 顶栏：深红底白字 ---------- */
.topbar { color: #fff; }
.topbar .brand, .topbar .brand:hover, .topbar .brand-text b { color: #fff; }
.topbar .brand-text small { color: #f2c9c5; }
.topbar .topnav a { color: #fbe9e7; }
.topbar .topnav a:hover { background: rgba(255, 255, 255, .16); color: #fff; }
.brand-logo { background: #fff; }
.lg-back { fill: #ffffff; }
.lg-front { fill: #b3261e; }                            /* 白底红字，红顶栏上最清楚 */
.lg-line { stroke: #d93025; }

/* 搜索框：红底上的浅色胶囊 */
.topbar .search { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .26); }
.topbar .search input { background: transparent; color: #fff; }
.topbar .search input::placeholder { color: rgba(255, 255, 255, .66); }
.topbar .search .sic { stroke: #f6d3d0; }

/* 顶栏上的"立即下单"：白底红字，红底上最醒目 */
.topbar .btn-top, .topbar .btn-dark {
  background: #fff !important; border-color: #fff !important; color: #b3261e !important;
}
.topbar .btn-top:hover, .topbar .btn-dark:hover { background: #ffe9e7 !important; }

/* ---------- 顶部色带 + 右下角版本标（v3 专属，v2 没有） ---------- */
body::before {
  content: ''; position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 99998;
  background: linear-gradient(90deg, #b3261e, #f08c00);
}
body::after {
  content: 'v3 测试版'; position: fixed; right: 14px; bottom: 14px; z-index: 99999;
  background: #d93025; color: #fff; padding: 6px 13px; border-radius: 20px;
  font: 600 12px/1.2 system-ui, "Microsoft YaHei", sans-serif; letter-spacing: .3px;
  box-shadow: 0 3px 10px rgba(179, 38, 30, .38); pointer-events: none;
}

/* ---------- 其它强调色统一 ---------- */
.pc-submit, .quote-submit, .btn-primary { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.pc-submit:hover, .btn-primary:hover { background: var(--brand-dark) !important; }
.tab.on, .chip.on, .opt.on, .size-btn.on, .cat.on { background: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
a { color: var(--brand-dark); }
.total, .price-now, .pc-total { color: var(--brand-dark); }

/* 左侧竖条标题（产品信息 / 产品算价 那种小竖条）→ 红 */
.sec-bar, .h-bar, .sec-title::before, .pane-title::before { background: var(--brand) !important; }

/* v3 角标（由 v3-badge.js 插到顶栏品牌名后） */
.v3-head-tag {
  display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 9px;
  background: rgba(255, 255, 255, .22); color: #fff; font-size: 11px; vertical-align: middle;
}

/* 顶栏留出 3px 色带的位置 */
.topbar { padding-top: 3px !important; }