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

/* 顶部区域：柔和渐变，替代大块纯色 */
.index-panel {
    background: linear-gradient(180deg, #ea5514 0%, #f47a3c 42%, #f5f6f8 100%);
    padding: 12px 14px 16px;
}
.swiper-container-banner {
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    overflow: hidden;
}
/* 轮播图按 2:1 等比铺满，不写死高度，避免被拉伸变形 */
.swiper-container-banner .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    object-fit: cover;
}
.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; }

/* 广告位 */
.index-ad {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1);
    cursor: pointer;
}
.index-ad img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}
.index-ad-overlay {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    box-sizing: border-box;
    pointer-events: none;
}
.index-ad-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .35);
    letter-spacing: .5px;
    text-align: center;
}
.index-ad-go {
    margin-top: 8px;
    min-width: 72px;
    padding: 4px 16px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    border: 1.5px solid rgba(255, 255, 255, .95);
    border-radius: 999px;
    background: rgba(0, 0, 0, .12);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.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-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; }
.partner-slide .card,
.partner-slide .card img { width: 64px; height: 64px; border-radius: 64px; }
.partner-slide .swiper-slide { width: 84px; }

/* 会员卡：按等级使用不同深浅的票券底图，避免每张卡一模一样 */
.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; }

/* 顶部导航：标题与左右图标垂直居中（对齐 header 54px 高度） */
.header > .row {
    align-items: center;
    min-height: 54px;
}
.header .head-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}