/* ============================================================
 * 大转盘 · 商用级 UI 增强（在引擎样式之后加载，安全覆盖）
 * 主题：深酒红 × 皇家金（与 pan_1/2/3.svg、poster.svg、page_bg.svg 配套）
 * 注意：只做「增强」，不改引擎布局尺寸与交互逻辑
 * ============================================================ */

/* ---- 顶部海报位（img_2 → #title）：固定顶部展示，后台「顶部海报」随时替换 ---- */
#title{z-index:5;}
#title img{width:100%;display:block;animation:none!important;} /* 去掉原版 daxiao 呼吸缩放特效 */

/* ---- 取消顶部弹幕轮播（滚动播报条，按需求整块去掉）---- */
.danmu1{display:none!important;}

/* ---- 中奖记录统一由 #act-panels 共享面板展示（后台可开关），隐藏引擎自带两种记录样式，避免重复 ---- */
.danmu2{display:none!important;}

/* ---- 背景不平铺保险：#main 只显示背景色，不再整页平铺背景图 ---- */
#main{background-repeat:no-repeat;}

/* ---- 抽奖区与海报衔接：去掉旧版 355px 大间距，转盘上移与海报底部重叠一截 ---- */
#game{padding-top:14px!important;margin-top:-1.6rem!important;}

/* ---- 累计人次参与：改为跟随流转（原来绝对定位会悬空/压到转盘） ---- */
#canyu{position:static!important;top:auto!important;left:auto!important;right:auto!important;
    width:10rem;margin:10px auto 0;text-align:center;}

/* ---- 转盘暖金光晕（盘背后缓慢旋转的sheen + 静态环境光）---- */
#game::before{
    content:'';position:absolute;left:50%;top:643px;width:12rem;height:12rem;
    transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none;
    background:radial-gradient(circle at 50% 50%,
        rgba(255,214,130,.10) 0%, rgba(247,201,72,.05) 42%, rgba(247,201,72,0) 68%);
}
#game::after{
    content:'';position:absolute;left:50%;top:643px;width:10.5rem;height:10.5rem;
    transform:translate(-50%,-50%);border-radius:50%;z-index:-1;pointer-events:none;
    background:conic-gradient(from 0deg,
        rgba(255,233,168,.07) 0deg, rgba(255,233,168,0) 36deg,
        rgba(255,233,168,0) 180deg, rgba(255,233,168,.07) 216deg, rgba(255,233,168,0) 252deg);
    animation:pan-sheen 1.2s ease-out 1;   /* 进入时快速闪一次即停，不再 14s 无限旋转 */
}
@keyframes pan-sheen{to{transform:translate(-50%,-50%) rotate(360deg);}}

/* 盘体暖金投影（滤镜不影响指针事件） */
#panmian{filter:drop-shadow(0 6px 18px rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(247,201,72,.22));}

/* ---- 奖品展示面板：金边描金的奶油卡片 ---- */
#prize-list{
    border:1px solid rgba(242,206,126,.55);
    box-shadow:0 8px 26px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.35);
}
.prize-box{border:1px solid rgba(217,169,76,.5);}
.prize-box .li-box{box-shadow:0 2px 8px rgba(90,22,34,.14);}
.prize-list-1 .li-box .prize-name h1,
.prize-list-2 .li-box .prize-name h1,
.prize-list-3 .li-box .prize-name h1{color:#5A2A12;font-weight:700;}

/* ---- 中奖弹窗：与共享弹窗同款（红缎带彩带 + 白卡 + 奖品图 + 双按钮） ---- */
.zj-msg .zj-con .zj_bg{background-image:url(../images/gold.svg);opacity:.5;}
.zj-msg{
    border-radius:16px;box-shadow:0 20px 52px rgba(0,0,0,.5);
    background:#fff;overflow:visible;
}
.zj-msg .zj-con .zj_tit{top:-1.9rem;left:-8%;width:116%;}
.zj-msg .zj-con .zj_tit img{width:100%;display:block;filter:drop-shadow(0 6px 14px rgba(120,20,14,.3));}
.zj-msg .zj-con .zj_img{top:1rem;}
.zj-msg .zj-con .zj_img img{border-radius:12px;filter:drop-shadow(0 6px 14px rgba(120,60,10,.2));}
.zj-msg .zj-con .zj_name{color:#3A0C18;font-weight:600;top:4.9rem;font-size:.35rem;}
.zj-msg .zj-con .zj_name b{color:#E0342A;font-weight:800;}
.zj-msg .zj-con .zj_btn span:first-child{border-color:#E0342A;color:#E0342A;background:#fff;}
.zj-msg .zj-con .zj_btn span:nth-child(2){background:linear-gradient(180deg,#FF6A4D,#E0342A);box-shadow:0 6px 14px rgba(224,52,42,.34);}

/* ---- 规则 / 我的奖品 / 兑奖 弹窗：统一金红描边 ---- */
.guize .el-drawer__header,.my .el-dialog__header,.duijiang .el-dialog__header{color:#8E0F06;}
.my ul li .ul-li-info p:first-child{color:#3D0F18;}
.duijiang .duijiang-1{box-shadow:0 0 8px rgba(194,36,28,.25);}

/* ---- 弹幕条：深色玻璃感更贴合暗底 ---- */
.danmu1 .danmu-1{background-color:rgba(28,5,11,.55);border:1px solid rgba(242,206,126,.25);}

/* ---- 参与人数：金色更醒目 ---- */
#canyu{text-shadow:0 1px 4px rgba(0,0,0,.5);font-weight:600;}
#canyu b{color:#FFF3D0;}

/* ---- 音乐按钮：金边 ---- */
#yinyue img{border:1px solid rgba(242,206,126,.5);}

/* ---- 加载页：深酒红 ---- */
#loader-wrapper .loader-section.section-left,
#loader-wrapper .loader-section.section-right{background-color:#42101B;}
#loader-wrapper .load_title{color:#F2CE7E;}
#loader-wrapper .load_title span{color:#E8C8A0;}

/* ---- 顶部「说明」图标取消：活动说明改由页面底部公共面板展示 ---- */
#guize{display:none!important;}

/* ---- 右侧「我的奖品」浮窗图标取消：改用页面右侧公共悬浮球（带核销） ---- */
#my{display:none!important;}

/* ---- 「累计 N 人次参与」文字取消 ---- */
#canyu{display:none!important;}

/* ---- 引擎自带奖品展示区取消：改由页面底部公共「奖品展示」面板（紧凑文字版）展示 ---- */
#prize-list{display:none!important;}

/* ---- 海报底部羽化：与页面背景自然衔接，去掉横向拼接缝（颜色无关） ---- */
#title{
    -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 72%,rgba(0,0,0,.45) 86%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 0,#000 72%,rgba(0,0,0,.45) 86%,transparent 100%);
}