/* ============================================================
   鑫焱峰客户中心 · 品牌皮肤（2026-10-27）
   由 /portal/brand 下发 brandColor* 后自动应用到 CSS 变量
   优先级：本文件 > 页面内联橙色
   ============================================================ */

/* 覆盖 CSS 变量：只在鑫焱峰实例（html[data-brand="xm"]）生效 */
html[data-brand="xm"]{
  --brand:  #C8102E !important;
  --brand2: #E01B33 !important;
  --brand3: #8F0A20 !important;
  --xyf-red: #C8102E;
  --xyf-red-dark: #8F0A20;
  --xyf-red-soft: #fdf2f4;
}

/* 把写死的橙色 rgba 也覆盖掉（原设计用了大量 rgba(255,122,26,*)） */
html[data-brand="xm"] .topbar .brand .txt .t2{ color:#C8102E; }
html[data-brand="xm"] .topbar a.act:hover{ color:#C8102E; background:rgba(200,16,46,.07); }
html[data-brand="xm"] .tabbar .tb.on{ color:#C8102E; }
html[data-brand="xm"] .tabbar .tb.on{ border-bottom-color:#C8102E; }
html[data-brand="xm"] .me-links a:hover{ color:#C8102E; border-color:rgba(200,16,46,.3); }
html[data-brand="xm"] .stats .st .v.acc{ color:#C8102E; }
html[data-brand="xm"] .amt{ color:#8F0A20; }
html[data-brand="xm"] .pager button:hover:not(:disabled){ border-color:#C8102E; color:#C8102E; }
html[data-brand="xm"] .modal-box h3{ color:#C8102E; }
html[data-brand="xm"] .field input:focus{ border-color:#E01B33; box-shadow:0 0 0 3px rgba(200,16,46,.12); }
html[data-brand="xm"] .qm-sec{ border-left-color:#C8102E; }
html[data-brand="xm"] .qm-amt{ color:#C8102E; }
html[data-brand="xm"] .qm-total b{ color:#C8102E; }
html[data-brand="xm"] .src-pick-btn.on{ border-color:#E01B33; background:rgba(200,16,46,.06); }
html[data-brand="xm"] .src-pick-btn.on b{ color:#C8102E; }
html[data-brand="xm"] .gift-pts{ color:#8F0A20; }
html[data-brand="xm"] .src-btn.on{ border-color:#C8102E; background:#fdf2f4; box-shadow:0 2px 10px rgba(200,16,46,.10); }
html[data-brand="xm"] .src-btn.on .src-nm{ color:#C8102E; }
html[data-brand="xm"] .step.doing .step-dot{ background:#C8102E; box-shadow:0 0 0 4px rgba(200,16,46,.13); }
html[data-brand="xm"] .step.doing .step-name{ color:#C8102E; }
html[data-brand="xm"] .step.doing .step-time{ color:#C8102E; }
html[data-brand="xm"] .lb-doing{ color:#C8102E; }
html[data-brand="xm"] .placeholder-step .ph-dot{ background:#C8102E; }

/* 进度条：鑫焱峰用自己的红渐变，比单色更有质感 */
html[data-brand="xm"] .prog-bar i{
  background:linear-gradient(90deg,#8F0A20,#C8102E 55%,#E01B33) !important;
  border-radius:3px;
}
html[data-brand="xm"] .prog-pct{ color:#C8102E; }

/* 顶栏：鑫焱峰做一条红色顶饰，品牌感更足 */
html[data-brand="xm"] .topbar{
  border-bottom:1px solid #f0ecec;
  position:relative;
}
html[data-brand="xm"] .topbar::before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#8F0A20,#C8102E 60%,#E01B33);
}

/* 底部 tabbar 选中态 */
html[data-brand="xm"] .tabbar .tb.on{ color:#C8102E; }

/* 页脚：显示鑫焱峰备案号 */
.xyf-foot{
  text-align:center;font-size:12px;color:#999;padding:20px 16px 30px;line-height:2;
}
.xyf-foot a{color:#999;text-decoration:none}
.xyf-foot a:hover{color:#C8102E}
.xyf-foot .sep{margin:0 8px;color:#ddd}

/* 首页登录卡片：鑫焱峰版红色强调 */
html[data-brand="xm"] .head .lg .tx .t2{ display:none; }
html[data-brand="xm"] .btn-main,
html[data-brand="xm"] .login-btn{
  background:linear-gradient(135deg,#C8102E,#E01B33) !important;
  border-color:#C8102E !important;
}

/* ═══ 鑫焱峰品牌：hero 卡片用红色系（原来写死匠精灵橙棕） ═══ */
html[data-brand="xm"]{
  --hero-bg:linear-gradient(140deg,#3d0410 0%,#6b0718 55%,#a30d26 100%);
  --hero-orb:rgba(200,16,46,.5);
  --hero-orb2:rgba(224,27,51,.28);
}
html[data-brand="xm"] .hero{ box-shadow:0 10px 26px rgba(143,10,32,.32); }