/**
 * CC 模式下 legacy / WAP 页面配色桥接
 * 覆盖异步加载的 legacy-css 与 Vue 侧 wap-*.css 薄荷绿体系
 */
html.page-home-cc,
html.page-home-cc body.page-home-cc {
  /* legacy 页常用 CSS 变量 */
  --grad: linear-gradient(135deg, #d21e2c 0%, #d21e2c 100%);
  --grad-h: linear-gradient(135deg, #d21e2c 0%, #d21e2c 100%);
  --grad-light: linear-gradient(135deg, rgba(210, 30, 44, 0.08) 0%, rgba(210, 30, 44, 0.04) 100%);
  --grad-start: #d21e2c;
  --grad-mid: #b01824;
  --grad-end: #d21e2c;
  --red: var(--cc-red-hot);
  --coral: var(--cc-red-hot);
  --orange: var(--cc-red-hot);

  --uc-accent: var(--cc-red-hot);
  --uc-accent-dark: var(--cc-header-bg);
  --uc-accent-deep: var(--cc-red-deep);
  --uc-accent-muted: var(--cc-red-hot);
  --uc-accent-light: var(--cc-red-light);
  --uc-accent-rgb: 210, 30, 44;
  --uc-icon-stroke: var(--cc-red-hot);
  --uc-head-gradient: linear-gradient(180deg, #111111 0%, #1a1a1a 100%);
  --uc-invite-bg: var(--cc-header-bg);
  --uc-invite-btn-gradient: linear-gradient(180deg, #d21e2c 0%, #b01824 100%);

  --auth-accent-light: var(--cc-red-hot);
  --auth-head-gradient: linear-gradient(180deg, #111111 0%, #1a1a1a 100%);

  --msg-accent: var(--cc-red-hot);
  --fx-mi-accent: var(--cc-red-hot);
  --lv-accent: var(--cc-red-hot);
  --nr-accent: var(--cc-green-forest);
  --nr-accent-dark: var(--cc-red-hot);
  --nr-timer-to: var(--cc-gold);

  --tab-active: var(--cc-red-hot);
  --tab-inactive: #666666;
  --tab-bg: #ffffff;

  --cart-v3-canvas: var(--cc-bg);
  --cart-v3-accent: var(--cc-red-hot);
  --cart-v3-price: var(--cc-red-hot);

  --trend-primary: var(--cc-red-hot);
  --trend-accent: var(--cc-green-forest);
  --trend-orange: var(--cc-red-hot);
  --trend-gradient: linear-gradient(135deg, #111111 0%, #1a1a1a 100%);

  --fw-win-brand: var(--cc-red-hot);
  --fw-win-mid: var(--cc-red-deep);
  --fw-win-light: #f5c6cb;
}

/* ===== 顶栏：深炭黑替代薄荷绿渐变 ===== */
html.page-home-cc .header.wap-vue-title-header:has(.wap-page-hd) .header-wrap,
html.page-home-cc .header.wap-vue-title-header:has(.wap-page-hd) .c-hd,
html.page-home-cc .header.wap-header--charge .header-wrap,
html.page-home-cc .header.wap-vue-title-header.wap-header--charge .header-wrap,
html.page-home-cc .header.wap-header--charge .c-hd,
html.page-home-cc .header.wap-vue-title-header.wap-header--charge .c-hd,
html.page-home-cc .header.wap-header--fx-invite-light .header-wrap,
html.page-home-cc .header.wap-vue-title-header.wap-header--fx-invite-light .header-wrap,
html.page-home-cc .header.wap-header--fx-invite-light .c-hd,
html.page-home-cc .header.wap-vue-title-header.wap-header--fx-invite-light .c-hd,
html.page-home-cc .header.wap-header--winlog .header-wrap,
html.page-home-cc .header.wap-vue-title-header.wap-header--winlog .header-wrap,
html.page-home-cc .header.wap-header--winlog .c-hd,
html.page-home-cc .header.wap-vue-title-header.wap-header--winlog .c-hd,
html.page-home-cc .header .header-wrap,
html.page-home-cc .header .c-hd,
html.page-home-cc .wap-header--gradient .c-hd {
  background: var(--cc-header-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
}

/* 大转盘保留专用深色主题 */
html.page-home-cc .header.header--wheel .header-wrap,
html.page-home-cc .header.wap-vue-title-header.header--wheel .header-wrap,
html.page-home-cc .header.header--wheel .c-hd,
html.page-home-cc .header.wap-vue-title-header.header--wheel .c-hd {
  background: linear-gradient(180deg, #3a0808 0%, #5c1010 42%, #4a0a0a 100%) !important;
}

/* ===== 底栏 ===== */
html.page-home-cc .app-tab-bar {
  --tab-active: var(--cc-red-hot);
  --tab-inactive: #666666;
}

html.page-home-cc .app-tab-bar .menu_item.cur .tab-bar-cart-badge,
html.page-home-cc .app-tab-bar .f_menu .cart_num {
  background: var(--cc-red-hot) !important;
}

/* ===== 购物车 v3 ===== */
html.page-home-cc .cart-v3-page,
html.page-home-cc .cart_index_v3 {
  --cart-v3-accent: var(--cc-red-hot);
  --cart-v3-price: var(--cc-red-hot);
  --cart-v3-canvas: var(--cc-bg);
}

html.page-home-cc .cart-v3-page .cart-v3-checkout,
html.page-home-cc .cart_index_v3 .cart_checkout_btn {
  background: var(--cc-red-hot) !important;
  background-image: none !important;
}

/* ===== 分类 / 搜索 / 揭晓 legacy 布局 ===== */
html.page-home-cc .cate-hy-layout .cate-hy-tab--active,
html.page-home-cc .search-hy-layout .search-hy-tab--active {
  color: var(--cc-red-hot) !important;
  border-color: var(--cc-red-hot) !important;
}

html.page-home-cc .cate-hy-layout .cate-hy-buy,
html.page-home-cc .search-hy-layout .search-hy-buy,
html.page-home-cc .cate-hy-layout .hy-add-cart,
html.page-home-cc .search-hy-layout .hy-add-cart {
  background: var(--cc-red-hot) !important;
  background-image: none !important;
}

html.page-home-cc .cate-hy-layout .cate-hy-progress__bar,
html.page-home-cc .search-hy-layout .search-hy-progress__bar {
  background: linear-gradient(90deg, var(--cc-green-forest), var(--cc-green)) !important;
}

html.page-home-cc .wap-anno-page .anno-item__accent,
html.page-home-cc .wap-anno-page .anno-tab--active {
  color: var(--cc-red-hot) !important;
}

html.page-home-cc .wap-anno-page .anno-progress__bar,
html.page-home-cc .wap-anno-page .anno-item__btn {
  background: linear-gradient(90deg, var(--cc-green-forest) 0%, var(--cc-green-forest) 100%) !important;
}

html.page-home-cc .wap-anno-page .anno-item__cta,
html.page-home-cc .wap-anno-page .anno-buy-btn {
  background: var(--cc-red-hot) !important;
  background-image: none !important;
}

/* ===== 趋势页 ===== */
html.page-home-cc .trend-page {
  --trend-primary: var(--cc-red-hot);
  --trend-accent: var(--cc-green-forest);
  --trend-gradient: linear-gradient(135deg, #111111 0%, #1a1a1a 100%);
}

/* ===== 通用 legacy 按钮 / 链接 / 价格 ===== */
html.page-home-cc .submit,
html.page-home-cc .submit_btn,
html.page-home-cc .login_btn,
html.page-home-cc .reg_btn,
html.page-home-cc .pay_btn,
html.page-home-cc .buy_btn,
html.page-home-cc .btn_buy,
html.page-home-cc .add_cart,
html.page-home-cc .cart_check_btn,
html.page-home-cc .uc_btn,
html.page-home-cc .btn-red,
html.page-home-cc .btn-primary,
html.page-home-cc .money_btn,
html.page-home-cc .charge_btn,
html.page-home-cc .confirm_btn {
  background: var(--cc-red-hot) !important;
  background-image: none !important;
  border-color: var(--cc-red-hot) !important;
}

html.page-home-cc a.swich,
html.page-home-cc .swich,
html.page-home-cc .link-accent,
html.page-home-cc .text-accent,
html.page-home-cc .price,
html.page-home-cc .money,
html.page-home-cc .highlight {
  color: var(--cc-red-hot);
}

/* 进度条深绿 */
html.page-home-cc .progress-bar,
html.page-home-cc .progress .bar,
html.page-home-cc .duobao-progress__fill,
html.page-home-cc .pk-progress__bar {
  background: var(--cc-green-forest) !important;
  background-image: none !important;
}

/* 页面背景统一浅灰 */
html.page-home-cc .wrap,
html.page-home-cc .page-wrap,
html.page-home-cc .main-content,
html.page-home-cc #main,
html.page-home-cc .content {
  background-color: var(--cc-bg);
}

/* 中奖弹窗 */
html.page-home-cc .fw-win-root {
  --fw-win-brand: var(--cc-red-hot);
  --fw-win-mid: var(--cc-red-deep);
  --fw-win-light: #f5c6cb;
}

/* CC 顶栏 */
html.page-home-cc .cc-top {
  background: var(--cc-header-bg) !important;
}

html.page-home-cc .cc-trust {
  background: #1a1a1a;
}

html.page-home-cc .cc-trust__stars {
  color: var(--cc-green);
}

/* 登录注册：CC 深色顶栏（须覆盖 .auth-page 自带的绿色 --auth-head-gradient） */
html.page-home-cc .auth-page,
html.page-home-cc .login-page,
html.page-home-cc .register-page {
  --auth-accent-dark: var(--cc-red-deep);
  --auth-accent: var(--cc-red-hot);
  --auth-accent-light: var(--cc-red-light);
  --auth-head-gradient: linear-gradient(180deg, #111111 0%, #1a1a1a 100%);
  background: var(--auth-head-gradient) !important;
}

html.page-home-cc .auth-page .auth-input-row:focus-within {
  border-color: rgba(210, 30, 44, 0.35);
  box-shadow: 0 0 0 3px rgba(210, 30, 44, 0.1);
}

html.page-home-cc .auth-page .auth-submit-btn {
  background: var(--auth-accent);
  box-shadow: 0 4px 12px rgba(210, 30, 44, 0.22);
}

html.page-home-cc .auth-head,
html.page-home-cc .login-head {
  background: var(--cc-header-bg) !important;
  background-image: none !important;
}

/* SVG 图标默认描边 */
html.page-home-cc .wap-svg-icon--accent {
  color: var(--cc-red-hot);
}

/* legacy 通用强调色类 */
html.page-home-cc .txt-red,
html.page-home-cc .text-red,
html.page-home-cc .color-red,
html.page-home-cc .red {
  color: var(--cc-red-hot) !important;
}

html.page-home-cc .btn-green,
html.page-home-cc .btn-success,
html.page-home-cc .green-btn {
  background: var(--cc-red-hot) !important;
  background-image: none !important;
  border-color: var(--cc-red-hot) !important;
  color: #fff !important;
}