/* ============================================================
   蓝月IP活动 - 样式表
   设计稿基准: 750px  换算: 1rem = 100px (设计稿px / 100 = rem)
   ============================================================ */

/* ==================== Reset ==================== */
body,button,caption,dd,div,dl,dt,fieldset,figure,form,
h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,
p,pre,table,td,textarea,th,ul{margin:0;padding:0}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal}
button{border:none;outline:0}
a,button{cursor:pointer}
a,a:hover{text-decoration:none}
a,button,input,textarea{font-size:inherit;color:inherit}
a,button,div,input,select,textarea{margin:0;padding:0;border:0;outline:0}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none}
::-webkit-scrollbar{display:none;}
b{font-weight:bold;}

/* ==================== 横屏提示 ==================== */
@media all and (orientation:landscape){
    html,body{position:relative;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
    html::before{content:"";position:fixed;top:0;left:0;height:100%;width:100%;background:#333;z-index:99999;}
    html::after{content:"\4E3A\4E86\66F4\597D\7684\4F53\9A8C\FF0C\8BF7\5C06\624B\673A\7AD6\8FC7\6765";text-align:center;font-size:16px;color:#fff;position:absolute;top:50%;left:0;height:30px;width:100%;margin-top:50px;z-index:99999;}
}

/* ==================== rem 自适应 ==================== */
html{font-size: calc(100vw/7.5);}
body{
    font:.24rem / .52rem "Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
    color: #fff;
}

/* ==================== 全屏容器 ==================== */
html,body,.app,.swiper{min-height:100%;height:100%;}
img{display:block;width:100%;}
.app{
    width:7.5rem;
    margin:0 auto;
    text-align:center;
    position:relative;
    overflow:hidden;
    background-color:#0D0C08;
}

/* ==================== sprite-btn 公共基类 ==================== */
.sprite-btn{
    background: url('../images/sprite-btn.png') no-repeat;
    background-size: 11.88rem 4.40rem;
}

/* ==================== Swiper Slide 通用 ==================== */
.swiper .swiper-slide{
    background-repeat: no-repeat;
    background-size: cover;           /* 填满屏幕，等比缩放，裁掉超出部分 */
    background-position: center top;  /* 顶部对齐，保证标题/logo不被裁 */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ==================== 公共边框遮罩层 ==================== */
.bg-frame-overlay{
    position: absolute;
    top: .215rem;
    left: .23rem;
    right: .23rem;
    bottom: .215rem;
    background:
        url('../images/bg-frame-top.png') center top / 7.04rem 5rem no-repeat,
        url('../images/bg-frame-bottom.png') center bottom / 7.04rem auto no-repeat,
        url('../images/bg-frame-left.png') left 75% / .48rem auto no-repeat,
        url('../images/bg-frame-right.png') right 62% / .64rem auto no-repeat;
    z-index: 5;              /* 高于slide，低于logo/按钮/箭头 */
    pointer-events: none;    /* 不阻挡下层交互 */
}

/* ==================== Logo ==================== */
.logo{
    width: 1.52rem;
    height: .85rem;
    position: absolute;
    left: .44rem;
    top: .44rem;
    z-index: 10;
    font-size: 0;
}

/* ==================== 右上登录区 ==================== */
.user{
    position: absolute;
    top: 0.5rem;
    right: .64rem;
    display: flex;
    align-items: center;
    z-index: 10;
    font-size: .18rem;
}

/* 组 2  120×45  @-1003,-134 */
.user .btn-login{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.20rem;
    height: .45rem;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .20rem;
    font-weight: bold;
    letter-spacing: .04rem;
    color: #000;
    background: url('../images/sprite-btn.png') no-repeat;
    background-size: 11.88rem 4.40rem;
    background-position: -10.03rem -1.34rem;
    transition: filter 0.3s;
}
.user .btn-login:hover{ filter: brightness(1.2); }
.user .btn-login.logged-in{
    color: #000;
}

/* 账号名称 */
.user-name{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .20rem;
    color: #94bcff;
    margin-right: .16rem;
    white-space: nowrap;
}

/* ==================== 底部翻页箭头 ==================== */
.arrow{
    display: block;
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: .29rem;          /* 53下滑 29px */
    height: .29rem;
    background: url('../images/sprite-btn.png') no-repeat;
    background-size: 11.88rem 4.40rem;
    background-position: -11.25rem -1.34rem;
    z-index: 3;
    animation: arrowBounce 1.6s ease-in-out infinite;
}
@keyframes arrowBounce{
    0%, 100%{ transform: translateX(-50%) translateY(0); opacity: 1; }
    50%{ transform: translateX(-50%) translateY(25%); opacity: 1; }
}

/* ==================== 标题雪碧图 ==================== */
.slide-title{
    display: block;
    background: url('../images/sprite-title.png') no-repeat;
    background-size: 5.71rem 8.57rem;
    margin: 0 auto;
}

/* 10年情谊 571x276 @0,0 */
.title-id{
    width: 5.71rem;
    height: 2.76rem;
    background-position: 0 0;
}

/* 幸运抽奖 517x251 @-27,-278 */
.title-share{
    width: 5.17rem;
    height: 2.51rem;
    background-position: -0.27rem -2.78rem;
}

/* 幸运抽奖 517x251 @-27,-278 */
.title-lottery{
    width: 5.17rem;
    height: 2.51rem;
    background-position: -0.27rem -2.78rem;
}

/* 任务清单 451x32 @-60,-825 */
.title-game{
    width: 4.51rem;
    height: .32rem;
    background-position: -0.60rem -8.25rem;
}

/* ==================== 模块1：首页 ==================== */
.swiper .p1{align-items:baseline;display:block;}
.p1{background-image: url('../images/bg1.jpg');background-color:#1a0a04;background-position:center top;}

.home_main{
    position: absolute;
    left: 0;
    top: 7.3rem;
    text-align: center;
    width: 100%;
}

/* 首页标题文案 */
.home-title{
    font-size: 0.58rem;         /* 18.2px × 3.186 ≈ 58px */
    font-family: "Microsoft YaHei", sans-serif;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin: 0 0 0.3rem;
}

/* 可复用金色荧光字 */
.text-gold-glow{
    position: relative;
    z-index: 1;
    display: inline-block;
    color: #fffe9a;
    text-shadow:
        0 0 .025rem rgba(255, 251, 208, .72),
        0 0 .065rem rgba(255, 226, 92, .52),
        0 0 .12rem rgba(255, 194, 31, .38),
        0 0 .22rem rgba(255, 158, 0, .42),
        0 .04rem .07rem rgba(92, 34, 0, .62);
}


/* 首页描述文案 */
.home-desc{
    font-size: 0.22rem;         /* 22px */
    font-family: "Microsoft YaHei", sans-serif;
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
}

/* 首页高亮文案 */
.home-highlight{
    font-size: 0.26rem;         /* 26px */
    font-family: "Microsoft YaHei", sans-serif;
    color: #ffff73;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}

/* 首页开启按钮 - 登录账号 388x130 @-390,0 */
.open{
    width: 3.88rem;
    height: 1.30rem;
    background-position: -3.90rem 0;
    font-size: 0;
    display: inline-block;
    transition: filter 0.3s;
}
.open:hover{ filter: brightness(1.15); }

/* 点亮ID页按钮 - 登录账号2 388x130 @-780,0 */
.btn-login2{
    width: 3.88rem;
    height: 1.30rem;
    background-position: -7.80rem 0;
    font-size: 0;
    display: block;
    transition: filter 0.3s;
    margin-top: 2.34rem;
    text-indent: -9999px; /* 隐藏文本 */
}
.btn-login2:hover{ filter: brightness(1.15); }
/* 已提交态：禁用按钮，显示已提交ID */
.btn-login2.is-submitted{
    filter: brightness(0.6) grayscale(0.4);
    cursor: not-allowed;
    font-size: .22rem;
    color: #ffd77b;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-login2.is-submitted:hover{ filter: brightness(0.6) grayscale(0.4); }

/* ==================== 模2：点亮ID页 ==================== */
.p2-wrap{
    position: relative;
    width: 7.5rem;
    height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.42rem;           /* 42px */
}

/* 文案块 */
.p2-block{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.30rem;         /* 30px */
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
}
.p2-block p{
    margin: 0;
}

/* ==================== 模块3：分享页 ==================== */
.p3-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 7.5rem;
    height: 100%;
    pointer-events: none;
}
.share-building-text{
position: absolute;
    left: 50%;
    top: 4.05rem;
    width: 4.1rem;
    text-align: center;
    z-index: 2;
    pointer-events: none;
    mix-blend-mode: overlay;
    transform: translateX(-50%);
}
.share-building-text__main{
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .74rem;
    line-height: .8rem;
    font-weight: 900;
    color: rgba(255,255,255,.86);
    letter-spacing: .02rem;
    white-space: pre-line;
    word-break: break-all;
}


/* ==================== 模块4：抽奖页 ==================== */
.p4-wrap{
    position: relative;
    z-index: 6;
    width: 7.5rem;
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -1.20rem;
}

/* ==================== 模块5：游戏展示页 ==================== */
.p5-wrap{
    position: relative;
    width: 7.5rem;
    min-height: 12.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    z-index: 6;
    padding-top: 0.55rem;
    box-sizing: border-box;
}

/* 游戏描述文案 */
.game-desc{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.22rem;
    color: #9baed4;
    line-height: 1.4;
    margin-top: -0.12rem;
    margin-bottom: 0.34rem;
}

/* 轮播容器 */
.game-carousel{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 3.85rem;
    overflow: hidden;
}

/* 游戏 Swiper */
.game-swiper{
    width: 7.5rem;
    overflow: visible;
    padding: 0.12rem 0;
}

/* 游戏卡片 slide */
.game-slide{
    width: 2.72rem;
    height: 3.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.game-slide:not(.swiper-slide-active){
    transform: scale(0.78);
    opacity: 1;
    z-index: 1;
}
.game-slide.swiper-slide-active{
    transform: scale(1);
    opacity: 1;
    z-index: 3;
}

/* 卡片结构 */
.game-card{
    width: 2.61rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 底图容器 261×371 */
.game-card-bg{
    width: 2.61rem;
    height: 3.71rem;
    background: url('../images/5-games.png') no-repeat center / cover;
    display: block;
    position: relative;
    overflow: hidden;
}
.game-card-bg img{
    position: absolute;
    left: 0.20rem;
    top: 0.22rem;
    width: 2.21rem;
    height: 2.76rem;
    object-fit: cover;
}

/* 角标（小游戏 / 手游）85×68px */
.game-badge{
    position: absolute;
    top: 0;
    left: 0;
    width: .68rem;
    height: .544rem;
    z-index: 2;
    pointer-events: none;
    background-size: contain;
    background-repeat: no-repeat;
}
.game-badge.badge-mini{ background-image: url('../images/badge-mini.png'); }
.game-badge.badge-app{ background-image: url('../images/badge-app.png'); }

/* 按钮组 */
.game-card-btns{
    position: absolute;
    left: 50%;
    bottom: 0.16rem;
    transform: translateX(-50%);
    display: flex;
    gap: 0.12rem;
    margin-top: 0;
    z-index: 2;
}

/* 游戏按钮 110×43 */
.game-btn{
    width: 1.10rem;
    height: 0.43rem;
    font-size: 0;
    display: block;
    background-size: 11.88rem 4.40rem;
    transition: filter 0.3s;
}
.game-btn:hover{ filter: brightness(1.15); }

/* 下载游戏 @-747,-268 */
.game-btn-download{ background-position: -7.47rem -2.68rem; }
/* 专属礼包码 @-859,-268 */
.game-btn-gift{ background-position: -8.59rem -2.68rem; }
/* 进入游戏 110×43 @-139,-397 */
.game-btn-enter{ background-position: -1.39rem -3.97rem; }

/* arrow 726×41 → 左右各一半 */
.game-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.12rem;
    height: 0.41rem;
    background: url('../images/arrow.png') no-repeat;
    background-size: 7.26rem 0.41rem;
    z-index: 4;
    cursor: pointer;
    transition: filter 0.3s;
}
.game-arrow:hover{ filter: brightness(1.3); }
.game-arrow-prev{ left: 0.12rem; background-position: 0 0; }
.game-arrow-next{ right: 0.12rem; background-position: -6.20rem 0; }

.game-copy{
    width: 5.8rem;
    margin: 0.36rem auto 0;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.24rem;
    line-height: 1.6;
    color: #b8c9eb;
    text-align: center;
    letter-spacing: .02rem;
}
.game-copy p{ margin: 0; }
.game-lottery-btn{
    width: 3.88rem;
    height: 1.30rem;
    margin: 0.22rem auto 0;
    background-position: 0 0;
    font-size: 0;
    display: block;
    transition: filter 0.3s;
}
.game-lottery-btn:hover{ filter: brightness(1.15); }

/* ==================== 侧边栏 ==================== */
.sidebar{
    position: absolute;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 6;
    display: flex;
    flex-direction: column;
    gap: 0.10rem;
}
.sidebar-btn{
    width: 0.42rem;
    height: 1.20rem;
    background: url('../images/sprite-btn.png') no-repeat;
    background-size: 11.88rem 4.40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.18rem;
    color: #ffd77b;
    font-weight: bold;
    letter-spacing: .04rem;
    transition: filter 0.3s;
}
.sidebar-btn:hover{ filter: brightness(1.15); }
/* 活动规则  组 2 拷贝  42×120 @-390,-134 */
.sidebar-btn-rules{ background-position: -3.90rem -1.34rem; }
/* 我的奖品  组 2222  42×120 @-434,-134 */
.sidebar-btn-prizes{ background-position: -4.34rem -1.34rem; }

/* ==================== tw_dialog 弹窗皮肤 ==================== */
.twpop{ z-index: 100; position: relative; }
.twpop .twpop-main{
    background-color: #681c00;
    color: #c8af73;
    border: 1px solid #3d0900;
    border-radius: 0;
}
.twpop .twpop-close{
    background: url('../images/close.png') no-repeat center / 0.18rem;
    color: transparent;
    font-size: 0;
}
.twpop .twpop-from-bd{ background-color: rgba(0,0,0,0.4); }
.twpop .twpop-input,
.twpop .twpop-select{ color: #ffd77b; }
.twpop .twpop-btn{
    color: #441708;
    border: none;
    background: #d29b46;
    background: linear-gradient(#ad6a1a, #ffd77b);
}

/* ==================== 模3：分享页 - 内容区 ==================== */
.share-building-content{
    position: absolute;
    left: 50%;
    bottom: 2.6rem;
    transform: translateX(-50%);
    width: 6.8rem;
    text-align: center;
    z-index: 3;
}
/* 未提交ID时隐藏数据元素，提交后加 .is-id-submitted 显示 */
.share-building__rank,
.share-building__desc,
.share-building__badge,
.share-building__slogan{
    opacity: 0;
    visibility: hidden;
}
.share-building-content.is-id-submitted .share-building__rank,
.share-building-content.is-id-submitted .share-building__desc,
.share-building-content.is-id-submitted .share-building__badge,
.share-building-content.is-id-submitted .share-building__slogan{
    opacity: 1;
    visibility: visible;
}
.share-building__rank{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.68rem;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: .02rem;
    margin-bottom: 0.2rem;
}
.share-building__num{
    color: #fffe9a;
    font-size: 0.46rem;
    font-weight: bold;
}
.share-building__desc{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.26rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .02rem;
}
.share-building__badge{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.26rem;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .02rem;
}
#JbadgeNum {
    font-size: 0.36rem;
    color: #fffe9a;
}
.share-building__slogan{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.26rem;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .02rem;
    margin-bottom: 0.36rem; 
}
.share-building__btns{
    display: flex;
    justify-content: center;
    gap: 0.3rem;
    align-items: center;
}
.btn-share-act{
    width: 2.47rem;
    height: 0.83rem;
    background-position: -2.49rem -2.68rem;
    font-size: 0;
    display: inline-block;
    transition: filter 0.3s;
}
.btn-share-act:hover{ filter: brightness(1.15); }
.btn-lottery-act{
    width: 2.47rem;
    height: 0.83rem;
    background-position: 0 -2.68rem;
    font-size: 0;
    display: inline-block;
    transition: filter 0.3s;
}
.btn-lottery-act:hover{ filter: brightness(1.15); }
.share-building__tip{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.22rem;
    color: #9baed4;
    line-height: 1.5;
    letter-spacing: .02rem;
    margin-top: 0.18rem;
}

/* ==================== 模块4：抽奖页 ==================== */

/* 抽奖外框 lottery.png 750×462 */
.lottery-box{
    position: relative;
    width: 7.50rem;
    height: 4.62rem;
    background: url('../images/lottery.png') no-repeat center / cover;
}

/* 奖品雪碧图网格 prizes.png 490×224 (3列×2行) */
.lottery-grid{
    position: absolute;
    left: 51%;
    top: 0.74rem;
    transform: translateX(-50%);
    width: 4.90rem;
    height: 2.24rem;
    display: grid;
    grid-template-columns: repeat(3, 1.63rem);
    grid-template-rows: repeat(2, 1.12rem);
}

/* 奖品单元格 prizes.png 雪碧图裁切 */
.lottery-cell{
    position: relative;
    background-image: url('../images/prizes.png');
    background-size: 4.90rem 2.24rem;
    background-repeat: no-repeat;
    transition: background-image 0.15s;
}

/* 激活态：切换为金色背景 prize-active.png（同尺寸同裁切） */
.lottery-cell.is-active{
    background-image: url('../images/prize-active.png');
}

/* 顺时针 6 格 background-position 映射 */
.lottery-cell-1{ background-position: 0 0; }                  /* index 0: 华为手机PURA90 */
.lottery-cell-2{ background-position: -1.63rem 0; }            /* index 1: 华为手表WATCH */
.lottery-cell-3{ background-position: -3.26rem 0; }            /* index 2: 青铜礼包 */
.lottery-cell-4{ background-position: -3.26rem -1.12rem; }     /* index 3: 谢谢参与 */
.lottery-cell-5{ background-position: -1.63rem -1.12rem; }     /* index 4: 至尊礼包 */
.lottery-cell-6{ background-position: 0 -1.12rem; }            /* index 5: 黄金礼包 */


/* 立即抽奖按钮 388×130 @-0,-134 */
.btn-lottery-draw{
    width: 3.88rem;
    height: 1.30rem;
    background-position: 0 -1.34rem;
    font-size: 0;
    display: block;
    margin: 3.02rem auto 0;
    transition: filter 0.3s;
}
.btn-lottery-draw:hover{ filter: brightness(1.15); }

/* 积分 & 可抽次数信息栏 */
.lottery-info{
    display: flex;
    justify-content: center;
    gap: 0.60rem;
    margin-top: -0.24rem;
}
.lottery-info-item{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.22rem;
    color: #ffffff;
    line-height: 1.5;
}
.lottery-info-num{
    color: #fffe9a;
    font-size: 0.32rem;
    font-weight: bold;
}

/* ==================== 任务清单容器 ==================== */
.task-box{
    width: 6.69rem;
    padding: 0.20rem;
    background: url('../images/task-bg.png') no-repeat center / cover;
    box-sizing: border-box;
    margin-top: 0.30rem;
    position: relative;
    z-index: 6;
}

/* 任务列表 5 个条目 */
.task-list{
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    margin-top: 0.16rem;
}
.task-item{
    width: 6.20rem;
    height: 0.60rem;
    border: 0.01rem solid #25417a;
    background-color: #173060;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0 0.16rem;
}

/* 序号雪碧图 28×22 */
.task-num{
    width: 0.28rem;
    height: 0.22rem;
    background-image: url('../images/task-num.png');
    background-size: 1.41rem 0.22rem;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.task-num-1{ background-position: 0 0; }
.task-num-2{ background-position: -0.28rem 0; }
.task-num-3{ background-position: -0.56rem 0; }
.task-num-4{ background-position: -0.84rem 0; }
.task-num-5{ background-position: -1.13rem 0; }

/* 任务文案 */
.task-text{
    flex: 1;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.20rem;
    color: #ffffff;
    margin-left: 0.12rem;
    text-align: left;
}
.task-text-info{
    color: #94a7cb;
}

/* 任务按钮 110×40 */
.task-btn{
    width: 1.10rem;
    height: 0.40rem;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 0.22rem;
    color: rgba(255, 254, 154, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: filter 0.3s;
}
.task-btn:hover{ filter: brightness(1.15); }

/* 去完成 btn1 @0,-355 */
.task-btn-go{ background-position: 0 -3.55rem; }

/* 已完成 btn @-971,-268 */
.task-btn-done{ background-position: -9.71rem -2.68rem; }






.neon-text {
    position: relative;
    display: inline-block;
    z-index: 1;
    color: #fff59b;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .02rem;
    text-shadow:
        0 0 .03rem rgba(255, 255, 190, .9),
        0 0 .08rem rgba(255, 223, 84, .75),
        0 0 .16rem rgba(255, 168, 0, .55);
}

.neon-text::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 115%;
    height: 145%;
    transform: translate(-50%, -50%);
    border-radius: .8rem;
    background:
        radial-gradient(ellipse at center,
            rgba(138, 102, 24, .82) 0%,
            rgba(138, 102, 24, .7) 48%,
            rgba(255, 145, 0, .18) 72%,
            rgba(255, 145, 0, 0) 100%);
    filter: blur(.22rem);
    pointer-events: none;
}

/* ==================== twModal 暗金皮肤 ==================== */
/* 背景图由 headBg/bodyBg/footBg 参数传入，皮肤只处理主题差异 */
.tw-modal.skin-darkgold{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    width: 680px;
    max-width: 92vw;
    overflow: visible;
}
/* 头部 680×91（加高留出标题显示空间） */
.tw-modal.skin-darkgold .tw-modal-head{
    height: 1.60rem;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: .12rem;
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.tw-modal.skin-darkgold .tw-modal-head h2{
    color: #ffd77b;
    font-weight: bold;
}
/* 主体 */
.tw-modal.skin-darkgold .tw-modal-body{
    position: relative;
    z-index: 0;          /* 内容层必须为正值 */
    line-height: 1.8;
    min-height: 4rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* 背景图独立层，可设负 z-index 而不影响内容可见性 */
.tw-modal.skin-darkgold .tw-modal-body::before{
    content: '';
    position: absolute;
    inset: 0;
    background-image: inherit;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}
/* 底部 680×61 */
.tw-modal.skin-darkgold .tw-modal-foot{
    height: 0.61rem;
    /* padding: 20px 40px; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background-size: 100% 100%;
     background-repeat: no-repeat;
}
/* 关闭按钮 */
.tw-modal.skin-darkgold .tw-close-btn{
    top: 0.4rem;
    right: 0.16rem;
    width: .59rem;
    height: .53rem;
    background: url('../images/close.png') no-repeat center / 100% 100%;
    color: transparent;
    font-size: 0;
    border-radius: 0;
}
.tw-modal.skin-darkgold .tw-close-btn:hover{
    opacity: .86;
}
/* 按钮 */
.tw-modal.skin-darkgold .tw-btn{
    background: linear-gradient(#ad6a1a, #ffd77b);
    color: #441708;
    border: none;
    border-radius: 4px;
    padding: 10px 32px;
    font-weight: bold;
    font-size: 15px;
}
.tw-modal.skin-darkgold .tw-btn:hover{ filter: brightness(1.15); }
.tw-modal.skin-darkgold .tw-btn-secondary{
    background: transparent;
    color: #c8af73;
    border: 1px solid #c8af73;
}
.tw-modal.skin-darkgold .tw-btn-secondary:hover{
    background: rgba(200,175,115,.15);
}

/* 弹窗标题雪碧图：请输入你的ID 511×32 @-30,-758 */
.tw-modal.skin-darkgold .tw-modal-head.head-sprite-id h2{
    font-size: 0;
    color: transparent;
    width: 5.11rem;
    height: .32rem;
    background: url('../images/sprite-title.png') no-repeat;
    background-size: 5.71rem 8.57rem;
    background-position: -.30rem -7.58rem;
}

/* ID 输入弹窗表单 */
.id-form{
    padding: .30rem .40rem .20rem;
    text-align: center;
}
/* 警示文字：一经提交，无法更改 */
.id-form__hint{
    color: #9baed4;
    font-size: .22rem;
    line-height: 1.6;
    margin-bottom: .24rem;
    text-align: center;
}
/* 输入框 482×66 渐变白色背景 */
.id-form__input{
    width: 4.82rem;
    height: .66rem;
    max-width: 100%;
    background: linear-gradient(90deg, #ffffff 0%, #dce8f8 100%);
    border: none;
    color: #333;
    font-size: .22rem;
    text-align: center;
    outline: none;
    box-sizing: border-box;
    display: block;
    margin: 0 auto .30rem;
}
.id-form__input:focus{
    box-shadow: 0 0 8px rgba(100,160,255,.4);
}
.id-form__input::placeholder{
    color: #666666;
    font-size: .22rem;
}
/* 提交按钮  提交按鈕.png  274×94 @-478,-134 */
.id-form__submit{
    width: 2.74rem;
    height: .94rem;
    background: url('../images/sprite-btn.png') no-repeat;
    background-size: 11.88rem 4.40rem;
    background-position: -4.78rem -1.34rem;
    display: block;
    margin: 0 auto .36rem;
    font-size: 0;
    transition: filter .3s;
}
.id-form__submit:hover{ filter: brightness(1.15); }
/* 活动规则区域 */
.id-form__rules{
    text-align: left;
}
.id-form__rules-title{
    color: #9baed4;
    font-size: .24rem;
}
/* 两列对齐布局 */
.id-form__rules-row{
    display: flex;
    align-items: flex-start;
    margin-bottom: .18rem;
}
.id-form__rules-key{
    color: #9baed4;
    font-size: .18rem;
    flex-shrink: 0;
    width: 1.50rem;
    line-height: 1.6;
}
.id-form__rules-val{
    color: #9baed4;
    font-size: .18rem;
    line-height: 1.6;
    flex: 1;
}

/* ==================== 活动规则弹窗内容 ==================== */
.rules-panel__title{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .36rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    letter-spacing: .08rem;
    margin: 0 0 .16rem;
    line-height: 1.2;
}
.rules-panel{
    padding: .04rem .36rem .16rem;
    display: flex;
    flex-direction: column;
    gap: .22rem;
}
.rules-panel__item{
    position: relative;
    padding-left: .18rem;
    border-left: .03rem solid rgba(255,255,255,.35);
}
.rules-panel__tag{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .26rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.4;
    margin: 0 0 .08rem;
    letter-spacing: .02rem;
}
.rules-panel__desc{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .22rem;
    color: rgba(255,255,255,.82);
    line-height: 1.8;
    margin: 0;
}

/* ==================== 我的奖品弹窗内容 ==================== */
.ip-prizes{
    display: flex;
    flex-direction: column;
    gap: .14rem;
    padding: 0 .36rem .16rem;
}
/* 空状态 */
.ip-prizes__empty{
    text-align: center;
    padding: .60rem .20rem;
}
.ip-prizes__empty p{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .24rem;
    color: #ffffff;
    margin: .06rem 0;
}
.ip-prizes__empty-tip{
    font-size: .20rem !important;
    color: rgba(255,255,255,.55) !important;
    margin-top: .08rem !important;
}
/* 奖品卡片 */
.ip-prize{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .18rem .20rem;
    border-radius: .06rem;
    border: .01rem solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.06);
    transition: border-color .2s;
}
.ip-prize--unclaimed{
    border-color: rgba(255,255,255,.3);
    background: rgba(255,255,255,.1);
}
.ip-prize:active{
    border-color: rgba(255,255,255,.5);
}
/* 奖品信息 */
.ip-prize__info{
    flex: 1;
    min-width: 0;
    text-align: left;
}
.ip-prize__name{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .22rem;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ip-prize__time{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .18rem;
    color: rgba(255,255,255,.5);
    line-height: 1.4;
    margin: .04rem 0 0;
}
/* 操作按钮 */
.ip-prize__action{
    flex-shrink: 0;
    margin-left: .16rem;
    padding: .08rem .20rem;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .18rem;
    font-weight: bold;
    border-radius: .04rem;
    white-space: nowrap;
    transition: filter .2s, transform .1s;
}
.ip-prize__action:active{
    transform: scale(.96);
}
/* 复制礼包码 */
.ip-prize__copy{
    background: rgba(255,255,255,.9);
    color: #1a1a2e;
}
.ip-prize__copy:hover{ filter: brightness(1.05); }
/* 领取奖励 */
.ip-prize__claim{
    background: transparent;
    color: #ffffff;
    border: .01rem solid rgba(255,255,255,.35);
}
.ip-prize__claim:hover{
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.6);
}

/* ==================== 分享海报弹窗皮肤 ==================== */
.tw-modal.skin-share-card{
    background: transparent;
    border-radius: .12rem;
    box-shadow: 0 0 .40rem rgba(0,0,0,.6);
    width: 6.20rem;
    max-width: 92vw;
    overflow: hidden;
}
.tw-modal.skin-share-card .tw-modal-head{ display: none; }
.tw-modal.skin-share-card .tw-modal-foot{ display: none; }
.tw-modal.skin-share-card .tw-modal-body{
    padding: 0;
    min-height: auto;
    line-height: 1.4;
}
.tw-modal.skin-share-card .tw-close-btn{
    top: 12px;
    right: 12px;
    color: #fff;
    font-size: 22px;
    background: rgba(0,0,0,.4);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    z-index: 10;
}

/* ==================== 分享卡片 ==================== */
.share-card{
    position: relative;
    background: url('../images/bg3.jpg') no-repeat;
    background-size: cover;
    background-position: center top;
    width: 100%;
    aspect-ratio: 2 / 3;    /* 竖版海报比例 */
    max-height: 80vh;       /* 不超过视口80% */
}
.share-card__inner{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .60rem .40rem .30rem;
    box-sizing: border-box;
    overflow: hidden;
}
/* 标题 */
.share-card__title{
    color: #fff;
    font-size: .30rem;
    font-weight: bold;
    text-shadow: 0 2px 8px rgba(0,0,0,.5);
    text-align: center;
    margin-bottom: .60rem;
    letter-spacing: .04rem;
}
/* ID 名字（大字） */
.share-card__id-name{
    font-size: .64rem;
    font-weight: 900;
    color: rgba(255,255,255,.9);
    text-align: center;
    letter-spacing: .06rem;
    text-shadow: 0 2px 12px rgba(0,100,255,.4);
    line-height: .72rem;
    margin-bottom: .08rem;
    word-break: break-all;
}
.share-card__id-sub{
    font-size: .18rem;
    color: rgba(255,255,255,.6);
    text-align: center;
    margin-bottom: .60rem;
}
/* 文案行 */
.share-card__slogan1{
    color: #fff;
    font-size: .22rem;
    text-align: center;
    margin-bottom: .12rem;
}
.share-card__slogan2{
    color: #ffd77b;
    font-size: .24rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .40rem;
}
/* 二维码 */
.share-card__qrcode{
    width: 1.20rem;
    height: 1.20rem;
    background: #fff;
    margin: 0 auto .36rem;
    border-radius: 4px;
}
.share-card__qrcode canvas,
.share-card__qrcode img{
    width: 100% !important;
    height: 100% !important;
}
/* 按钮行 */
.share-card__btns{
    display: flex;
    justify-content: center;
    gap: .24rem;
    margin-bottom: .24rem;
}
/* 保存图片 247×83 @-754,-134 */
.share-card__save{ width: 2.47rem; height: .83rem; background-position: -7.54rem -1.34rem; }
/* 邀请兄弟 247×83 @-249,-268 */
.share-card__invite{ width: 2.47rem; height: .83rem; background-position: -2.49rem -2.68rem; }
/* 底部提示 */
.share-card__tip{
    color: rgba(255,255,255,.6);
    font-size: .20rem;
    text-align: center;
}

/* ==================== btn-share-act 三段式分享弹窗 ==================== */
.tw-modal.skin-share-poster-modal{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    width: 6.80rem;
    max-width: 92vw;
    overflow: visible;
}
.tw-modal.skin-share-poster-modal .tw-modal-head{
    height: 2.08rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.tw-modal.skin-share-poster-modal .tw-modal-head h2{
    font-size: 0;
    color: transparent;
    width: 4.80rem;
    height: .46rem;
}
.tw-modal.skin-share-poster-modal .tw-modal-body{
    position: relative;
    z-index: 0;
    padding: .02rem .60rem .08rem;
    margin-top: -.82rem;
    margin-bottom: -.42rem;
    min-height: auto;
    line-height: 1.4;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: visible;
}
.tw-modal.skin-share-poster-modal .tw-modal-body::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: inherit;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}
.tw-modal.skin-share-poster-modal .tw-modal-foot{
    position: relative;
    z-index: 1;
    height: 1.28rem;
    padding: .12rem .44rem 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.tw-modal.skin-share-poster-modal .tw-close-btn{
    top: .30rem;
    right: .38rem;
    width: .40rem;
    height: .40rem;
    color: #ffd77b;
    font-size: .24rem;
    line-height: 1;
    background: rgba(0,0,0,.35);
    border-radius: 50%;
}
.tw-modal.skin-share-poster-modal .tw-close-btn:hover{
    color: #fff;
    background: rgba(0,0,0,.55);
}
.share-poster{
    position: relative;
    width: 3.19rem;
    height: 6.80rem;
    margin: 0 auto;
    overflow: hidden;
    background: url('../images/bg3.jpg') no-repeat center top / cover;
    box-shadow: 0 .08rem .24rem rgba(0,0,0,.42);
}
.share-poster__inner{
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: .44rem .32rem .28rem;
    text-align: center;
}
.share-poster__title{
    color: #fff;
    font-size: .26rem;
    font-weight: bold;
    line-height: 1.25;
    text-shadow: 0 .02rem .08rem rgba(0,0,0,.68);
}
.share-poster__id-name{
    width: 3.60rem;
    margin-top: 2.58rem;
    color: rgba(255,255,255,.88);
    font-size: .52rem;
    font-weight: 900;
    line-height: .62rem;
    text-align: center;
    word-break: break-all;
    white-space: pre-line;
    text-shadow:
        0 0 .05rem rgba(255,255,255,.62),
        0 0 .16rem rgba(69,165,255,.62),
        0 .03rem .08rem rgba(0,25,70,.78);
}
.share-poster__id-sub{
    margin-top: .06rem;
    color: rgba(255,255,255,.62);
    font-size: .16rem;
    line-height: 1.4;
}
.share-poster__slogan1{
    margin-top: .72rem;
    color: #fff;
    font-size: .18rem;
    line-height: 1.45;
    text-shadow: 0 .02rem .06rem rgba(0,0,0,.64);
}
.share-poster__slogan2{
    margin-top: .08rem;
    color: #ffd77b;
    font-size: .20rem;
    font-weight: bold;
    line-height: 1.45;
    text-shadow: 0 .02rem .06rem rgba(0,0,0,.66);
}
.share-poster__qrcode{
    width: .96rem;
    height: .96rem;
    margin-top: .30rem;
    padding: .04rem;
    box-sizing: border-box;
    background: #fff;
}
.share-poster__qrcode canvas,
.share-poster__qrcode img{
    width: 100% !important;
    height: 100% !important;
    display: block;
}
.share-poster__btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .22rem;
}
.share-poster__save,
.share-poster__invite{
    display: block;
    width: 2.47rem;
    height: .83rem;
    font-size: 0;
    transition: filter .3s;
}
.share-poster__save{ background-position: -7.54rem -1.34rem; }
.share-poster__invite{ background-position: -2.49rem -2.68rem; }
.share-poster__save:hover,
.share-poster__invite:hover{ filter: brightness(1.15); }
.share-poster__tip{
    margin-top: -.04rem;
    color: rgba(255,255,255,.62);
    font-size: .18rem;
    line-height: 1.2;
    text-align: center;
}
@media (max-width: 480px) {
    .tw-modal.skin-share-poster-modal{
        width: 6.80rem !important;
        max-width: 94vw !important;
    }
    .tw-modal.skin-share-poster-modal .tw-modal-body{
        padding-left: .52rem;
        padding-right: .52rem;
    }
    .share-poster{
        width: 3.02rem;
        height: 6.45rem;
    }
    .share-poster__id-name{
        margin-top: 2.34rem;
        font-size: .46rem;
        line-height: .56rem;
    }
}

/* ==================== 整体图容器版分享弹窗 ==================== */
.share-popup-overlay{
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .24rem 0 1.24rem;
    box-sizing: border-box;
    overflow-y: auto;
    background: rgba(0,0,0,.66);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
    -webkit-overflow-scrolling: touch;
}
.share-popup-overlay.is-visible{
    opacity: 1;
    visibility: visible;
}
.share-popup{
    position: relative;
    width: 6.80rem;
    height: 10.00rem;
    flex: 0 0 auto;
    background: url('../images/share-popup-bg.png') no-repeat center / 100% 100%;
    transform: scale(.92);
    opacity: 0;
    transition: transform .25s ease, opacity .25s ease;
}
.share-popup-overlay.is-visible .share-popup{
    transform: scale(1);
    opacity: 1;
}
.share-popup__close{
    position: absolute;
    top: -0.40rem;
    right: -0.08rem;
    z-index: 5;
    width: .59rem;
    height: .53rem;
    background: url('../images/close.png') no-repeat center / 100% 100%;
    font-size: 0;
    -webkit-tap-highlight-color: transparent;
}
.share-popup__close:active{ opacity: .82; }
.share-popup__title{
    position: absolute;
    left: 50%;
    top: 0.42rem;
    width: 4.28rem;
    height: 2.25rem;
    transform: translateX(-50%);
    background: url('../images/sprite-title.png') no-repeat;
    background-size: 5.71rem 8.57rem;
    background-position: -.71rem -5.31rem;
    pointer-events: none;
}
.share-popup__id{
    position: absolute;
    left: 48%;
    top: 4.10rem;
    width: 2.6rem;
    transform: translateX(-50%);
    color: #fff;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .52rem;
    font-weight: 900;
    line-height: .62rem;
    text-align: center;
    word-break: break-all;
    mix-blend-mode: overlay;
   
}
.share-popup__desc{
    position: absolute;
    left: 50%;
    top: 6.18rem;
    width: 4.51rem;
    transform: translateX(-50%);
    color: #fff;
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .24rem;
    font-weight: bold;
    line-height: .32rem;
    text-align: center;
    text-shadow: 0 .02rem .06rem rgba(0,0,0,.68);
}
.share-popup__desc p{ margin: 0; }
.share-popup__desc b{
    color: #fff04f;
    font-weight: 900;
}
.share-popup__qrcode{
    position: absolute;
    left: 50%;
    top: 7.3rem;
    width: 2.00rem;
    height: 2.00rem;
    padding: 0.05rem;
    box-sizing: border-box;
    transform: translateX(-50%);
    border: 1px solid #727179;
}
.share-popup__qrcode canvas,
.share-popup__qrcode img{
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.share-popup__actions{
    position: absolute;
    left: 50%;
    bottom: -.94rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .30rem;
    transform: translateX(-50%);
}
.share-popup__save,
.share-popup__invite{
    display: block;
    width: 2.47rem;
    height: .83rem;
    font-size: 0;
    -webkit-tap-highlight-color: transparent;
    transition: filter .2s ease, transform .1s ease;
}
.share-popup__save{ background-position: -7.54rem -1.34rem; }
.share-popup__invite{ background-position: -4.98rem -2.68rem; }
.share-popup__save:active,
.share-popup__invite:active{
    filter: brightness(1.12);
    transform: scale(.98);
}
.share-popup__preview{
    display: none;
    position: absolute;
    left: .24rem;
    top: .24rem;
    right: .24rem;
    bottom: .24rem;
    z-index: 4;
}
.share-popup__preview img{
    display: block;
    width: 100%;
}
.share-popup__preview-tip{
    margin-top: .16rem;
    color: #fff;
    font-size: .22rem;
    line-height: 1.6;
    text-align: center;
}
.share-popup.is-preview .share-popup__title,
.share-popup.is-preview .share-popup__id,
.share-popup.is-preview .share-popup__desc,
.share-popup.is-preview .share-popup__qrcode,
.share-popup.is-preview .share-popup__actions{
    display: none;
}
.share-popup.is-preview .share-popup__preview{
    display: block;
}
@media (max-height: 560px) and (orientation: portrait){
    .share-popup-overlay{
        align-items: flex-start;
    }
}

/* Final share image popup overrides */
.share-popup.share-popup--image{
    background: transparent;
}
.share-popup.share-popup--image .share-popup__title,
.share-popup.share-popup--image .share-popup__id,
.share-popup.share-popup--image .share-popup__desc,
.share-popup.share-popup--image .share-popup__qrcode{
    display: none;
}
.share-popup.share-popup--image .share-popup__preview{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.share-popup__preview-img{
    display: block;
    width: 100%;
}
.share-popup.share-popup--image .share-popup__actions{
    z-index: 3;
}
.share-popup.share-popup--image .share-popup__preview-tip{
    position: absolute;
    left: 50%;
    bottom: -1.34rem;
    width: 4.80rem;
    transform: translateX(-50%);
    color: rgba(255,255,255,.72);
    font-size: .22rem;
    line-height: 1.4;
    text-align: center;
    z-index: 3;
}

/* ==================== 实物奖品地址弹窗 ==================== */
.addr-form{
    padding: .0rem .40rem .16rem;
    text-align: left;
}
.addr-form__title{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .30rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    margin: 0 0 .10rem;
    letter-spacing: .06rem;
}
.addr-form__prize-name{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .20rem;
    color: rgba(255,255,255,0.7);
    text-align: center;
    margin: 0 0 .20rem;
    letter-spacing: .02rem;
}
/* 装饰分割线 */
.addr-form__divider{
    width: 60%;
    height: 1px;
    margin: 0 auto .24rem;
    background: linear-gradient(90deg, transparent, rgba(200,175,115,0.4), transparent);
}
.addr-form__group{
    margin-bottom: .18rem;
}
.addr-form__label{
    font-family: "Microsoft YaHei", sans-serif;
    font-size: .18rem;
    color: rgba(255,255,255,0.65);
    margin-bottom: .06rem;
    display: block;
    letter-spacing: .02rem;
}
.addr-form__input{
    width: 100%;
    height: .52rem;
    background: rgba(0,0,0,0.35);
    border: 1px solid rgba(200,175,115,0.2);
    border-radius: .06rem;
    color: #ffe8a8;
    font-size: .20rem;
    padding: 0 .18rem;
    box-sizing: border-box;
    outline: none;
    font-family: "Microsoft YaHei", sans-serif;
    transition: border-color 0.25s, box-shadow 0.25s;
}
.addr-form__input::placeholder{
    color: rgba(255,215,123,0.25);
    font-size: .18rem;
}
.addr-form__input:focus{
    border-color: rgba(255,215,123,0.5);
    box-shadow: 0 0 .08rem rgba(255,215,123,0.15), inset 0 0 .04rem rgba(255,215,123,0.05);
}
.addr-form__phone-row{
    display: flex;
    gap: .10rem;
    align-items: center;
}
.addr-form__phone-row .addr-form__input{
    flex: 1;
}
.addr-form__sms-btn{
    flex-shrink: 0;
    width: 1.36rem;
    height: .52rem;
    background: linear-gradient(135deg, rgba(173,106,26,0.35), rgba(255,215,123,0.15));
    border: 1px solid rgba(255,215,123,0.35);
    border-radius: .06rem;
    color: #ffd77b;
    font-size: .17rem;
    font-weight: bold;
    font-family: "Microsoft YaHei", sans-serif;
    cursor: pointer;
    transition: all 0.25s;
    white-space: nowrap;
    letter-spacing: .02rem;
}
.addr-form__sms-btn:hover{
    background: linear-gradient(135deg, rgba(173,106,26,0.5), rgba(255,215,123,0.25));
    border-color: rgba(255,215,123,0.55);
}
.addr-form__sms-btn.is-countdown{
    color: rgba(200,175,115,0.4);
    background: rgba(0,0,0,0.2);
    border-color: rgba(200,175,115,0.15);
    cursor: not-allowed;
}
.addr-form__submit{
    display: block;
    width: 100%;
    height: .58rem;
    margin-top: .24rem;
    background: linear-gradient(180deg, #ffe59a 0%, #d4a24a 50%, #ad6a1a 100%);
    color: #3d1200;
    font-size: .22rem;
    font-weight: bold;
    font-family: "Microsoft YaHei", sans-serif;
    border: none;
    border-radius: .06rem;
    cursor: pointer;
    letter-spacing: .08rem;
    transition: all 0.25s;
    box-shadow: 0 .04rem .12rem rgba(173,106,26,0.4), inset 0 1px 0 rgba(255,255,255,0.3);
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
}
.addr-form__submit:hover{
    filter: brightness(1.12);
    box-shadow: 0 .06rem .18rem rgba(173,106,26,0.5), inset 0 1px 0 rgba(255,255,255,0.35);
}
.addr-form__submit:active{
    transform: translateY(1px);
    box-shadow: 0 .02rem .06rem rgba(173,106,26,0.3), inset 0 1px 0 rgba(255,255,255,0.2);
}
.addr-form__submit:disabled{
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(0.4);
}