/* =========================================================
   领域主题层 v1 —— 三场景皮肤
     消费 m2c：品牌橙（保持既有调优值，零变化）
     跨境 cb ：深蓝 + 金色
     工厂 mfg：工业风（石墨钢灰 + 工业黄，硬朗圆角 + 斜纹质感）
   变量语义：
     --brand        主色（渐变起点 / 按钮底 / 图标）
     --brand-2      渐变终点
     --brand-dark   浅/深底上的文字强调色（已按 AA 调优）
     --brand-line   浅色描边 / hover 边
     --brand-tint   极浅底（胶囊、提示条）
     --brand-tint2  浅色填充
     --brand-soft   渐变柔和起点
     --accent       高亮点缀（跨境=金，工厂=工业黄）
     --accent-solid 实底徽章（配白字需 ≥4.5:1）
     --glow         rgb 三元组，供 rgba(var(--glow), α) 使用
   注意：所有规则均带 data-domain，且用 :not([data-theme=dark]) 区分明暗，
        避免与 readability.css 的暗色规则互相覆盖。
   ========================================================= */

/* ---------- 兜底默认（= 消费版浅色，无 data-domain 时也不出错） ---------- */
:root {
  --brand: #ef620d;
  --brand-2: #ff9b22;
  --brand-dark: #a03e05;
  --brand-line: #d9a878;
  --brand-tint: #fef3ea;
  --brand-tint2: #f6cba0;
  --brand-soft: #ffd28a;
  --accent: #f97316;
  --accent-solid: #cc4d05;
  --glow: 255, 155, 87;
}
/* 兜底暗色（= 消费版暗色，沿用 readability 调优值） */
html[data-theme="dark"] {
  --brand: #ef620d;
  --brand-2: #ff9b22;
  --brand-dark: #ff9b57;
  --brand-line: #8a5a2b;
  --brand-tint: #2a1f14;
  --brand-tint2: #3d2a17;
  --brand-soft: #7c4a12;
  --accent: #fbbf24;
  --accent-solid: #cc4d05;
  --glow: 255, 155, 87;
}

/* ======================= ① 消费 m2c（默认橙） ======================= */
html[data-domain="m2c"]:not([data-theme="dark"]) {
  --brand: #ef620d; --brand-2: #ff9b22; --brand-dark: #a03e05;
  --brand-line: #d9a878; --brand-tint: #fef3ea; --brand-tint2: #f6cba0;
  --brand-soft: #ffd28a; --accent: #f97316; --accent-solid: #cc4d05;
  --glow: 255, 155, 87;
}
html[data-domain="m2c"][data-theme="dark"] {
  --brand: #ef620d; --brand-2: #ff9b22; --brand-dark: #ff9b57;
  --brand-line: #8a5a2b; --brand-tint: #2a1f14; --brand-tint2: #3d2a17;
  --brand-soft: #7c4a12; --accent: #fbbf24; --accent-solid: #cc4d05;
  --glow: 255, 155, 87;
}

/* ======================= ② 跨境 cb（深蓝 + 金） ======================= */
html[data-domain="cb"]:not([data-theme="dark"]) {
  --brand: #1e3a8a; --brand-2: #2f4fa8; --brand-dark: #1e40af;   /* 深蓝主色，白字 ≥8.5:1 */
  --brand-line: #93a9d4; --brand-tint: #eef2fd; --brand-tint2: #c7d6f5;
  --brand-soft: #c7d2fe;
  --accent: #a16207;        /* 金：白底 4.95:1，做点缀文字/描边 */
  --accent-solid: #a16207;  /* 金底白字 4.95:1 */
  --glow: 30, 58, 138;
}
html[data-domain="cb"][data-theme="dark"] {
  --brand: #3b6fd4; --brand-2: #5b8def; --brand-dark: #93b4fb;   /* 深底亮蓝，≥9:1 */
  --brand-line: #2f4478; --brand-tint: #16213c; --brand-tint2: #1e2d52;
  --brand-soft: #1e3a8a;
  --accent: #fbbf24;        /* 深底亮金 */
  --accent-solid: #b8860b;
  --glow: 96, 165, 250;
}
/* 金色点缀：眉标 / 旗舰徽章 / 步骤序号，让"金"看得见 */
html[data-domain="cb"] .eyebrow { color: var(--accent); }
html[data-domain="cb"] .plan-badge.pb-flagship {
  background: linear-gradient(135deg, #d4af37, #f0c75e);
  color: #1e3a8a; font-weight: 800;
}

/* ======================= ③ 工厂 mfg（工业风） ======================= */
html[data-domain="mfg"]:not([data-theme="dark"]) {
  --brand: #334155; --brand-2: #5a6b85; --brand-dark: #334155;   /* 石墨钢灰，白字 ≥9:1 */
  --brand-line: #9aa8bd; --brand-tint: #eef1f5; --brand-tint2: #cfd8e3;
  --brand-soft: #cbd5e1;
  --accent: #b45309;        /* 工业黄/警示橙：白底 4.9:1 */
  --accent-solid: #b45309;
  --glow: 51, 65, 85;
}
html[data-domain="mfg"][data-theme="dark"] {
  --brand: #64748b; --brand-2: #94a3b8; --brand-dark: #cbd5e1;   /* 深底钢灰，白字 4.8:1 */
  --brand-line: #3d4a5c; --brand-tint: #161b22; --brand-tint2: #1f2733;
  --brand-soft: #1e293b;
  --accent: #fbbf24;        /* 工业黄在深底更亮 */
  --accent-solid: #d97706;
  --glow: 148, 163, 184;
}

/* ---- 工业风"质感"：硬朗圆角（更直角）、金属渐变、斜纹/网格纹理 ---- */
html[data-domain="mfg"] {
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 10px;
}
/* 侧边栏：拉丝金属感（深灰渐变 + 细微斜纹） */
html[data-domain="mfg"] .sidebar {
  background-image:
    repeating-linear-gradient(45deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 7px),
    linear-gradient(180deg, #1b2430 0%, #141a23 100%);
}
/* 落地页：极淡的工程网格，营造"图纸/车间"质感 */
html[data-domain="mfg"] .landing {
  position: relative;
}
html[data-domain="mfg"] .landing::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image:
    linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px);
  background-size: 34px 34px, 34px 34px;
  mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 78%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 20%, transparent 78%);
}
html[data-domain="mfg"] .landing-inner { position: relative; z-index: 1; }
/* 工业黄点缀：眉标 / 步骤序号 */
html[data-domain="mfg"] .eyebrow { color: var(--accent); }