/* ============================================================
   migrated.css - 迁移板块样式
   来源: 根目录 css/style.css 中迁移板块相关样式
   转换: px → rem (÷100)，适配 1920px rem 系统
   图片路径: ../images/ (从 css/ 目录出发)
   ============================================================ */

/* ==================== 首页 ==================== */
.part-home {
    background-color: #4e2107;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.part-home .time {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7.94rem;       /* 794px */
    font-size: 0.16rem;  /* 16px */
    color: #dbc367;
}

/* ==================== 迁移板块通用背景 ==================== */
.part-summon,
.part-hongbao,
.part-gift {
    background-image: url('../images/page.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

/* ==================== 板块通用布局 ==================== */
.part-summon .main,
.part-hongbao .main,
.part-gift .main,
.part-crystal .main,
.part-bio .main,
.part-legend .main,
.part-title .main,
.part-all .main,
.part-lightid .main {
    text-align: center;
    padding-top: 0.55rem;  /* 40px */
}

.part-summon .tit,
.part-hongbao .tit,
.part-gift .tit,
.part-crystal .tit,
.part-bio .tit,
.part-legend .tit,
.part-title .tit,
.part-all .tit,
.part-lightid .tit {
    height: 0.80rem;       /* 80px */
    width: 9.13rem;        /* 913px - 适配最宽子图 */
    margin: 0 auto 0.02rem; /* 2px */
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    background: url('../images/title.png') no-repeat;
    background-size: 9.13rem 7.57rem;  /* 雪碧图原图 913×757，随 rem 等比缩放 */
}

/* 现有子图 t2-t5 */
.part-summon .t2 { background-position: 0 -0.80rem; margin-bottom: -0.10rem; }
.part-hongbao .t3 { background-position: 0.25rem -1.60rem; margin-bottom: -0.10rem; }
.part-gift .t4 { background-position: 0.20rem -2.33rem; margin-bottom: -0.04rem; }
.part-crystal .t5 { background-position: 0.36rem -3.05rem;  margin-bottom: 0.15rem; }

/* 新增子图 t6-t11 (specificity 0,2,0 同 .part-xxx .tit，位置在后可覆盖) */
.tit.t6 { background-position: -0rem -3.85rem; height: 0.60rem; margin-bottom: 0.07rem; }  /* 专属称号 782x60 */
.tit.t7 { background-position: -0.03rem -4.47rem; height: 0.60rem; margin-bottom: 0.07rem;}  /* 传奇之路 782x60 */
.tit.t8 { background-position: 0 -5.09rem; height: 0.60rem; margin-bottom: 0.07rem; }         /* 全民现金红包 913x60 */
.tit.t9 { background-position: -0.0rem -5.71rem; height: 0.61rem; margin-bottom: 0.07rem; }  /* 开启传奇 782x61 */
.tit.t10 { background-position: -0.08rem -6.34rem; height: 0.60rem; margin-bottom: 0.07rem; } /* 点亮ID 737x60 */
.tit.t11 { background-position: 0 -6.96rem; height: 0.61rem; margin-bottom: 0.07rem; }        /* 贪玩全系传奇 913x61 */

/* ==================== sprite-title-big.png 缩小至 80% ==================== */
.title-badge { background-size: 4.90rem 6.02rem; }  /* 6.12rem 7.52rem × 0.8 */
.title-s0 { width: 3.69rem; height: 1.08rem; background-position: -0.60rem 0; }       /* 4.61 1.35 -0.75 0 */
.title-s1 { width: 3.19rem; height: 0.97rem; background-position: -0.85rem -1.11rem; }  /* 3.99 1.21 -1.06 -1.39 */
.title-s2 { width: 4.90rem; height: 1.61rem; background-position: 0 -2.11rem; }       /* 6.12 2.01 0 -2.64 */
.title-s3 { width: 3.89rem; height: 0.92rem; background-position: -0.50rem -3.75rem; }  /* 4.86 1.15 -0.63 -4.69 */
.title-s4 { background-size: 3.98rem 4.89rem; width: 3.65rem; height: 1.07rem; background-position: -0.16rem -3.82rem; }  /* s4 单独缩小至65%: 5.62 1.64 -0.25 -5.88 */

.part-summon .intro,
.part-hongbao .intro,
.part-gift .intro,
.part-crystal .intro {
    color: #cbaf7a;
    line-height: 0.20rem;  /* 20px */
    font-size: 0.14rem;    /* 14px */
}

/* ==================== 雪碧图按钮基础类（作用域隔离） ==================== */
.part-summon .btn {
    background: url('../images/btn.png') no-repeat -999px;
    background-size: 7.12rem 3.00rem;  /* 雪碧图原图 712×300，随 rem 等比缩放 */
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    text-indent: -999px;
}

/* ==================== 召唤传奇兄弟 ==================== */
.scroll-wrap {
    width: 14.00rem;  /* 1400px */
    margin: 0 auto;
    position: relative;
}

.summon-content {
    margin-top: 0.30rem;  /* 30px */
}

.summon-count {
    font-size: 0.16rem;    /* 16px */
    line-height: 0.28rem;  /* 28px */
    font-weight: bold;
    color: #df912e;
    margin-bottom: 0.20rem;  /* 20px */
    margin-top: 0.20rem;
    text-decoration: underline;
}

.summon-count .count-num {
    color: #df912e;
}

.summon-buttons {
    display: flex;
    justify-content: center;
    gap: 0.20rem;  /* 20px */
}

.part-summon .summon-btn {
    width: 2.11rem;   /* 211px */
    height: 0.53rem;  /* 53px */
    background: url('../images/sprite-main.png') no-repeat;
    background-size: 3.67rem 9.81rem;  /* 367x756px */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.20rem;  /* 20px */
    color: #fff;
    text-decoration: none;
}

.part-summon .summon-btn.btn-1 {
    background-position: -0.78rem -7.03rem;  /* 生成召唤码 (78,703) */
    margin-right: 1.50rem;
}

.part-summon .summon-btn.btn-2 {
    background-position: -0.78rem -6.48rem;  /* 使用召唤码 (78,648) */
}

/* ---- 视频区域 ---- */
.video-box {
    width: 12.80rem;   /* 1280px */
    margin: -0.13rem auto 0;  /* -13px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.30rem;  /* 30px */
}

.video-box .video-left {
    width: 9.12rem;   /* 912px */
    height: 5.26rem;  /* 526px */
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}

.video-cover {
    width: 8.60rem;   /* 860px */
    height: 4.98rem;  /* 506px */
    object-fit: none;
    display: block;
    box-sizing: border-box;
    margin: 0.25rem auto 0;  /* 18px */
}


.video-left::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/video-border.png') no-repeat center center;
    background-size: 100% 100%;
    z-index: 2;
    pointer-events: none;
}

.video-left::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2.10rem;   /* 210px */
    height: 2.10rem;  /* 210px */
    background: url('../images/play.png') no-repeat;
    background-size: 2.10rem 2.02rem;  /* 播放按钮原图 210×202，随 rem 缩放 */
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 3;
}

.video-left:hover::after {
    filter: brightness(1.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.video-right {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;  /* 16px */
    margin-top: 0.16rem;
    flex: 1;          /* 占据 video-left 之外的剩余空间 */
    min-width: 0;     /* 允许 flex 收缩，不被图片原始宽度 333px 撑开 */
}

.video-right .prize {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 333 / 160;  /* 奖品图原始比例 333×160，等比缩放 */
}

.prize-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.prize-overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 0.10rem 0.10rem 0.40rem;  /* 0 10px 10px 40px */
    box-sizing: border-box;
}

.prize-overlay .p-reward {
    font-size: 0.22rem;  /* 22px */
    font-weight: bold;
    color: #92370d;
    font-family: "Microsoft YaHei", sans-serif;
}

.prize-overlay .p-remain {
    font-size: 0.14rem;    /* 14px */
    line-height: 0.28rem;  /* 28px */
    color: #92370d;
}

.part-summon .btn-get {
    width: 0.90rem;   /* 90px */
    height: 0.26rem;  /* 26px */
    line-height: 0.26rem;
    text-align: center;
    background-position: -5.40rem -0.14rem;  /* -540px -14px */
    color: #fff;
    transition: all 0.3s;
    margin-top: 0.10rem;  /* 10px */
}

.part-summon .btn-get:hover {
    filter: brightness(1.3);
}

/* ==================== 现金红包 ==================== */
.hongbao-area {
    margin-top: 0.40rem;  /* 40px */
    width: 8.00rem;       /* 800px */
    height: 5.00rem;      /* 500px */
    margin-left: auto;
    margin-right: auto;
    background: url('../images/hongbao.png') no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hongbao-area img {
    max-width: 60%;
    max-height: 80%;
    object-fit: contain;
}

.hongbao-btn {
    cursor: pointer;
    width: 1.00rem;   /* 100px */
    height: 1.00rem;  /* 100px */
    background: transparent;
    position: absolute;
    top: 50%;
    margin-top: -1.25rem;  /* -125px */
}

/* ==================== 礼包福利 ==================== */
.gift-box {
    margin-top: 0.65rem;  /* 65px */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.50rem;  /* 50px */
}

.gift-item {
    width: 3.59rem;   /* 359px */
    height: 5.43rem;  /* 543px */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    cursor: pointer;
    position: relative;
}

.gift-1 {
    background-image: url('../images/lb1.png');
}

.gift-2 {
    background-image: url('../images/lb2.png');
}

.gift-btn {
    position: absolute;
    left: 50%;
    bottom: 0.80rem;  /* 80px */
    transform: translateX(-50%);
    width: 1.00rem;   /* 100px */
    height: 0.35rem;  /* 35px */
    background: url('../images/btn.png') no-repeat;
    background-size: 7.12rem 3.00rem;
    background-position: 0 -0.63rem;  /* 0 -63px */
    display: block;
    transition: all 0.3s ease;
}

.gift-btn:hover {
    filter: brightness(1.2);
    transform: translateX(-50%) scale(1.05);
}

.gift-item.active .gift-btn {
    filter: grayscale(80%) brightness(0.6);
    cursor: not-allowed;
    pointer-events: none;
}

/* ==================== 水晶抽奖 ==================== */
.part-crystal {
    background: url('../images/shuijing/bg.jpg') no-repeat top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.crystal-area {
    position: relative;
    width: 11.00rem;   /* 1100px */
    height: 6.00rem;   /* 600px */
    margin: 0.15rem auto 0;  /* 15px */
}

.crystal-base {
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.crystal-base img {
    display: block;
    width: 7.22rem;       /* base.png 原图 722×494 */
    height: auto;
}

.lottery-unit {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s ease;
}

.crystal-ball {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ball-bg {
    display: block;
    animation: ballRotate 5s ease-in-out infinite;
}

/* 奖品球按原图尺寸缩放，和 crystal-area 的 rem 布局保持一致。 */
.lottery-unit-1 .ball-bg { width: 2.72rem; } /* circle-cd.png */
.lottery-unit-2 .ball-bg { width: 2.73rem; } /* circle-jinzi.png */
.lottery-unit-3 .ball-bg { width: 1.71rem; } /* circle-erji.png */
.lottery-unit-4 .ball-bg { width: 1.85rem; } /* circle-shuibei.png */
.lottery-unit-5 .ball-bg { width: 1.48rem; } /* circle-shubiao.png */
.lottery-unit-6 .ball-bg { width: 1.32rem; } /* circle-wawa.png */
.lottery-unit-7 .ball-bg { width: 1.03rem; } /* circle-daijin.png */
.lottery-unit-8 .ball-bg { width: 1.27rem; } /* circle-xiangce.png */

/* 8个奖品位置 */
.lottery-unit.lottery-unit-2 {
    left: 1.86rem;   /* 186px */
    top: 0;
    animation: float 3.5s ease-in-out infinite;
}

.lottery-unit.lottery-unit-2::after {
    content: '10g黄金铸造,诚意满满';
    position: absolute;
    top: 0.30rem;  /* 30px */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.85);
    color: #ffd77b;
    padding: 0.06rem 0.12rem;  /* 6px 12px */
    border-radius: 0.04rem;    /* 4px */
    font-size: 0.12rem;        /* 12px */
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 100;
    border: 1px solid rgba(255, 215, 123, 0.3);
}
.lottery-unit.lottery-unit-2:hover::after {
    opacity: 1;
}

.lottery-unit.lottery-unit-8 {
    left: 3.97rem;    /* 397px */
    top: -0.12rem;    /* -12px */
    animation: float 3.8s ease-in-out infinite 0.3s;
}

.lottery-unit.lottery-unit-5 {
    left: 6.51rem;    /* 651px */
    top: -0.21rem;    /* -21px */
    animation: float 4s ease-in-out infinite 0.6s;
}

.lottery-unit.lottery-unit-7 {
    right: 2.77rem;   /* 277px */
    top: 1.56rem;     /* 156px */
    animation: float 3.6s ease-in-out infinite 0.9s;
}

.lottery-unit.lottery-unit-3 {
    right: 1.62rem;   /* 162px */
    top: 0.50rem;     /* 50px */
    animation: float 4.2s ease-in-out infinite 1.2s;
}

.lottery-unit.lottery-unit-1 {
    right: 1.63rem;   /* 163px */
    bottom: 1.20rem;  /* 120px */
    animation: float 3.7s ease-in-out infinite 1.5s;
}

.lottery-unit.lottery-unit-1::after {
    content: '限定礼盒,荣耀启航';
    position: absolute;
    top: 0.36rem;  /* 36px */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.85);
    color: #ffd77b;
    padding: 0.06rem 0.12rem;
    border-radius: 0.04rem;
    font-size: 0.12rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 100;
    border: 1px solid rgba(255, 215, 123, 0.3);
}
.lottery-unit.lottery-unit-1:hover::after {
    opacity: 1;
}

.lottery-unit.lottery-unit-4 {
    left: 2.24rem;    /* 224px */
    bottom: 1.55rem;  /* 155px */
    animation: float 3.9s ease-in-out infinite 1.8s;
}

.lottery-unit.lottery-unit-6 {
    left: 1.23rem;   /* 123px */
    top: 1.85rem;    /* 185px */
    animation: float 4s ease-in-out infinite 2.1s;
}

/* 抽奖按钮 */
.lottery-btn {
    position: absolute;
    left: calc(50% - 0.51rem);  /* 51px */
    bottom: 1.22rem;  /* 122px */
    width: 1.02rem;   /* 102px */
    height: 1.02rem;  /* 102px */
    background: url('../images/btn.png') no-repeat;
    background-size: 7.12rem 3.00rem;
    background-position: -2.36rem -0.63rem;  /* -236px -63px */
    cursor: pointer;
    z-index: 10;
    animation: pulse 1.5s ease-in-out infinite;
    transition: all 0.3s ease;
}

.lottery-btn:hover {
    filter: brightness(1.2);
}

/* 剩余抽奖次数 */
.lottery-count {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0.84rem;  /* 84px */
    font-size: 0.16rem;
    color: rgb(122, 47, 13);
    z-index: 10;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.75;
}

.lottery-count span {
    font-size: 0.16rem;
    color: rgb(122, 47, 13);
    font-weight: bold;
    line-height: 1.75;
}

/* 底部按钮区 */
.lottery-actions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.27rem;  /* 27px */
    display: flex;
    justify-content: center;
    gap: 0.20rem;  /* 20px */
    z-index: 10;
}

.btn-prize,
.btn-address {
    width: 0.93rem;   /* 93px */
    height: 0.34rem;  /* 34px */
    background: url('../images/btn.png') no-repeat;
    background-size: 7.12rem 3.00rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-prize {
    background-position: -5.03rem -0.69rem;  /* -503px -69px */
}

.btn-address {
    background-position: -6.12rem -0.69rem;  /* -612px -69px */
}

.btn-prize:hover,
.btn-address:hover {
    filter: brightness(1.2);
    transform: scale(1.05);
}

/* 抽奖状态 */
.lottery-unit.active {
    filter: drop-shadow(0 0 0.20rem rgba(255, 204, 0, 0.9)) drop-shadow(0 0 0.40rem rgba(255, 153, 0, 0.6));
    transform: scale(1.15);
    z-index: 20;
}

.lottery-unit.active .ball-bg {
    filter: brightness(1.3);
    animation: ballRotate 0.5s linear infinite;
}

.lottery-unit.spinning {
    filter: drop-shadow(0 0 0.15rem rgba(255, 204, 0, 0.8));
    transform: scale(1.1);
    z-index: 15;
    transition: all 0.1s ease;
}

.lottery-unit.spinning .ball-bg {
    filter: brightness(1.2);
}

/* ==================== 中奖滚屏公告 ==================== */
.win-notice {
    margin-top: 0.20rem;  /* 20px */
    height: 0.36rem;      /* 36px */
    display: flex;
    align-items: center;
    justify-content: center;
}

.win-notice-inner {
    display: flex;
    align-items: center;
    gap: 0.06rem;  /* 6px */
    border-bottom: 1px solid #ffcb69;
    padding-bottom: 0.04rem;  /* 4px */
}

.win-notice-icon {
    width: 0.13rem;  /* 13px */
    height: 0.12rem;  /* 12px */
    flex-shrink: 0;
}

.win-notice-scroll {
    height: 0.20rem;  /* 20px */
    overflow: hidden;
    position: relative;
    width: 2.80rem;   /* 280px */
    margin: 0.05rem;  /* 5px */
}

.win-notice ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

.win-notice li {
    height: 0.20rem;      /* 20px */
    line-height: 0.20rem;
    color: #ffd176;
    font-size: 0.14rem;   /* 14px */
    text-align: left;
    white-space: nowrap;
}

/* ==================== 动画 ==================== */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-0.08rem); }  /* -8px */
}

@keyframes ballRotate {
    0%, 100% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

/* ==================== 视频弹窗 ==================== */
.video-popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.video-popup.show {
    opacity: 1;
}

.video-popup-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.video-popup-content {
    position: relative;
    width: 9.60rem;  /* 960px */
    z-index: 1;
    transform: scale(0.9);
    transition: transform 0.4s ease;
}

.video-popup.show .video-popup-content {
    transform: scale(1);
}

.video-popup-content video {
    width: 100%;
    height: 5.40rem;  /* 540px */
    display: block;
    background: #000;
    border: 3px solid #c8913a;
    border-radius: 0.06rem;  /* 6px */
    box-shadow: 0 0 0.30rem rgba(200, 145, 58, 0.4),
                0 0 0.60rem rgba(0, 0, 0, 0.6),
                inset 0 0 1px rgba(255, 215, 100, 0.3);
}

.video-popup-close {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.18rem auto 0;  /* 18px */
    width: 0.32rem;   /* 32px */
    height: 0.32rem;  /* 32px */
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    cursor: pointer;
    transition: transform 0.3s, filter 0.3s, border-color 0.3s;
}

.video-popup-close img {
    width: 0.16rem;   /* 16px */
    height: 0.16rem;
}

.video-popup-close:hover {
    transform: rotate(90deg);
    filter: brightness(1.3);
    border-color: rgba(255, 255, 255, 1);
}

/* ==================== 奖品弹窗 ==================== */
.m-gift .cell {
    text-align: left;
    padding: 0.05rem 0;  /* 5px 0 */
    border-bottom: 1px solid #762e13;
}

/* ==================== 羊皮纸尺寸覆盖（新图 1113x734） ==================== */
.sheepskin {
    width: 11.69rem;          /* 1113 × 1.05 ÷ 100 */
    height: 6.61rem;          /* 734 × 0.9 ÷ 100 */
    margin-left: -5.845rem;   /* 11.69 ÷ 2 */
    margin-top: -3.005rem;    /* 6.61 ÷ 2 */
}

/* 羊皮卷内元素按比例调整（宽比 0.807, 高比 0.849） */
.sheep-dots {
    bottom: 1.06rem;          /* 1.25 × 0.849 */
}
.sheep-prev {
    left: 0.8rem;
    background-position: -0.02rem -0.02rem;  /* ×0.8 */
}
.sheep-next {
    right: 0.52rem;
    background-position: -8.86rem -0.02rem;  /* -11.07 ×0.8 */
}

/* 箭头按比例缩小至 80% */
.sheep-arrow {
    width: 0.86rem;            /* 1.08 × 0.8 */
    height: 0.42rem;           /* 0.53 × 0.8 */
    margin-top: -0.21rem;      /* 0.42 ÷ 2 */
    background-size: 9.72rem 0.45rem;  /* 12.15 0.56 × 0.8 */
}

/* ==================== 滚动箭头样式（使用 btn.png） ==================== */
.arrow {
    color: #dbc367;
}
.arrow .ico {
    height: 0.75rem;           /* 75px */
    width: 0.17rem;            /* 17px */
    margin: 0 auto -0.10rem;   /* -10px */
    background: url('../images/btn.png') no-repeat;
    background-position: 0 -1.12rem;  /* 0 -112px */
    background-size: 7.12rem 3.00rem; /* 雪碧图原图 712×300，随 rem 等比缩放 */
    transform: scale(0.8);
}

/* ==================== 点亮ID ==================== */
.part-lightid {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* 「点击参与」按钮（雪碧图 sprite-main.png 点击参与 252×81 @(57,900)） */
.lightid-join-btn {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translateX(-50%);
    display: block;
    width: 2.52rem;       /* 252px */
    height: 0.81rem;      /* 81px */
    background: url('../images/sprite-main.png') no-repeat;
    background-size: 3.67rem 9.81rem;   /* 雪碧图 367×981 */
    background-position: -0.57rem -9.00rem;  /* -57px -900px 点击参与 */
    cursor: pointer;
    transition: filter 0.2s;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 5;
}

.lightid-join-btn:hover { filter: brightness(1.15); }

/* ==================== 召唤奖励按钮状态 ==================== */
.part-summon .btn-get.locked {
    filter: grayscale(80%) brightness(0.6);
}

.part-summon .btn-get.claimed {
    filter: grayscale(80%) brightness(0.6);
}

.part-summon .btn-get.sold-out {
    filter: grayscale(100%) brightness(0.55);
}

/* ==================== 开启传奇抽奖弹窗 ==================== */
.lottery-result-popup {
    text-align: center;
    padding: 0.20rem 0.10rem;
}

.lottery-result-popup .lottery-result-title {
    font-size: 0.18rem;
    color: #cbaf7a;
    margin-bottom: 0.10rem;
}

.lottery-result-popup .lottery-result-prize {
    font-size: 0.24rem;
    font-weight: bold;
    color: #f5a623;
    margin-bottom: 0.10rem;
}

.lottery-result-popup .lottery-result-desc {
    font-size: 0.13rem;
    color: #888;
}

/* ==================== 红包按钮禁用状态 ==================== */
.hongbao-btn.disabled {
    cursor: not-allowed;
}

.hongbao-btn.disabled::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, 0.55);
    border-radius: 50%;
    z-index: 1;
}

/* ==================== 活动规则按钮 ==================== */
.top-btn-rules {
    background: linear-gradient(135deg, rgba(233, 197, 134, 0.15), rgba(233, 197, 134, 0.05));
    border-color: #ffd060;
    color: #ffd060;
    font-weight: bold;
}

.top-btn-rules:hover {
    background: linear-gradient(135deg, rgba(255, 208, 96, 0.25), rgba(255, 208, 96, 0.10));
    color: #ffe088;
}

/* ==================== 活动规则弹窗 ==================== */

/* 弹窗主体 - 不覆盖 position，由 JS 内联样式居中 */
.twpop.rules-twpop .twpop-main {
    width: 7.00rem !important;
    max-width: 90%;
    border: 1px solid rgba(233, 197, 134, 0.3);
    border-radius: 0.06rem;
    box-shadow: 0 0 0.30rem rgba(0, 0, 0, 0.5),
                0 0 0.60rem rgba(0, 0, 0, 0.3);
}

/* 标题栏 */
.twpop.rules-twpop .twpop-title {
    font-size: 0.20rem;
    font-weight: bold;
    color: #ffd77b;
    text-align: center;
    padding: 0.18rem 0.40rem 0.14rem;
    border-bottom: 1px solid rgba(233, 197, 134, 0.2);
}

/* 关闭按钮 */
.twpop.rules-twpop .twpop-close {
    top: 0.14rem;
    right: 0.14rem;
}

/* 内容区域 - twpop-diy-content 是实际滚动容器 */
.twpop.rules-twpop .twpop-diy-content {
    max-height: 5.20rem;
    overflow-y: auto;
    padding: 0.16rem 0.30rem 0.08rem;
    box-sizing: border-box;
    /* 隐藏滚动条 - Firefox */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.twpop.rules-twpop .twpop-diy-content::-webkit-scrollbar {
    display: none;
}

/* rules-popup 容器 */
.rules-popup {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

/* 按钮区域 */
.twpop.rules-twpop .twpop-btns {
    padding: 0.12rem 0 0.20rem;
    border-top: 1px solid rgba(233, 197, 134, 0.15);
}

/* 单个规则区块 - 左侧金色竖线设计 */
.rules-section {
    margin-bottom: 0.20rem;
    padding: 0.02rem 0 0.16rem 0.16rem;
    border-left: 2px solid rgba(233, 197, 134, 0.35);
}

.rules-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 区块标题 */
.rules-section-title {
    font-size: 0.16rem;
    font-weight: bold;
    color: #ffd77b;
    font-family: "Microsoft YaHei", sans-serif;
    margin-bottom: 0.06rem;
    text-shadow: 0 0 0.04rem rgba(255, 215, 123, 0.3);
}

/* 活动时间 */
.rules-section-time {
    font-size: 0.12rem;
    color: #c7a380;
    margin-bottom: 0.08rem;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 规则内容 */
.rules-section-body {
    font-size: 0.13rem;
    color: #d2b480;
    line-height: 1.9;
    font-family: "Microsoft YaHei", sans-serif;
}

.rules-section-body p {
    margin-bottom: 0.06rem;
}

/* 代金券使用流程链接 */
.rules-voucher-link {
    display: inline-block;
    margin-top: 0.08rem;
    color: #fcb54d;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.13rem;
    font-family: "Microsoft YaHei", sans-serif;
}

.rules-voucher-link:hover {
    color: #ffd060;
}

/* ==================== 红包二维码弹窗 ==================== */
.redpacket-qr-popup {
    text-align: center;
    padding: 0.10rem;
}

.redpacket-qr-popup .qr-tip {
    font-size: 0.15rem;
    color: #cbaf7a;
    margin-bottom: 0.15rem;
}

.redpacket-qr-popup .qr-box {
    width: 1.50rem;
    height: 1.50rem;
    margin: 0 auto 0.15rem;
    background: #fff;
    border-radius: 0.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.12rem;
    color: #333;
}

.redpacket-qr-popup .qr-desc {
    font-size: 0.12rem;
    color: #888;
}