/* 自定义样式文件 */

/* 全局样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 头部操作按钮样式 */
.header a.header-action {
    width: 55px;
    line-height: 25px;
    margin-left: 10px;
    color: #fff;
    background: linear-gradient(63deg, #a134f1 0%, #b652ff 100%, #bf68ff 100%);
    border-radius: 15px;
    text-align: center;
}

/* 推荐文本放大 */
[data-v-6cb75db0][data-v-4171953d].lf-txt {
    font-size: 0.2rem !important;
    font-weight: bold !important;
}

/* 点击下载按钮文字放大 */
[data-v-6cb75db0][data-v-4171953d].bt-txt {
    font-size: 0.3rem !important;
    font-weight: bold !important;
}

/* 基础样式 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #f8f9fa;
}

/* 容器样式 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* 响应式布局 */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }
}

/* 自定义动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in;
}

/* 自定义按钮样式 */
.custom-btn {
    display: inline-block;
    padding: 8px 16px;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-btn:hover {
    background-color: #0056b3;
}

/* 自定义卡片样式 */
.custom-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
}

/* 消息按钮样式 - 确保CSS样式立即生效 */
.message-btn {
    display: inline-block !important;
    width: 30px !important;
    height: 30px !important;
    background: url('/static/image/mes.png') no-repeat center !important;
    background-size: contain !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-right: 10px !important;
    transition: transform 0.3s ease !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.message-btn:hover {
    transform: scale(1.1) !important;
}

/* 自定义卡片样式 */
.custom-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 20px;
}

/* 消息按钮图标 */
.message-icon {
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>') no-repeat center;
    background-size: contain;
    display: inline-block;
    margin-right: 6px;
}

/* header-left 样式 */
.header-left {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}

.header-left img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

/* header-download 样式 */
.header-download img {
    display: none; /* 隐藏原有的图片 */
}

/* header-center 样式 */
.header-center {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

/* header-logo 样式 */
.header-logo {
    position: relative;
    top: -5px; /* 向上移动5px */
}

/* 轮播图分页器样式 */
.home-banner .pagination .swiper-pagination-bullet-active {
    background-color: #9231f5 !important;
}

/* Banner 尺寸比例 */
.home-banner {
    width: 96%;
    aspect-ratio: 10/4;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    margin-top: 0;
}

.home-banner .swiper-container,
.home-banner .swiper-wrapper,
.home-banner .swiper-slide {
    height: 100%;
    width: 100%;
    border-radius: 12px;
}

.home-banner .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

/* Notice 样式 */
.notice.mtb15.clearfix {
    width: 96%;
    margin: 10px auto;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
}

.notice.mtb15.clearfix * {
    line-height: 30px;
}

/* 调整图片尺寸 */
.notice.mtb15.clearfix img[data-v-3f553520] {
    width: 15px !important;
    height: 15px !important;
    vertical-align: middle;
}

/* 隐藏 message 元素 */
.message.pr {
    display: none !important;
}

/* 通知栏内容样式 */
.van-notice-bar__content {
    padding-top: 10px; /* 向下移动一点 */
    font-size: 12px; /* 缩小文本 */
    line-height: 1.2; /* 调整行高 */
}

/* 导航栏样式 */
.home-nav.mb15 {
    width: 96%;
    margin: 0 auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    height: auto;
    min-height: 80px !important;
}

/* 钱包图标样式 */
.home-nav .wallet a i {
    height: 49px !important;
    line-height: 49px !important;
}

/* wallet 容器样式 */
.home-nav .wallet {
    height: 60px !important; /* 减小高度 */
    padding: 5px 0 !important; /* 减小上下间距 */
    margin: 0 !important; /* 移除外边距 */
}

.home-nav .wallet a {
    padding: 0 !important; /* 移除内边距 */
    height: 100% !important; /* 占满容器高度 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 弹窗容器样式 */
.popup-wrap {
    border: 1px solid #9e36ff !important;
    border-radius: 12px !important;
}

/* 弹窗底部按钮样式 */
.popup-footer a {
    color: #fff !important;
    border: 1px solid #b362ff !important;
}

/* 左侧按钮样式 */
.popup-footer a:first-child {
    background: #b362ff !important;
    color: #9e36ff !important;
}

/* 右侧按钮样式 */
.popup-footer a:last-child {
    background: #9e36ff !important;
    color: #b362ff !important;
}

/* 弹窗标题样式 */
.popup-wrap h2 {
    border-top: 5px solid #9e36ff !important;
}

/* 栏目分类容器样式 */
.platform-category {
    height: 80px !important;
    min-height: 80px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 5px !important;
    gap: 5px !important;
}

.platform-category li {
    height: 80px !important;
    flex: 1 !important;
    text-align: center !important;
    padding: 0 !important;
}

/* 栏目分类图片样式 */
.platform-category li a {
    display: block !important;
    width: 100% !important;
    height: 80px !important;
    background-size: 98% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* 体育 */
.platform-category li #sports_btn {
    background-image: url('../image/ty1.png') !important;
}

.platform-category li.active #sports_btn {
    background-image: url('../image/ty2.png') !important;
}

/* 真人 */
.platform-category li #gaming_btn {
    background-image: url('../image/zr1.png') !important;
}

.platform-category li.active #gaming_btn {
    background-image: url('../image/zr2.png') !important;
}

/* 电竞 */
.platform-category li #live_btn {
    background-image: url('../image/dj1.png') !important;
}

.platform-category li.active #live_btn {
    background-image: url('../image/dj2.png') !important;
}

/* 棋牌 */
.platform-category li #lottery_btn {
    background-image: url('../image/qp1.png') !important;
}

.platform-category li.active #lottery_btn {
    background-image: url('../image/qp2.png') !important;
}

/* 电子 */
.platform-category li #chess_btn {
    background-image: url('../image/dz1.png') !important;
}

.platform-category li.active #chess_btn {
    background-image: url('../image/dz2.png') !important;
}

/* 彩票 */
.platform-category li #egame_btn {
    background-image: url('../image/cp1.png') !important;
}

.platform-category li.active #egame_btn {
    background-image: url('../image/cp2.png') !important;
}

/* 捕鱼 */
.platform-category li.sr:last-child #egame_btn {
    background-image: url('../image/by1.png') !important;
}

.platform-category li.sr:last-child.active #egame_btn {
    background-image: url('../image/by2.png') !important;
}

/* 游戏列表样式 */
.platform-wrap {
    padding: 10px !important;
    padding-bottom: 40px !important;
}

.platform-game {
    margin-bottom: 10px !important;
}

.platform-game .swiper-slide {
    padding: 5px !important;
}

.platform-game .d11-image-wrap {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 10px !important;
    aspect-ratio: 8/3 !important;
    position: relative !important;
    border: 2px solid #fff !important;
}

.platform-game .d11-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border-radius: 12px !important;
    object-fit: cover !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* 修改选择器，只针对前三个游戏卡片 */
.platform-game .swiper-slide:first-child a:nth-child(-n+3) .d11-image-wrap::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    background-image: url('data:image/png;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}

.platform-game a {
    display: block !important;
    width: 100% !important;
}

/* 分页器样式 */
.swiper-pagination {
    margin-top: -30px !important;
    position: relative !important;
    z-index: 2;
}

.swiper-pagination-bullet {
    background: #9e36ff !important;
    opacity: 0.5 !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 4px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
}

/* 单独上移首页轮播分页器 */
.swiper-pagination0.swiper-pagination.swiper-pagination-bullets {
    margin-top: -30px !important;
    position: relative !important;
    z-index: 2;
}

/* 导航栏当前选中项样式 */
.nav li a.cur {
    color: #a134f1 !important;
}

/* 标签样式 */
.van-tab--active {
    color: #fff !important;
    background-color: #a134f1 !important;
}

/* 添加更具体的选择器来确保字体颜色生效 */
.van-tabs .van-tab--active,
.van-tabs .van-tab--active span,
.van-tab--active * {
    color: #fff !important;
}

.van-tab {
    color: #a134f1 !important;
}

.van-tabs__nav--card {
    border: 1px solid #a134f1 !important;
}

/* 紫色文本颜色样式 */
.mod-promotions .menu-sub li.current a,
.mod-promotions .actdetail span em,
.mod-account .account-title p,
.mod-account .forget-btn {
    color: #a134f1 !important;
}

/* 确认按钮和橙色按钮样式 */
a.confirm-sub, 
.confirm-sub, 
a.orange-button, 
.orange-button {
    width: 100% !important;
    height: 40px !important;
    line-height: 40px !important;
    color: #fff !important;
    background-image: linear-gradient(63deg, #a134f1 0%, #be67fd 100%, #c87eff 100%) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
    border-radius: 5px !important;
    border: none !important;
    outline: 0 !important;
    display: block !important;
}

/* 账户模块快速链接样式 */
.mod-account .quicklink a {
    width: 120px;
    line-height: 30px;
    color: #a134f1;
    border: 1px solid #a134f1;
    border-radius: 5px;
    text-align: center;
}

.mod-promotions .menu-sub li.current a:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #a134f1;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 导入自定义字体 */
@font-face {
    font-family: 'ShangShouYiFeiTi';
    src: url('/static/fonts/ShangShouYiFeiTi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* 应用字体到所有元素 */
* {
    font-family: 'ShangShouYiFeiTi', sans-serif;
}

.home-nav .wallet a span {
    font-size: 17px;
    color: #4b4b4b;
}

.mod-promotions .menu-sub li {
    font-size: 17px;
    line-height: 40px;
    padding: 0 15px;
    display: inline-block;
}

.mod-windex .profile-info p {
    font-size: 22px;
    color: rgb(255, 255, 255);
    line-height: 1;
    margin-bottom: 7px;
    font-weight: normal;
    text-shadow: rgba(233, 109, 13, 0.3) 0px 2px 6px;
}
.popup-wrap h2 {
    font-weight: normal;
}
.mod-windex .action li h4 {
    font-weight: normal;
}

.header .header-title {
    font-weight: normal;
}