/**
 * theme.css
 * 前台登录后 UI 主题层（在 style.css 之后加载）
 *
 * 约定：
 * - 颜色统一使用 reset.css 中 :root 变量
 * - 优先通过选择器权重覆盖，避免滥用 !important
 * - 仅对 legacy 样式必要时使用 !important
 */

/* --------------------------------------------------------------------------
   1. 布局：无底栏页面的留白
   -------------------------------------------------------------------------- */
body.huiBg .card-main,
body.huiBg .recharge-main,
body.huiBg .withdraw-main {
    padding-bottom: 24px;
}

body.huiBg .product-main,
body.huiBg.activity-page .product-main {
    padding-top: 58px;
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0));
}

body.dole-product-page--list .product-main {
    padding-top: 14px;
}

.activity-page__head {
    padding: 0 2px 12px;
    text-align: center;
}

.activity-page__head h1 {
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-text-light);
    margin: 0 0 6px;
}

.activity-page__head p {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.85);
    margin: 0;
}

/* --------------------------------------------------------------------------
   2. 顶栏 / 底栏 / 语言切换
   -------------------------------------------------------------------------- */
body.mainBg .topHome,
body.mainBg .top,
body.huiBg .topHome,
body.huiBg .top {
    color: var(--theme-text-light);
}

body.mainBg .topTit,
body.huiBg .topTit,
body.mainBg .topLeft i,
body.huiBg .topLeft i {
    color: var(--theme-text-light);
}

body.mainBg .messageEng,
body.huiBg .messageEng,
body.loginBg .messageEng {
    border-color: rgba(255, 255, 255, 0.85);
    color: var(--theme-text-light);
}

body.mainBg .topHome a span,
body.huiBg .topHome a span {
    background: var(--theme-primary);
}

body.mainBg .foot,
body.huiBg .foot {
    z-index: 200;
    pointer-events: auto;
    background: var(--theme-card-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

body.mainBg .foot ul,
body.huiBg .foot ul,
body.mainBg .foot__list,
body.huiBg .foot__list {
    box-shadow: none;
}

body.mainBg .foot li.cur a p,
body.huiBg .foot li.cur a p,
body.mainBg .foot__item--active .foot__label,
body.huiBg .foot__item--active .foot__label {
    color: var(--theme-accent);
    font-weight: 600;
}

body.mainBg .foot li a p,
body.huiBg .foot li a p,
body.mainBg .foot__label,
body.huiBg .foot__label {
    color: var(--theme-text-muted);
}

/* 底栏占位：避免内容被遮挡 */
body.mainBg .home-main,
body.mainBg .me-main,
body.huiBg .product-main,
body.huiBg .product-info-main,
body.product-detail-page .product-info-main,
body.huiBg .order-main,
body.huiBg .record-main,
body.huiBg .wallet-main,
body.huiBg .team-main,
body.huiBg .me-main,
body.huiBg .news-main,
body.huiBg .bonus-main,
body.huiBg .integral-main,
body.huiBg .culture-main,
body.egg-page .egg-shell {
    padding-bottom: calc(68px + env(safe-area-inset-bottom, 0));
}

body.egg-page .foot {
    background: var(--theme-card-bg);
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

body.egg-page .foot__label {
    color: var(--theme-text-muted);
}

body.egg-page .foot__item--active .foot__label,
body.egg-page .foot li.cur a p {
    color: var(--theme-accent);
}

/* 语言弹窗 */
body .z-lang {
    background-color: var(--theme-overlay-mask);
}

body .mask-lang {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.12);
}

body .mask-lang .lang-tit {
    color: var(--theme-accent);
    font-weight: 600;
    border-bottom: 1px solid var(--theme-border-light);
}

body .mask-lang ul li {
    border-color: var(--theme-border-input);
    border-radius: 12px;
}

body .mask-lang ul li.cur {
    border-color: var(--theme-primary);
    background: var(--theme-primary-light);
}

body .lang-true {
    color: var(--theme-primary);
}

/* --------------------------------------------------------------------------
   3. 通用组件：Tab / 按钮 / 卡片
   -------------------------------------------------------------------------- */
body .inline-tab {
    border-color: rgba(255, 255, 255, 0.6);
    box-shadow: var(--theme-card-shadow);
}

body .inline-tab a {
    color: var(--theme-text-dark);
}

body .inline-tab a.active {
    background: var(--theme-primary);
    color: var(--theme-text-light);
}

/* 主按钮 */
body .card-btn,
body .product-info-btn button:not(.disabled),
body .product-btn .rental,
body .me-links a,
body .wallet-submit,
body .wallet-btn,
body .checkCon .checkBtn,
body .z-check button {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: var(--theme-text-light);
    border-radius: var(--theme-btn-radius);
}

body .card-send,
body .login-send {
    background: var(--theme-primary);
}

body .product-info-btn button.disabled {
    background: #dbdbdb;
}

/* 白卡片 */
body .card-list,
body .product-item,
body .order-item,
body .team-item,
body .record-item,
body .news-item,
body .message-item,
body .recharge-box,
body .withdraw-box,
body .me-income,
body .me-menu li,
body .me-list li,
body .me-nav-item,
body .faq-item,
body .rule-box,
body .bonus-box,
body .weeks-box,
body .invite-box,
body .culture-item,
body .integral-item,
body .wallet-box,
body .wallet-list,
body .wallet-item,
body .coupon-item,
body .home-news-item {
    background: var(--theme-card-bg);
    border-radius: var(--theme-card-radius);
    box-shadow: var(--theme-card-shadow);
}

body .card-list {
    border: none;
}

/* --------------------------------------------------------------------------
   4. 首页
   -------------------------------------------------------------------------- */
body.mainBg .home-notice {
    border: none;
}

body.mainBg .home-news,
body.mainBg .news-main,
body.mainBg .article-main {
    background: transparent;
}

body.mainBg .banner.home-banner {
    margin-top: 0;
    border-radius: var(--theme-card-radius);
    box-shadow: var(--theme-card-shadow);
}

body.mainBg .home-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.mainBg .home-video,
body.mainBg .home-video video {
    border-radius: var(--theme-card-radius);
}

body.mainBg .home-video {
    box-shadow: var(--theme-card-shadow);
}

/* --------------------------------------------------------------------------
   5. 产品
   -------------------------------------------------------------------------- */
body.huiBg .product-item {
    border: none;
    padding: 12px;
    margin-bottom: 12px;
}

body.huiBg .product-tag {
    background: var(--theme-primary);
    color: var(--theme-text-light);
}

body.huiBg .product-tit h2 {
    color: var(--theme-text-dark);
}

body.huiBg .product-btn .rental {
    padding: 6px 16px;
}

/* --------------------------------------------------------------------------
   6. 个人中心
   -------------------------------------------------------------------------- */
body.mainBg .me-top-box p,
body.mainBg .me-top-box h3,
body.mainBg .me-top-box span,
body.mainBg .me-bar-bd {
    color: var(--theme-text-light);
}

body.mainBg .me-bar-hd {
    background: rgba(255, 255, 255, 0.35);
}

body.mainBg .me-bar-hd span {
    background: var(--theme-primary);
}

body.mainBg .me-income {
    padding: 16px 12px;
    margin-bottom: 12px;
}

body.mainBg .me-income-item p {
    color: var(--theme-text-muted);
}

body.mainBg .me-income-item {
    color: var(--theme-accent);
    font-weight: 600;
}

body.mainBg .me-nav-item p {
    color: var(--theme-text-dark);
}

body.mainBg .me-nav-change a.cur {
    background: var(--theme-primary);
    color: var(--theme-text-light);
}

body.huiBg .wallet-item-option.active {
    border-color: var(--theme-primary);
    background: var(--theme-primary-light-md);
}

/* --------------------------------------------------------------------------
   7. 表单页
   -------------------------------------------------------------------------- */
body.huiBg .card-item input {
    color: var(--theme-text-dark);
}

body.huiBg .card-item input::placeholder {
    color: var(--theme-text-muted);
}

/* --------------------------------------------------------------------------
   8. 列表 / 表格 / 加载提示
   -------------------------------------------------------------------------- */
body .weeks-parem thead,
body .redeem-parem thead,
body .team-num,
body .wallet-num,
body .product-info-attr span {
    color: var(--theme-accent);
}

body .weeks-parem thead,
body .redeem-parem thead {
    border-bottom-color: var(--theme-primary);
}

body .dropload-down,
body .dropload-noData,
body .dropload-up {
    color: var(--theme-text-light);
}

/* --------------------------------------------------------------------------
   9. 弹层 / 杂项
   -------------------------------------------------------------------------- */
body.loginBg .tips,
body.loginBg .login-message {
    color: rgba(255, 255, 255, 0.85);
}

body .checkCon,
body .z-check,
body .z-mask {
    background: var(--theme-overlay-modal);
}