/**
 * dole-ui.css — global Dolela-style layer for all frontend pages
 * Loaded after theme.css; only presentation, no business logic changes.
 */

/* Page shell */
body.huiBg .order-main,
body.huiBg .record-main,
body.huiBg .wallet-main,
body.huiBg .redeem-main,
body.huiBg .invite-main,
body.huiBg .service-main,
body.huiBg .message-main,
body.huiBg .faq-main,
body.huiBg .rule-main,
body.huiBg .annual-main,
body.huiBg .coupon-main,
body.huiBg .article-main,
body.huiBg .news-main,
body.huiBg .calculator,
body.huiBg .faru-main,
body.huiBg .official,
body.huiBg .contract-main,
body.huiBg .card-main {
    padding: 58px 12px calc(72px + env(safe-area-inset-bottom, 0));
}

body.huiBg .top {
    background: transparent;
}

/* Tabs */
body.huiBg .inline-tab {
    display: flex;
    gap: 8px;
    margin: 12px 0;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    border: none;
}

body.huiBg .inline-tab a {
    flex: 1;
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background: transparent;
}

body.huiBg .inline-tab a.active {
    background: #fff;
    color: var(--theme-accent);
}

body.huiBg .inline-tab a i {
    display: none;
}

/* Summary blocks */
body.huiBg .order-top-item,
body.huiBg .team-recharge-item,
body.huiBg .team-obtain-item,
body.huiBg .weeks-head-item {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    box-shadow: var(--theme-card-shadow);
    color: var(--theme-accent);
}

body.huiBg .order-top-item p,
body.huiBg .team-recharge-item p {
    color: #666;
}

/* Cards / lists */
body.huiBg .order-item,
body.huiBg .record-item,
body.huiBg .service-item,
body.huiBg .message-item,
body.huiBg .news-item,
body.huiBg .coupon-item,
body.huiBg .annual-list li,
body.huiBg .wallet-list,
body.huiBg .redeem-parem,
body.huiBg .weeks-parem,
body.huiBg .weeks-head,
body.huiBg .invite-code,
body.huiBg .invite-img,
body.huiBg .team-info,
body.huiBg .team-profit,
body.huiBg .team-comy,
body.huiBg .calculator-main,
body.huiBg .faru-main .layui-colla-item {
    border: none !important;
    box-shadow: var(--theme-card-shadow);
}

body.huiBg .order-item,
body.huiBg .record-item,
body.huiBg .service-item,
body.huiBg .message-item,
body.huiBg .news-item {
    margin-top: 10px;
    padding: 12px;
}

body.huiBg .record-item-tit span,
body.huiBg .service-item-tit a,
body.huiBg .coupon-item-tit a {
    background: var(--theme-primary);
    color: #fff;
    border-radius: 999px;
}

/* Forms */
body.huiBg .card-list,
body.huiBg .wallet-list,
body.huiBg .redeem-list dl {
    background: #fff;
    border-radius: 12px;
    padding: 14px 12px;
    box-shadow: var(--theme-card-shadow);
}

body.huiBg .card-item,
body.huiBg .wallet-item-input,
body.huiBg .redeem-item,
body.huiBg .calculator-bd,
body.huiBg .calculator-select {
    border-color: rgba(141, 198, 63, 0.45);
    border-radius: 10px;
    background: #fff;
}

body.huiBg .card-btn,
body.huiBg .wallet-btn,
body.huiBg .redeem-btn,
body.huiBg .contract-btn,
body.huiBg .order-item-btn button,
body.huiBg .weeks-head button,
body.huiBg .calculator-main button {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: .2px;
}

/* Tables */
body.huiBg .weeks-parem,
body.huiBg .redeem-parem {
    background: #fff;
    border-radius: 12px;
    padding: 10px;
}

body.huiBg .weeks-parem h3,
body.huiBg .redeem-parem h3,
body.huiBg .weeks-name h3 {
    color: var(--theme-accent);
    border-bottom-color: var(--theme-primary);
}

/* Invite */
body.huiBg .invite-img {
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

body.huiBg .invite-code {
    border-radius: 0 0 12px 12px;
    margin-top: -1px;
}

/* Article / FAQ / Rule text blocks */
body.huiBg .article-content,
body.huiBg .weeks-text,
body.huiBg .annual-text,
body.huiBg .wallet-rule {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 12px;
    padding: 12px;
    color: #333;
}

body.huiBg .article-title {
    color: #fff;
}

/* User center keep green hero but unify cards below */
body.mainBg .me-balance,
body.mainBg .me-obtain,
body.mainBg .me-nav,
body.mainBg .user-setting-list {
    border-radius: 12px;
    box-shadow: var(--theme-card-shadow);
}

body.mainBg .me-out a {
    background: #fff;
    color: var(--theme-accent);
    border-color: #fff;
}

/* Empty/end tips */
body.huiBg .product-end,
body.huiBg .dropload-nodata {
    color: rgba(255, 255, 255, 0.88);
}