/* cz.yiyikeji5036.com 样式修复 v9 2026-11-10 */

/* 桌面端整体居中收窄，手机上不变 */
#app{max-width:480px;margin:0 auto;background:#f8f8f8;box-shadow:0 0 24px rgba(0,0,0,.08);min-height:100vh}


/* ---------- 月充页 [data-v-0aeec805] ---------- */
.content[data-v-0aeec805]{max-width:480px;margin:0 auto}
/* 头部：只隐藏直接子级的标题底图（该字段全站为空），运营商 logo 在 header-msg 里面，不动 */
.content .header[data-v-0aeec805]{width:100%!important;max-width:23.4375rem;margin:0 auto;background:linear-gradient(160deg,#ff6a4d 0%,#e8341c 55%,#c81e0b 100%);border-radius:0 0 1rem 1rem;overflow:hidden}
.content .header .header-msg[data-v-0aeec805]{top:12%!important}
.content .header .header-msg .price-box[data-v-0aeec805]{padding-top:.5rem!important}
.content .header .header-msg .headrr-fot[data-v-0aeec805]{padding-top:.75rem!important}
.content .header > uni-image[data-v-0aeec805]{display:none!important}
.content .header .header-msg .title[data-v-0aeec805]{display:block!important;width:23.4375rem!important;margin-left:-3.28125rem!important;text-align:center!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35);font-size:1.5rem!important;letter-spacing:.1rem!important}
.content .header .header-msg .price-box[data-v-0aeec805]{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.content .header .header-msg .price-box .price[data-v-0aeec805]{color:#fff!important}
.content .header .header-msg .hint-moth[data-v-0aeec805]{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.8)!important}
.content .header .header-msg .phoneInfo[data-v-0aeec805]{color:#fff!important}
.content .header .header-msg .hint[data-v-0aeec805]{color:rgba(255,255,255,.85)!important}
.content .header-fot[data-v-0aeec805]{width:100%!important;max-width:16.75rem}
/* 券：底图加载前先给红色底，不再整张发白 */
.content .coupon[data-v-0aeec805]{position:relative!important;background-color:#e8341c!important;width:100%!important;max-width:21.5625rem;margin:0 auto 2.25rem!important}
/* 券底备注：改成绝对定位，挪到券下方的空隙里，不再盖在票面上 */
.content .coupon .coupon-fot-remark[data-v-0aeec805]{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-1.6rem!important;margin:0!important;width:max-content!important;max-width:92%;background:rgba(178,28,12,.9);color:#fff!important;font-size:.7rem!important;font-weight:700;border-radius:.5rem;padding:.2rem .6rem;justify-content:center;text-align:center;line-height:1.5;white-space:normal;z-index:2}
.content .coupon .coupon-fot-mes[data-v-0aeec805]{text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* “领”徽章：改到 3rem，并去掉脉冲放大（原来会放大到 1.25 倍压住票面文字） */
.content .coupon .right .right-img[data-v-0aeec805],.content .coupon .right .right-imga[data-v-0aeec805]{width:1.25rem!important;height:1.25rem!important;margin-right:.5rem!important;margin-top:1rem!important;transform:translateY(1rem)!important}
.content .coupon .right .right-img uni-image[data-v-0aeec805],.content .coupon .right .right-imga uni-image[data-v-0aeec805]{animation:czPulse .75s linear infinite alternate!important;width:100%!important;height:100%!important}
/* 底部说明框：桌面居中 */
.content .fot[data-v-0aeec805]{width:100%!important;max-width:23.4375rem;margin:2rem auto 0!important}


/* ---------- 月充页 [data-v-b3fe5ff6] ---------- */
.content[data-v-b3fe5ff6]{max-width:480px;margin:0 auto}
/* 头部：只隐藏直接子级的标题底图（该字段全站为空），运营商 logo 在 header-msg 里面，不动 */
.content .header[data-v-b3fe5ff6]{width:100%!important;max-width:23.4375rem;margin:0 auto;background:linear-gradient(160deg,#ff6a4d 0%,#e8341c 55%,#c81e0b 100%);border-radius:0 0 1rem 1rem;overflow:hidden}
.content .header .header-msg[data-v-b3fe5ff6]{top:12%!important}
.content .header .header-msg .price-box[data-v-b3fe5ff6]{padding-top:.5rem!important}
.content .header .header-msg .headrr-fot[data-v-b3fe5ff6]{padding-top:.75rem!important}
.content .header > uni-image[data-v-b3fe5ff6]{display:none!important}
.content .header .header-msg .title[data-v-b3fe5ff6]{display:block!important;width:23.4375rem!important;margin-left:-3.28125rem!important;text-align:center!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35);font-size:1.5rem!important;letter-spacing:.1rem!important}
.content .header .header-msg .price-box[data-v-b3fe5ff6]{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.3)}
.content .header .header-msg .price-box .price[data-v-b3fe5ff6]{color:#fff!important}
.content .header .header-msg .hint-moth[data-v-b3fe5ff6]{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.8)!important}
.content .header .header-msg .phoneInfo[data-v-b3fe5ff6]{color:#fff!important}
.content .header .header-msg .hint[data-v-b3fe5ff6]{color:rgba(255,255,255,.85)!important}
.content .header-fot[data-v-b3fe5ff6]{width:100%!important;max-width:16.75rem}
/* 券：底图加载前先给红色底，不再整张发白 */
.content .coupon[data-v-b3fe5ff6]{position:relative!important;background-color:#e8341c!important;width:100%!important;max-width:21.5625rem;margin:0 auto 2.25rem!important}
/* 券底备注：改成绝对定位，挪到券下方的空隙里，不再盖在票面上 */
.content .coupon .coupon-fot-remark[data-v-b3fe5ff6]{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:-1.6rem!important;margin:0!important;width:max-content!important;max-width:92%;background:rgba(178,28,12,.9);color:#fff!important;font-size:.7rem!important;font-weight:700;border-radius:.5rem;padding:.2rem .6rem;justify-content:center;text-align:center;line-height:1.5;white-space:normal;z-index:2}
.content .coupon .coupon-fot-mes[data-v-b3fe5ff6]{text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* “领”徽章：改到 3rem，并去掉脉冲放大（原来会放大到 1.25 倍压住票面文字） */
.content .coupon .right .right-img[data-v-b3fe5ff6],.content .coupon .right .right-imga[data-v-b3fe5ff6]{width:1.25rem!important;height:1.25rem!important;margin-right:.5rem!important;margin-top:1rem!important;transform:translateY(1rem)!important}
.content .coupon .right .right-img uni-image[data-v-b3fe5ff6],.content .coupon .right .right-imga uni-image[data-v-b3fe5ff6]{animation:czPulse .75s linear infinite alternate!important;width:100%!important;height:100%!important}
/* 底部说明框：桌面居中 */
.content .fot[data-v-b3fe5ff6]{width:100%!important;max-width:23.4375rem;margin:2rem auto 0!important}


/* ---------- 首页：横幅和运营商小图原来按填满裁切，字被切掉，改成完整显示 ---------- */
[data-v-b65d2465] uni-image img,[data-v-344b638c] uni-image img{object-fit:contain!important}

/* 温和脉冲：代替原来 1.25 倍的放大动画 */
@keyframes czPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}

/* 首页横幅：原图里的“话费券使用入口”七个字在源文件里就是切掉两端的，CSS 修不回来；
   用一个白色圆角标签盖住切掉的那行字，改写成干净的完整标题（纯覆盖、可随时撤） */
.content .login[data-v-855f5f76]{position:relative!important}
.content .login[data-v-855f5f76]::after{content:"话费券使用入口";position:absolute;top:5.75rem;left:50%;transform:translateX(-50%);width:21.25rem;height:4.25rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:1rem;box-shadow:0 .25rem .75rem rgba(180,20,5,.25);background-color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:.125rem;white-space:nowrap;pointer-events:none;color:transparent;-webkit-text-stroke:.5px #c81e0b;background-image:linear-gradient(180deg,#ffb03a 0%,#ff7a1a 55%,#e8341c 100%),linear-gradient(#fff,#fff);-webkit-background-clip:text,padding-box;background-clip:text,padding-box}