/* ===== 首页视觉微调（不改结构，仅覆盖样式）===== */
body { background: #f5f6f8; }

/* 顶部区域：柔和渐变，替代大块纯色 */
.index-panel {
    background: linear-gradient(180deg, #ea5514 0%, #f47a3c 42%, #f5f6f8 100%);
    padding: 12px 14px 16px;
}
/* 首页 Banner：固定 42vw，图片铺满 */
.swiper-container-banner {
    height: 42vw;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    overflow: hidden;
}
.swiper-container-banner .swiper-wrapper,
.swiper-container-banner .swiper-slide,
.swiper-container-banner .swiper-slide a {
    height: 100%;
}
.swiper-container-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner-pagination { text-align: center; }

/* 余额条 */
.home-bal-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 12px;
    box-shadow: 0 4px 14px rgba(234, 85, 20, .12);
}
.home-bal-bar .lab {
    font-size: 12px;
    color: #9aa0a6;
    margin-bottom: 4px;
}
.home-bal-bar .val {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    line-height: 1.1;
}
.home-bal-bar .vip-tag {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 20px;
    background: linear-gradient(135deg, #ffb648, #ea5514);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    vertical-align: 3px;
}
.home-bal-bar .btn-bal {
    height: 34px;
    padding: 0 16px;
    line-height: 34px;
    border-radius: 20px;
    background: linear-gradient(135deg, #f9873f, #ea5514);
    color: #fff;
    font-size: 13px;
    border: none;
    box-shadow: 0 3px 10px rgba(234, 85, 20, .28);
}

/* 快捷入口：白底卡片承托，图标不再持续弹跳 */
.menu-cells,
.link-cells {
    background: #fff;
    border-radius: 14px;
    padding: 14px 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}
.menu-cells { margin-bottom: 10px !important; }
.mu-link img { width: 40px; height: 40px; }
.link-c img { width: 32px; height: 32px; }
.menu-cells p,
.link-cells p {
    color: #55595e !important;
    font-size: 12px;
    margin-bottom: 0;
}
.mu-link:active img,
.link-c:active img { transform: scale(.92); }
.mu-link img,
.link-c img { transition: transform .15s ease; }

/* 广告位：素材 640×125，按比例定高，右侧文案不裁切 */
.index-ad {
    position: relative;
    width: 100%;
    aspect-ratio: 640 / 125;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1);
    cursor: pointer;
    background: #c9a227;
}
.index-ad img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    border-radius: 0;
    display: block;
}
.index-ad-overlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 46%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.5%;
    padding: 2% 3% 2% 2%;
    box-sizing: border-box;
    pointer-events: none;
    text-align: center;
}
.index-ad-title {
    color: #fff;
    font-size: clamp(13px, 3.8vw, 18px);
    font-weight: 700;
    line-height: 1.15;
    max-width: 100%;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-ad-go {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    padding: 1.5% 10%;
    color: #fff;
    font-size: clamp(10px, 2.6vw, 12px);
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-radius: 999px;
    background: rgba(0, 0, 0, .14);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    box-sizing: border-box;
}
.index-ad-go span {
    letter-spacing: 0;
}

/* 卡片与标题：去掉图片标题条，改为细腻标题 */
.index-card {
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    overflow: hidden;
}
.index-card_hd {
    height: auto;
    line-height: 1.4;
    padding: 16px 16px 10px;
    text-align: left;
    background: none;
    border-radius: 0;
    color: #222;
    font-weight: 600;
    font-size: 16px;
    font-family: inherit;
    position: relative;
}
.index-card_hd::before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 15px;
    margin-right: 8px;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffb648, #ea5514);
    vertical-align: -2px;
}
.index-card .card-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    padding-bottom: 4px;
}

/* 收益滚动表：一屏 5 行，纵向滚动展示 20 条 */
.index-card_table .row { border-bottom: 1px solid #f2f3f5; }
.index-card_table > .row > div span { color: #9aa0a6 !important; font-weight: 600; }
.agent-slide {
    height: 180px !important;
    overflow: hidden;
}
.agent-slide .swiper-wrapper {
    height: 180px !important;
}
.agent-slide .swiper-slide {
    height: 36px !important;
}
.agent-slide .row { color: #6b7075; height: 36px; line-height: 36px; }
.agent-slide .row > div:last-child { color: #ea5514; font-weight: 600; }

/* 合作伙伴 */
.partner-slide {
    width: 100% !important;
    height: 84px !important;
    overflow: hidden;
}
.partner-slide .card,
.partner-slide .card img { width: 64px; height: 64px; border-radius: 64px; }
.partner-slide .swiper-slide { width: 84px; height: 84px; }

/* VIP 轮播：容器高度与票券卡一致，禁止多页纵向撑开 */
.vip-slide {
    height: 410px;
    overflow: hidden;
}
.vip-slide .swiper-wrapper,
.vip-slide .swiper-slide {
    height: 410px !important;
}
.vip-slide .vip-card {
    height: 410px;
}

/* 会员卡：按等级使用不同深浅的票券底图，避免每张卡一模一样 */
.vip-card.vip_bg_0 { background-image: url(/app/static/img/ui/vip/v1.png); }
.vip-card.vip_bg_1 { background-image: url(/app/static/img/ui/vip/v2.png); }
.vip-card.vip_bg_2 { background-image: url(/app/static/img/ui/vip/v3.png); }
.vip-card.vip_bg_3 { background-image: url(/app/static/img/ui/vip/v4.png); }
.vip-card.vip_bg_4 { background-image: url(/app/static/img/ui/vip/v5.png); }
.vip-card.vip_bg_5 { background-image: url(/app/static/img/ui/vip/v6.png); }
.vip-card.vip_bg_6 { background-image: url(/app/static/img/ui/vip/v7.png); }
.vip-card.vip_bg_7 { background-image: url(/app/static/img/ui/vip/v8.png); }
.vip-card.vip_bg_8 { background-image: url(/app/static/img/ui/vip/v9.png); }
.vip-card.vip_bg_9 { background-image: url(/app/static/img/ui/vip/v10.png); }
.vip-card_bd .vip-top { color: #7a5b0f; }
.vip-data .val { font-weight: 600; color: #5c4409; }
.vip-foot .rp-val { color: #7a5b0f; font-weight: 600; }

/* 压缩 VIP 卡上下间距，给收益区腾出空间 */
.vip-card .vip-card_bd {
    padding-top: 18px;
    height: 255px;
}
.vip-card .vip-ico img {
    width: 118px;
}
.vip-card .vip-card_bd .vip-top {
    font-size: 34px;
    margin-bottom: 0;
}
.vip-card .vip-ico {
    margin: -4px 0 0;
    line-height: 0;
}

/* 三列指标：收益数字放大，行距收紧 */
.vip-data.vip-data-3 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    margin-top: -2px;
    padding: 0 2px;
}
.vip-data.vip-data-3 .vip-stat {
    flex: 1 1 0;
    min-width: 0;
    max-width: 33.33%;
    padding: 0;
    text-align: center;
}
.vip-data.vip-data-3 .val {
    font-size: 6vw;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vip-data.vip-data-3 .label {
    margin-top: 1px;
    font-size: 4vw;
    line-height: 1.15;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 底部价格行：数字 + VND 单位分开展示，天数单独一行 */
.vip-foot {
    padding: 8px 15px 12px 15px !important;
}
.vip-foot .rp-val {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 6px;
    font-size: 26px;
    line-height: 1.05;
    margin-bottom: 2px;
}
.vip-foot .rp-val .rp-num {
    font-weight: 700;
}
.vip-foot .rp-val .rp-unit {
    font-size: 14px;
    font-weight: 600;
    opacity: 0.85;
}
.vip-foot .rp-sub {
    text-align: center;
    font-size: 12px;
    line-height: 1.1;
    opacity: 0.7;
    margin-bottom: 6px;
    color: #7a5b0f;
}

/* 顶部导航对齐已迁入 style.css 全局规则 */