/* AI1 2026-05-21 v3 (kyv3): strip stale Vue scope ids - new chunks no longer carry [data-v-*] attrs */
/* ======================================================================
YZC 全站主题：开云蓝 + 金色点缀 + 立体阴影
不修改任何原始 chunk-*.css 文件，只在最末尾覆盖
一键回滚：从 index.html 移除本文件 即可
====================================================================== */
/* ---------- 1. 全局背景：更有层次的蓝白渐变 ---------- */
html,body{
background:
radial-gradient(circle at 12% 8%, rgba(91,156,247,.22) 0, rgba(91,156,247,0) 28%),
radial-gradient(circle at 92% 18%, rgba(255,206,99,.16) 0, rgba(255,206,99,0) 22%),
radial-gradient(circle at 50% 100%, rgba(31,118,232,.18) 0, rgba(31,118,232,0) 40%),
linear-gradient(180deg,#dde9ff 0%,#eef5ff 38%,#f7fbff 68%,#d8e8ff 100%)!important;
background-attachment:fixed!important;
}
/* 主滚动容器透明，让 body 渐变透出 */
#app,
.app-container,
.indexPage,
.cube-scroll-content,
.cube-scroll-list-wrapper{
background:transparent!important;
}
/* ---------- 2. 顶部用户面板（首页）：玻璃质感卡片 ---------- */
.userPanel{
background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(238,247,255,.92) 100%)!important;
box-shadow:
0 .18rem .42rem rgba(20,115,230,.16),
0 .02rem .06rem rgba(20,115,230,.08),
inset 0 .02rem 0 rgba(255,255,255,.9)!important;
border-radius:0 0 .22rem .22rem!important;
border-bottom:1px solid rgba(160,200,255,.4)!important;
position:relative!important;
}
.userPanel::before{
content:"";position:absolute;left:0;right:0;top:0;height:.06rem;
background:linear-gradient(90deg,transparent 0%,#1473e6 30%,#4a9af2 50%,#1473e6 70%,transparent 100%);
opacity:.5;
}
/* ---------- 3. VIP 徽章：换成金色 ---------- */
.vipLevelBadge{
background:linear-gradient(180deg,#ffd766 0%,#f5b73c 55%,#c98512 100%)!important;
border:.018rem solid rgba(255,235,170,.85)!important;
box-shadow:
inset 0 .015rem .04rem rgba(255,255,255,.7),
inset 0 -.015rem .04rem rgba(140,80,0,.35),
0 .04rem .12rem rgba(200,130,0,.35)!important;
}
.vipLevelBadge p{
color:#5a3700!important;
font-weight:800!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.45)!important;
}
.vipLevelIcon{filter:drop-shadow(0 .02rem .04rem rgba(140,80,0,.4))!important;}
/* ---------- 4. 余额行：数字加深，主色更鲜明 ---------- */
.balanceText{
color:#0a3a85!important;
font-weight:800!important;
letter-spacing:.3px!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.7)!important;
}
.balanceEye{
filter:hue-rotate(200deg) saturate(1.4)!important;
}
/* ---------- 5. 顶部 4 个快捷入口（存款/转账/取款/VIP）：玻璃按钮 ---------- */
.userPanel-nav-items{
background:linear-gradient(180deg,#ffffff 0%,#eaf4ff 100%)!important;
border:1px solid rgba(160,205,255,.55)!important;
border-radius:.18rem!important;
box-shadow:
0 .06rem .14rem rgba(20,115,230,.14),
inset 0 .015rem 0 rgba(255,255,255,.9)!important;
transition:transform .15s ease, box-shadow .15s ease!important;
}
.userPanel-nav-items:active{
transform:translateY(.02rem)!important;
box-shadow:0 .03rem .08rem rgba(20,115,230,.18)!important;
}
.userPanel-nav-items p{
color:#0a3a85!important;
font-weight:600!important;
}
/* ---------- 6. 左侧游戏分类 Tab ---------- */
.gameNav{
background:linear-gradient(180deg,rgba(238,247,255,.6) 0%,rgba(216,232,255,.4) 100%)!important;
}
.gameNav-item{
background:linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%)!important;
box-shadow:
0 .06rem .16rem rgba(20,115,230,.08),
inset 0 .015rem 0 rgba(255,255,255,.9)!important;
border:1px solid rgba(180,210,245,.5)!important;
color:#3a5479!important;
}
.gameNav-item.active{
background:linear-gradient(135deg,#1f86ff 0%,#0d5fcc 60%,#0a4ba8 100%)!important;
color:#fff!important;
border:1px solid rgba(120,180,255,.6)!important;
box-shadow:
0 .12rem .26rem rgba(13,95,204,.45),
inset 0 .02rem .04rem rgba(255,255,255,.4),
inset 0 -.02rem .04rem rgba(0,30,90,.3)!important;
}
/* ---------- 7. 首页公告条 ---------- */
.home-marquee{
background:linear-gradient(90deg,#fff8ec,#fff3d8 50%,#fff8ec)!important;
border:1px solid rgba(220,170,60,.4)!important;
box-shadow:0 .06rem .16rem rgba(220,170,60,.18)!important;
}
.home-marquee-icon{
background:linear-gradient(180deg,#f7b733,#d99524)!important;
color:#fff!important;
box-shadow:0 .02rem .06rem rgba(180,110,0,.35)!important;
}
/* ---------- 8. 个人中心：顶部背景 + 头像光晕 ---------- */
.personal{
background:
radial-gradient(circle at 12% 0%,rgba(255,206,99,.16) 0,rgba(255,206,99,0) 36%),
radial-gradient(circle at 90% 10%,rgba(74,154,242,.22) 0,rgba(74,154,242,0) 40%),
linear-gradient(180deg,#e1edff 0%,#f0f7ff 40%,#f7fbff 100%)!important;
}
.ky-avatar{
box-shadow:
0 .06rem .16rem rgba(20,115,230,.28),
0 0 0 .04rem rgba(255,255,255,.9),
0 0 0 .06rem rgba(20,115,230,.25)!important;
}
.ky-name{
color:#0a2855!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.7)!important;
}
/* ---------- 9. 个人中心：钱包卡片更立体 ---------- */
.ky-vw-card{
background:linear-gradient(180deg,#ffffff 0%,#eaf3ff 100%)!important;
border:1px solid rgba(255,255,255,.92)!important;
box-shadow:
0 .12rem .3rem rgba(20,115,230,.16),
0 .02rem .06rem rgba(20,115,230,.08),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
position:relative;overflow:hidden;
}
.ky-vw-card::before{
background:radial-gradient(circle at 80% 0,rgba(247,183,51,.18),transparent 56%)!important;
}
.ky-vw-card::after{
content:"";position:absolute;left:-30%;bottom:-40%;
width:80%;height:80%;
background:radial-gradient(circle,rgba(20,115,230,.18),transparent 60%);
pointer-events:none;
}
.ky-wallet-bal-v{
color:#0a3a85!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.7)!important;
}
.ky-wallet-bal-l{color:#3a5479!important;}
/* ---------- 10. 个人中心：钱包 4 按钮（存款/取款/转账/记录）---------- */
.ky-wb{
background:linear-gradient(180deg,#ffffff 0%,#e4f0ff 100%)!important;
border:1px solid rgba(160,205,255,.6)!important;
box-shadow:
0 .06rem .14rem rgba(20,115,230,.12),
inset 0 .015rem 0 rgba(255,255,255,.9)!important;
color:#0a3a85!important;
}
/* ---------- 11. 福利中心彩色 pill ---------- */
.ky-welfare-pill{
background:transparent!important;
color:#fff!important;
box-shadow:none!important;
}
.ky-welfare-cta{
color:#fff!important;
font-weight:700!important;
text-shadow:0 .015rem .035rem rgba(0,58,145,.28)!important;
}
.ky-welfare-cta .yc-welfare-count{
color:#ffe45c!important;
font-weight:900!important;
text-shadow:
0 .018rem .035rem rgba(0,55,145,.62),
0 0 .08rem rgba(255,228,92,.58)!important;
}
/* ---------- 11.1. 福利中心: 有待领取时金色呼吸光 (2026-06-11 yu7890 反馈) ---------- */
/* 默认金色 pill 不变. 检测到玩家有待领取福利时, JS 会添加 .yc-has-pending-welfare class.
* 视觉提示 (无小红数字, 高级感优先):
* ① 文案 "福利中心 ›" → "福利中心 · {N}项 ›" (JS 注入)
* ② 整个 pill 呼吸光 box-shadow 强弱循环 (1.6s)
*
* 2026-06-11 yu7890 反馈: 之前用 ✦ (U+2726) 在部分 iOS 系统字体下渲染成"黄色三角形",
* 视觉很奇怪 — 删除 ::before 伪元素, 只保留呼吸光 + 文案数字两层提示足够.
*/
.ky-welfare-pill.yc-has-pending-welfare{
animation:yc-welfare-breath 1.6s ease-in-out infinite!important;
}
@keyframes yc-welfare-breath{
0%,100%{
box-shadow:
0 .06rem .14rem rgba(200,130,0,.32),
inset 0 .015rem 0 rgba(255,255,255,.6),
0 0 0 0 rgba(255,210,90,0)!important;
}
50%{
box-shadow:
0 .06rem .14rem rgba(200,130,0,.32),
inset 0 .015rem 0 rgba(255,255,255,.6),
0 0 .16rem .04rem rgba(255,210,90,.85)!important;
}
}
/* ---------- 11.3. VIP 卡片: 当前存款/当前投注两列居中 + 中间竖线分隔 (2026-06-11 yu7890 反馈) ---------- */
/* DOM 结构 (chunk-2574633e center): .ky-vip-mt > [.ky-vip-mt-item, .ky-vip-mt-sep, .ky-vip-mt-item]
* 原 chunk CSS 已 flex 布局, 但 item 默认左对齐 (子元素 align-items 默认 stretch/flex-start),
* 用户希望两列内容(标签 + 数字)各自水平居中, 中间一根明显的竖线.
* 同时 chunk 原竖线颜色 rgba(60,130,200,.18) 偏淡, 加深到 .45 让玩家看清.
*/
.ky-vip-mt-item{
align-items:center!important;
text-align:center!important;
justify-content:center!important;
}
.ky-vip-mt-sep{
background:rgba(60,130,200,.45)!important;
}
/* ---------- 11.2. 关闭"我的消息"行的红色徽标 (2026-06-11 yu7890 反馈) ---------- */
/* 顶部右上角的消息中心红点保留 (是另一个组件 .van-badge / 顶部 header 按钮),
* "我的"页面下面 .message-row 那行右侧的 .msg-badge 与右上角红点信息重复, 永久隐藏.
* 行本身保留, 箭头保留, 点击进入 /Member/Message 路由功能不变.
*/
.message-row .msg-badge{
display:none!important;
}
/* ---------- 12. 底部 Tab Bar：选中状态更鲜明 ---------- */
.van-tabbar{
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(238,247,255,.98))!important;
box-shadow:0 -.06rem .18rem rgba(20,115,230,.1)!important;
border-top:1px solid rgba(180,210,245,.5)!important;
}
.van-tabbar-item--active{
color:#0d5fcc!important;
}
.van-tabbar-item--active .van-tabbar-item__icon{
filter:drop-shadow(0 .02rem .04rem rgba(13,95,204,.35))!important;
}
/* ---------- 13. 主按钮：开云蓝渐变 ---------- */
.van-button--info,
.van-button--primary{
background:linear-gradient(180deg,#1f86ff 0%,#0d5fcc 100%)!important;
border-color:#0d5fcc!important;
box-shadow:
0 .08rem .18rem rgba(13,95,204,.28),
inset 0 .015rem 0 rgba(255,255,255,.3)!important;
color:#fff!important;
}
/* 通用提交按钮（注册/登录页内嵌的）*/
.submitBtn,
.btn-primary,
.confirm-btn{
background:linear-gradient(180deg,#1f86ff 0%,#0d5fcc 100%)!important;
box-shadow:
0 .1rem .22rem rgba(13,95,204,.3),
inset 0 .015rem 0 rgba(255,255,255,.3)!important;
}
/* ---------- 14. 常见卡片容器统一加阴影 ---------- */
.van-cell{background:transparent!important;}
.van-cell-group{
background:#fff!important;
border-radius:.18rem!important;
box-shadow:0 .06rem .16rem rgba(20,115,230,.08)!important;
overflow:hidden;
}
/* ---------- 15. 标题文字加深 ---------- */
.van-nav-bar__title,
.my-header-title{
color:#0a2855!important;
font-weight:700!important;
}
/* ---------- 16. 注册页：用更鲜的主蓝 ---------- */
.registerVersion3 .registerVersion3-form-group label,
.registerVersion3 label{
color:#0a3a85!important;
}
.registerVersion3 .yc-register-agreement.is-checked .yc-register-agreement-box{
background:linear-gradient(180deg,#1f86ff,#0d5fcc)!important;
border-color:#0d5fcc!important;
box-shadow:0 .04rem .1rem rgba(13,95,204,.3)!important;
}
/* ---------- 17. 全屏登录弹窗：跟主题对齐（不破坏现有结构）---------- */
.yc-fullscreen-login-popup .submitBtn{
background:linear-gradient(180deg,#1f86ff 0%,#0d5fcc 100%)!important;
box-shadow:0 .1rem .24rem rgba(13,95,204,.35),inset 0 .015rem 0 rgba(255,255,255,.32)!important;
}
/* ---------- 18. 滚动条隐藏（移动端默认即隐藏，PC 预览友好）---------- */
::-webkit-scrollbar{width:0;height:0;background:transparent;}
/* ======================================================================
第二版：更贴近开云截图的“蓝黑高级感”
重点：下载条、永久网址、左侧选中、底部导航、用户信息区全部压暗
====================================================================== */
html,body{
background:
radial-gradient(circle at 85% 4%,rgba(44,109,180,.18) 0,rgba(44,109,180,0) 34%),
radial-gradient(circle at 8% 16%,rgba(0,145,255,.16) 0,rgba(0,145,255,0) 28%),
linear-gradient(180deg,#10151f 0%,#171a24 45%,#11141d 100%)!important;
}
.homeNew{
background:
radial-gradient(circle at 85% 8%,rgba(75,95,130,.35) 0,rgba(75,95,130,0) 36%),
linear-gradient(180deg,#111722 0%,#1c1d26 46%,#11141d 100%)!important;
}
/* 顶部下载 APP 条：开云式深色顶栏 */
.appDownload{
background:linear-gradient(180deg,#f7fbff 0%,#e9f2ff 100%)!important;
color:#5f6f86!important;
border-bottom:1px solid rgba(255,255,255,.9)!important;
box-shadow:0 .04rem .12rem rgba(0,0,0,.18)!important;
}
.appDownload .downloadBtn{
background:linear-gradient(180deg,#5fc0ff 0%,#1f8eef 100%)!important;
color:#fff!important;
border-radius:.1rem!important;
box-shadow:0 .04rem .1rem rgba(31,142,239,.35),inset 0 .015rem 0 rgba(255,255,255,.38)!important;
}
/* 永久网址 + logo 这一条：改成开云顶部深色玻璃栏 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]{
margin:0!important;
padding:.16rem .22rem!important;
border-radius:0!important;
background:linear-gradient(90deg,#10141e 0%,#181b26 58%,#2a2228 100%)!important;
border:0!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 .08rem .18rem rgba(0,0,0,.28)!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:last-child{
color:#8d99aa!important;
font-size:.32rem!important;
font-weight:700!important;
text-shadow:0 .02rem .06rem rgba(0,0,0,.8)!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"] img{
filter:drop-shadow(0 .03rem .06rem rgba(0,0,0,.55))!important;
}
/* 轮播外层压暗，白边不再刺眼 */
.carousel{
background:#151923!important;
padding:.12rem .18rem .04rem!important;
height:3.32rem!important;
}
.carousel .van-swipe,
.carousel img{
border-radius:.18rem!important;
overflow:hidden!important;
box-shadow:0 .12rem .28rem rgba(0,0,0,.38)!important;
}
/* 用户信息区：从白底改成深色透明，贴近开云 */
.userPanel{
background:linear-gradient(180deg,rgba(24,28,38,.96) 0%,rgba(17,20,29,.96) 100%)!important;
border:0!important;
border-top:1px solid rgba(255,255,255,.05)!important;
border-bottom:1px solid rgba(255,255,255,.08)!important;
border-radius:0!important;
box-shadow:0 .12rem .26rem rgba(0,0,0,.35)!important;
}
.userPanel::before{
display:none!important;
}
.userPanel h6,
.userPanel h6 span{
color:#dfe8f7!important;
text-shadow:0 .02rem .06rem rgba(0,0,0,.8)!important;
}
.balanceText{
color:#fff!important;
text-shadow:0 .02rem .06rem rgba(0,0,0,.75)!important;
}
/* 快捷入口：深色底上蓝色 3D 小按钮 */
.userPanel-nav{
gap:.1rem!important;
}
.userPanel-nav-items{
background:linear-gradient(180deg,#55b9ff 0%,#1689f0 52%,#0865c8 100%)!important;
border:1px solid rgba(150,215,255,.55)!important;
border-radius:.14rem!important;
box-shadow:
0 .08rem .14rem rgba(0,0,0,.32),
0 .02rem .12rem rgba(22,137,240,.42),
inset 0 .025rem .035rem rgba(255,255,255,.55),
inset 0 -.025rem .05rem rgba(0,45,105,.48)!important;
}
.userPanel-nav-items p{
color:#fff!important;
font-weight:700!important;
text-shadow:0 .02rem .05rem rgba(0,36,90,.72)!important;
}
/* VIP 徽章仍保留开云感，但压成蓝银，不用土黄 */
.vipLevelBadge{
background:linear-gradient(180deg,#6d819d 0%,#334156 48%,#182334 100%)!important;
border:1px solid rgba(149,213,255,.48)!important;
box-shadow:
inset 0 .018rem .04rem rgba(255,255,255,.42),
inset 0 -.018rem .04rem rgba(0,0,0,.5),
0 .04rem .1rem rgba(0,0,0,.35)!important;
}
.vipLevelBadge p{
color:#eef7ff!important;
text-shadow:0 .02rem .06rem rgba(0,0,0,.85)!important;
}
/* 公告条：深底蓝色标签 */
.home-marquee{
margin:.08rem .18rem .12rem!important;
background:linear-gradient(90deg,rgba(17,23,34,.92),rgba(31,36,48,.92))!important;
border:1px solid rgba(255,255,255,.06)!important;
box-shadow:0 .08rem .18rem rgba(0,0,0,.25)!important;
}
.home-marquee-icon{
background:linear-gradient(180deg,#3bb9ff,#0b83e7)!important;
color:#fff!important;
}
.home-marquee-text{
color:#b8c5d8!important;
}
/* 左侧分类：未选中深灰，选中改成开云亮蓝，不再是廉价纯蓝块 */
.gameNav{
background:linear-gradient(180deg,#151923 0%,#10141d 100%)!important;
}
.gameNav-item{
background:linear-gradient(180deg,#2b303b 0%,#1a1f2a 100%)!important;
border:1px solid rgba(255,255,255,.06)!important;
color:#9aa7ba!important;
box-shadow:inset 0 .015rem 0 rgba(255,255,255,.06),0 .06rem .14rem rgba(0,0,0,.28)!important;
}
.gameNav-item.active{
background:
radial-gradient(circle at 50% 12%,rgba(255,255,255,.42),rgba(255,255,255,0) 32%),
linear-gradient(180deg,#57c4ff 0%,#1494ff 46%,#0863c8 100%)!important;
border:1px solid rgba(145,220,255,.62)!important;
color:#fff!important;
box-shadow:
0 .1rem .22rem rgba(0,0,0,.36),
0 0 .18rem rgba(28,150,255,.42),
inset 0 .025rem .04rem rgba(255,255,255,.55),
inset 0 -.03rem .06rem rgba(0,44,105,.52)!important;
}
/* 游戏卡片：旧图还没换透明 PNG，先把外壳改成深色卡片 */
.gameNavCover{
background:#11141d!important;
}
.Hot .gameNavCover-cover{
background:linear-gradient(135deg,#1b2330 0%,#10141d 100%)!important;
border:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 .1rem .22rem rgba(0,0,0,.36),inset 0 .015rem 0 rgba(255,255,255,.08)!important;
}
.gameNavCover-container img,
.gameNavCover-container-tile img{
filter:saturate(1.06) contrast(1.03) brightness(.92)!important;
}
/* 底部导航：改成开云深色半透明底 */
.van-tabbar{
background:linear-gradient(180deg,rgba(30,34,45,.97),rgba(18,21,30,.98))!important;
border-top:1px solid rgba(255,255,255,.08)!important;
box-shadow:0 -.08rem .2rem rgba(0,0,0,.36)!important;
}
.van-tabbar-item{
color:#778498!important;
}
.van-tabbar-item--active{
color:#27a7ff!important;
text-shadow:0 0 .12rem rgba(39,167,255,.36)!important;
}
.van-tabbar-item--active .van-tabbar-item__icon{
filter:drop-shadow(0 0 .08rem rgba(39,167,255,.65))!important;
}
/* 我的页也先跟随蓝黑风格 */
.personal{
background:
radial-gradient(circle at 86% 0%,rgba(92,70,82,.32),transparent 38%),
linear-gradient(180deg,#111722 0%,#1a1b24 46%,#11141d 100%)!important;
color:#dfe8f7!important;
}
.ky-header,
.ky-vw-card,
.ky-wallet-section,
.van-cell-group{
background:linear-gradient(180deg,rgba(31,35,47,.96),rgba(18,22,31,.96))!important;
border-color:rgba(255,255,255,.08)!important;
box-shadow:0 .1rem .22rem rgba(0,0,0,.35)!important;
}
.ky-name,
.ky-wallet-bal-v,
.ky-wallet-bal-l,
.van-nav-bar__title,
.my-header-title{
color:#eef7ff!important;
text-shadow:0 .02rem .06rem rgba(0,0,0,.75)!important;
}
.ky-days,
.van-cell__title,
.van-cell__value{
color:#a8b5c7!important;
}
/* ======================================================================
第三版：开云白天模式
说明：覆盖上一版蓝黑夜间效果，回到截图里的浅冰蓝白天风格。
====================================================================== */
html,
body{
background:
radial-gradient(circle at 16% 0%,rgba(91,207,255,.24) 0,rgba(91,207,255,0) 32%),
radial-gradient(circle at 88% 8%,rgba(110,170,255,.20) 0,rgba(110,170,255,0) 34%),
linear-gradient(180deg,#e9f8ff 0%,#eaf7ff 42%,#f6fcff 100%)!important;
background-attachment:fixed!important;
}
.homeNew{
background:
radial-gradient(circle at 12% 0%,rgba(80,196,255,.22),rgba(80,196,255,0) 34%),
radial-gradient(circle at 88% 4%,rgba(80,150,245,.14),rgba(80,150,245,0) 30%),
linear-gradient(180deg,#e7f7ff 0%,#edf9ff 45%,#f8fdff 100%)!important;
}
/* 下载 APP 条：白天浅蓝顶栏 */
.appDownload{
background:linear-gradient(180deg,#ffffff 0%,#eef9ff 100%)!important;
color:#71849d!important;
border-bottom:1px solid rgba(170,215,245,.5)!important;
box-shadow:0 .04rem .14rem rgba(65,160,230,.12)!important;
}
.appDownload .downloadBtn{
background:linear-gradient(180deg,#62c8ff 0%,#1fa2f5 58%,#0b84df 100%)!important;
color:#fff!important;
border-radius:.1rem!important;
box-shadow:
0 .06rem .14rem rgba(20,150,235,.3),
inset 0 .02rem .04rem rgba(255,255,255,.48),
inset 0 -.02rem .04rem rgba(0,88,175,.32)!important;
}
/* Logo + 永久网址：开云白天浅蓝玻璃栏 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]{
margin:0 .12rem .08rem!important;
padding:.12rem .22rem!important;
border-radius:.16rem!important;
background:linear-gradient(180deg,rgba(245,252,255,.96),rgba(220,242,255,.9))!important;
border:1px solid rgba(180,220,250,.72)!important;
box-shadow:
0 .08rem .18rem rgba(75,165,230,.12),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:last-child{
color:#7c8ba3!important;
font-size:.31rem!important;
font-weight:700!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.9)!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"] img{
filter:drop-shadow(0 .03rem .06rem rgba(30,135,210,.18))!important;
}
/* Banner 外层：浅蓝底，不做黑色 */
.carousel{
height:3.28rem!important;
padding:.04rem .18rem .08rem!important;
background:transparent!important;
}
.carousel .van-swipe,
.carousel img{
border-radius:.22rem!important;
overflow:hidden!important;
box-shadow:
0 .1rem .24rem rgba(72,165,235,.18),
inset 0 .02rem 0 rgba(255,255,255,.9)!important;
}
/* 用户面板：开云浅色，不要黑底 */
.userPanel{
background:linear-gradient(180deg,rgba(244,252,255,.94) 0%,rgba(225,244,255,.92) 100%)!important;
border:0!important;
border-radius:0 0 .18rem .18rem!important;
box-shadow:
0 .08rem .2rem rgba(75,165,230,.13),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.userPanel::before{
display:none!important;
}
.userPanel h6,
.userPanel h6 span{
color:#6b7d94!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.9)!important;
}
.balanceText{
color:#15263e!important;
font-weight:900!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.9)!important;
}
/* 顶部快捷按钮：蓝色 3D 图标外壳，接近开云 */
.userPanel-nav{
gap:.08rem!important;
}
.userPanel-nav-items{
background:linear-gradient(180deg,#f9fdff 0%,#e8f7ff 100%)!important;
border:1px solid rgba(175,220,250,.75)!important;
border-radius:.16rem!important;
box-shadow:
0 .06rem .14rem rgba(65,160,230,.18),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.userPanel-nav-items img{
filter:drop-shadow(0 .06rem .08rem rgba(35,130,210,.22)) saturate(1.18)!important;
}
.userPanel-nav-items p{
color:#263b58!important;
font-weight:700!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.9)!important;
}
/* VIP：开云蓝银徽章 */
.vipLevelBadge{
background:linear-gradient(180deg,#5f7697 0%,#30415e 55%,#16243a 100%)!important;
border:1px solid rgba(155,215,255,.65)!important;
box-shadow:
inset 0 .018rem .04rem rgba(255,255,255,.5),
inset 0 -.018rem .04rem rgba(0,0,0,.42),
0 .04rem .1rem rgba(45,115,185,.22)!important;
}
.vipLevelBadge p{
color:#f4fbff!important;
text-shadow:0 .02rem .05rem rgba(0,0,0,.65)!important;
}
/* 公告条：浅底 + 蓝色标签 */
.home-marquee{
margin:.08rem .18rem .12rem!important;
background:linear-gradient(90deg,rgba(246,252,255,.94),rgba(231,247,255,.92))!important;
border:1px solid rgba(175,220,250,.55)!important;
box-shadow:0 .06rem .16rem rgba(65,160,230,.12)!important;
}
.home-marquee-icon{
background:linear-gradient(180deg,#55c6ff,#1097ed)!important;
color:#fff!important;
box-shadow:0 .03rem .08rem rgba(30,145,230,.28)!important;
}
.home-marquee-text{
color:#8290a5!important;
}
/* 左侧游戏分类：你最后一张圈的效果，做成白色圆润胶囊 + 选中亮蓝发光 */
.gameNav{
background:linear-gradient(180deg,rgba(231,247,255,.88),rgba(240,250,255,.82))!important;
}
.gameNav-item{
width:1.32rem!important;
height:1.26rem!important;
margin:.1rem auto!important;
border-radius:.24rem!important;
background:linear-gradient(180deg,#ffffff 0%,#eef9ff 100%)!important;
border:1px solid rgba(195,226,248,.78)!important;
color:#71839b!important;
box-shadow:
0 .06rem .14rem rgba(70,160,230,.12),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.gameNav-item.active{
width:1.42rem!important;
height:1.42rem!important;
border-radius:.28rem!important;
background:
radial-gradient(circle at 50% 8%,rgba(255,255,255,.55),rgba(255,255,255,0) 34%),
linear-gradient(180deg,#5bd1ff 0%,#16a8f8 48%,#0787df 100%)!important;
border:1px solid rgba(145,225,255,.82)!important;
color:#fff!important;
box-shadow:
0 .12rem .24rem rgba(16,150,235,.36),
0 0 .18rem rgba(42,180,255,.30),
inset 0 .03rem .05rem rgba(255,255,255,.56),
inset 0 -.03rem .05rem rgba(0,96,180,.34)!important;
}
.gameNav-item img{
filter:drop-shadow(0 .04rem .06rem rgba(45,125,200,.18)) saturate(1.08)!important;
}
.gameNav-item.active img{
filter:brightness(1.12) drop-shadow(0 .05rem .08rem rgba(0,100,190,.35))!important;
}
.gameNav-item p{
font-weight:700!important;
}
/* 游戏卡片：白天浅蓝卡片，不压暗图片 */
.gameNavCover{
background:transparent!important;
}
.Hot .gameNavCover-cover{
background:linear-gradient(135deg,#ffffff 0%,#eef9ff 100%)!important;
border:1px solid rgba(205,232,250,.8)!important;
border-radius:.2rem!important;
box-shadow:
0 .08rem .18rem rgba(70,160,230,.14),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.gameNavCover-container img,
.gameNavCover-container-tile img{
filter:saturate(1.03) contrast(1.01)!important;
}
/* 底部导航：你最后一张圈的开云白天风格，白底 + active 蓝色小底座 */
.van-tabbar{
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,252,255,.98))!important;
border-top:1px solid rgba(190,225,250,.72)!important;
box-shadow:0 -.08rem .2rem rgba(70,160,230,.14)!important;
}
.van-tabbar-item{
color:#7d8da4!important;
}
.van-tabbar-item__icon{
width:.54rem!important;
height:.54rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:.16rem!important;
background:linear-gradient(180deg,#ffffff,#eef8ff)!important;
box-shadow:0 .04rem .1rem rgba(72,150,220,.12),inset 0 .015rem 0 rgba(255,255,255,.95)!important;
}
.van-tabbar-item--active{
color:#0797ee!important;
font-weight:700!important;
text-shadow:none!important;
}
.van-tabbar-item--active .van-tabbar-item__icon{
background:
radial-gradient(circle at 50% 12%,rgba(255,255,255,.6),rgba(255,255,255,0) 36%),
linear-gradient(180deg,#5bcaff,#11a4f5 55%,#0787df)!important;
box-shadow:
0 .08rem .18rem rgba(16,155,238,.34),
inset 0 .025rem .04rem rgba(255,255,255,.6),
inset 0 -.025rem .04rem rgba(0,96,180,.34)!important;
filter:none!important;
}
.van-tabbar-item--active .van-icon,
.van-tabbar-item--active img{
filter:brightness(0) invert(1) drop-shadow(0 .02rem .04rem rgba(0,80,160,.28))!important;
}
/* 我的页恢复开云白天模式 */
.personal{
background:
radial-gradient(circle at 12% 0%,rgba(80,196,255,.18),rgba(80,196,255,0) 34%),
linear-gradient(180deg,#e7f7ff 0%,#edf9ff 42%,#f8fdff 100%)!important;
color:#1d2d42!important;
}
.ky-header{
background:transparent!important;
box-shadow:none!important;
}
.ky-vw-card,
.ky-wallet-section,
.van-cell-group{
background:linear-gradient(180deg,#ffffff,#f3fbff)!important;
border-color:rgba(205,232,250,.78)!important;
box-shadow:0 .08rem .2rem rgba(70,160,230,.14),inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.ky-name,
.ky-wallet-bal-v,
.ky-wallet-bal-l,
.van-nav-bar__title,
.my-header-title{
color:#1b2d45!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.9)!important;
}
.ky-days,
.van-cell__title,
.van-cell__value{
color:#6f8096!important;
}
/* ======================================================================
第四版微调：更贴近开云白天模式的高度和底部栏
====================================================================== */
/* 顶部 logo + 永久网址：去掉卡片框，压低高度，贴近开云顶部 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]{
margin:0 .18rem .06rem!important;
padding:0 .04rem!important;
min-height:0!important;
height:48px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:first-child{
flex:0 0 2.32rem!important;
margin-left:0!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"] img{
height:48px!important;
max-width:186px!important;
filter:drop-shadow(0 .025rem .05rem rgba(45,145,215,.16))!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:last-child{
font-size:.28rem!important;
color:#8a98ab!important;
line-height:1!important;
margin-left:.08rem!important;
white-space:nowrap!important;
text-align:right!important;
}
/* 轮播与用户信息之间收紧，避免上下一大块空白 */
.carousel{
height:3.18rem!important;
padding:.02rem .18rem .03rem!important;
}
.home-marquee{
margin:.04rem .18rem .06rem!important;
padding:.08rem .14rem!important;
}
/* 用户名/余额/快捷入口这一栏：整体压低，去掉过厚背景 */
.userPanel{
height:1.58rem!important;
min-height:1.58rem!important;
padding:0 .12rem!important;
align-items:center!important;
background:linear-gradient(180deg,rgba(239,250,255,.82),rgba(224,244,255,.72))!important;
box-shadow:0 .05rem .13rem rgba(70,160,230,.09)!important;
border-radius:0!important;
}
.userPanel-user{
height:1.18rem!important;
padding:0 .04rem!important;
font-size:.34rem!important;
justify-content:center!important;
align-items:flex-start!important;
flex-direction:column!important;
}
.userPanel-user h6{
line-height:.38rem!important;
margin:0!important;
}
.balanceRow{
margin-top:.06rem!important;
line-height:.42rem!important;
}
.balanceText{
font-size:.42rem!important;
line-height:.42rem!important;
}
.userPanel-nav{
height:1.32rem!important;
align-items:center!important;
gap:.06rem!important;
}
.userPanel-nav-items{
flex:0 0 1.08rem!important;
width:1.08rem!important;
height:1.18rem!important;
padding:.02rem .02rem!important;
border-radius:.14rem!important;
}
.userPanel-nav-items img{
width:.78rem!important;
height:.74rem!important;
margin-bottom:.01rem!important;
}
.userPanel-nav-items p{
font-size:.33333rem!important;
line-height:.32rem!important;
}
/* 底部栏：改成开云白天版，去掉方块底座，图标轻发光 */
.van-tabbar{
height:1.34rem!important;
padding:.06rem .18rem .04rem!important;
background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(249,253,255,.98))!important;
border-top:1px solid rgba(220,238,250,.82)!important;
box-shadow:0 -.08rem .2rem rgba(120,190,235,.12)!important;
}
.van-tabbar-item{
color:#7989a0!important;
font-size:.28rem!important;
line-height:1.12!important;
}
.van-tabbar-item__icon{
width:auto!important;
height:.48rem!important;
margin-bottom:.04rem!important;
display:block!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 .035rem .06rem rgba(70,125,190,.22)) saturate(.9)!important;
}
.van-tabbar-item__icon .van-icon,
.van-tabbar-item__icon img{
width:.58rem!important;
height:.58rem!important;
}
.van-tabbar-item--active{
color:#0aa2f5!important;
font-weight:700!important;
}
.van-tabbar-item--active .van-tabbar-item__icon{
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 .045rem .08rem rgba(10,162,245,.42)) saturate(1.18)!important;
}
.van-tabbar-item--active .van-icon,
.van-tabbar-item--active img{
filter:none!important;
}
/* ======================================================================
第五版：真实底部栏(navBar) + 小喇叭公告 + 游戏卡片高度
====================================================================== */
/* 实际底部栏不是 van-tabbar，而是 navBar */
.navBar{
height:1.38rem!important;
padding:.02rem .22rem .06rem!important;
background:
linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,253,255,.98) 100%)!important;
border-top:1px solid rgba(215,236,250,.85)!important;
box-shadow:0 -.08rem .22rem rgba(95,175,230,.13)!important;
align-items:center!important;
color:#75869d!important;
}
.navBar-item{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
color:#75869d!important;
line-height:1!important;
}
.navBar-item img{
width:1.06rem!important;
height:1.06rem!important;
margin-bottom:-.08rem!important;
object-fit:contain!important;
filter:drop-shadow(0 .04rem .07rem rgba(70,125,190,.22)) saturate(.96)!important;
}
.navBar-item p{
font-size:.30rem!important;
line-height:.34rem!important;
color:#75869d!important;
font-weight:600!important;
}
.navBar-item.active{
color:#0aa2f5!important;
}
.navBar-item.active img{
filter:drop-shadow(0 .06rem .1rem rgba(10,162,245,.42)) saturate(1.18)!important;
}
.navBar-item.active p{
color:#0aa2f5!important;
font-weight:800!important;
}
/* 开云同款小喇叭栏：浅底、蓝喇叭、直播/热门标签 */
.home-marquee{
display:flex!important;
align-items:center!important;
height:.58rem!important;
margin:.06rem .18rem .08rem!important;
padding:0 .12rem!important;
border:0!important;
border-radius:.06rem!important;
background:transparent!important;
box-shadow:none!important;
overflow:hidden!important;
}
.home-marquee-icon{
width:.38rem!important;
height:.38rem!important;
padding:0!important;
margin-right:.06rem!important;
border-radius:0!important;
font-size:0!important;
background:transparent!important;
box-shadow:none!important;
position:relative!important;
}
.home-marquee-icon:before{
content:"";
position:absolute;
left:0;top:50%;
width:.34rem;height:.34rem;
transform:translateY(-50%);
background:linear-gradient(180deg,#4ec9ff,#0797ee);
clip-path:polygon(0 35%,32% 35%,65% 12%,65% 88%,32% 65%,0 65%);
filter:drop-shadow(0 .025rem .04rem rgba(0,145,230,.28));
}
.home-marquee-window{
flex:1!important;
min-width:0!important;
height:.48rem!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
}
.home-marquee-text{
color:#71839b!important;
font-size:.30rem!important;
line-height:.48rem!important;
white-space:nowrap!important;
display:inline-block!important;
min-width:max-content!important;
animation:yc-home-marquee-scroll 18s linear infinite!important;
will-change:transform!important;
}
@keyframes yc-home-marquee-scroll{
0%,12%{transform:translateX(0)}
100%{transform:translateX(-100%)}
}
.home-marquee:after{
content:"LIVE 直播中 热门赛事";
flex:0 0 auto;
margin-left:.1rem;
color:#fff;
font-size:.24rem;
line-height:.36rem;
padding:0 .1rem;
border-radius:.12rem;
background:linear-gradient(90deg,#d762ff 0%,#7f65ff 34%,#24a9ff 70%,#10a2f6 100%);
box-shadow:0 .03rem .08rem rgba(20,145,235,.22);
}
/* 游戏卡片：增加高度，更接近开云卡片比例 */
.Hot .gameNavCover-cover{
height:2.58rem!important;
border-radius:.22rem!important;
}
.gameNavCover-container-tile .gameNavCover-items{
margin-bottom:.26rem!important;
}
.gameNavCover-container img,
.gameNavCover-container-tile img{
height:100%!important;
object-fit:cover!important;
border-radius:.22rem!important;
}
/* ======================================================================
第六版：统一首页左侧基准线
从顶部 logo 开始，登录/账号、左侧分类都贴同一条线。
====================================================================== */
:root{
--yc-home-left-line:.22rem;
}
/* logo 往左收，作为全页左侧基准 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]{
margin-left:var(--yc-home-left-line)!important;
margin-right:.18rem!important;
padding-left:0!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:first-child{
margin-left:0!important;
justify-content:flex-start!important;
}
.homeNew>div[style*="space-between"][style*="linear-gradient"] img{
object-position:left center!important;
}
/* 未登录/会员账号不能超出左侧基准线 */
.userPanel{
padding-left:var(--yc-home-left-line)!important;
padding-right:.18rem!important;
box-sizing:border-box!important;
}
.userPanel-user{
padding-left:0!important;
margin-left:0!important;
min-width:2.55rem!important;
max-width:2.9rem!important;
flex:0 0 2.9rem!important;
overflow:hidden!important;
}
.userPanel-user h6,
.userPanel-user .toLogin,
.balanceRow{
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.userPanel-user h6{
justify-content:flex-start!important;
}
/* 左侧分类也贴同一条线，右侧内容从分类后开始 */
.gameNav{
width:1.62rem!important;
padding-left:var(--yc-home-left-line)!important;
box-sizing:border-box!important;
}
.gameNav-item{
margin-left:0!important;
margin-right:0!important;
}
.gameNavCover{
padding-left:.16rem!important;
}
/* 第八版：卡片高度按开云白天首页比例微收 */
.Hot .gameNavCover-cover{
height:3.12rem!important;
border-radius:.24rem!important;
}
.gameNavCover-container-tile .gameNavCover-items{
margin-bottom:.28rem!important;
}
.gameNavCover-container-tile,
.gameNavCover-container{
padding-top:.18rem!important;
padding-right:.24rem!important;
}
.gameNavCover-container img,
.gameNavCover-container-tile img{
height:100%!important;
object-fit:cover!important;
}
/* ======================================================================
第七版：公告弹窗 + 永久网址胶囊
====================================================================== */
/* 永久网址：更明显、往左一点、开云白天胶囊风 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]>div:last-child{
flex:0 0 auto!important;
margin-left:.02rem!important;
margin-right:.10rem!important;
padding:.08rem .16rem!important;
border-radius:.22rem!important;
background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(220,244,255,.76))!important;
border:1px solid rgba(160,218,250,.62)!important;
color:#526b89!important;
font-size:.32rem!important;
font-weight:900!important;
letter-spacing:.01rem!important;
box-shadow:
0 .04rem .12rem rgba(60,155,225,.14),
inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
/* ============================================================
首页图片弹窗（开云风格, 结构化卡片）
配合 _yc_theme_kaiyun.js 里的 showHomeAdModal()
板块结构: 主标题 / 时间小框 / 副标题 / 图片 / 立即参与按钮
============================================================ */
.yc-home-ad-mask {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .58);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999;
animation: ycHomeAdFadeIn .25s ease-out;
padding: .4rem .3rem;
box-sizing: border-box;
}
@keyframes ycHomeAdFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* ===== 暖白大圆角卡片 (上半奶白, 下半淡蓝光晕)
背景叠两层:
1) radial-gradient — 中下区域的淡蓝光晕 (开云"舞台感")
2) linear-gradient — 整体暖白基底 (#fbf9f3 奶白 → #fafdff 偏冷白) */
.yc-home-ad-card {
position: relative;
width: 6.9rem;
max-width: 82vw;
max-height: 86vh;
background:
radial-gradient(ellipse 90% 55% at 50% 78%, rgba(74, 150, 255, .18) 0%, rgba(74, 150, 255, .06) 45%, rgba(74, 150, 255, 0) 75%),
linear-gradient(180deg, #fbf9f3 0%, #f6f4ee 50%, #eef5fc 100%);
border-radius: .56rem;
box-shadow: 0 .2rem .5rem rgba(0, 0, 0, .38);
padding: .55rem .45rem .55rem;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
overflow: hidden;
}
/* ===== 主标题 板块 (line1 普通 / line2 同字号, **xxx** 部分高亮蓝) ===== */
.yc-home-ad-title {
width: 100%;
padding-bottom: .26rem;
border-bottom: .02rem dashed #d8e2f0;
margin-bottom: .3rem;
}
.yc-home-ad-title-row {
font-size: .5rem;
font-weight: 800;
color: #1a2336;
line-height: 1.3;
letter-spacing: .01rem;
}
.yc-home-ad-title-row + .yc-home-ad-title-row {
margin-top: .04rem;
}
/* ===== 时间 小板块 (开云款: 浅灰边框 + 半透白内部) ===== */
.yc-home-ad-period {
display: inline-block;
padding: .12rem .42rem;
background: rgba(255, 255, 255, .55);
border: .02rem solid rgba(170, 185, 210, .35);
border-radius: .6rem;
font-size: .26rem;
color: #5e6a82;
margin-bottom: .32rem;
letter-spacing: .02rem;
}
/* ===== 副标题 板块 (line1 中字 / line2 特大字, **xxx** 部分高亮蓝) ===== */
.yc-home-ad-subtitle {
width: 100%;
margin-bottom: .2rem;
}
.yc-home-ad-subtitle-row {
font-size: .34rem;
color: #2a3656;
line-height: 1.36;
font-weight: 500;
}
.yc-home-ad-subtitle-big {
font-size: .68rem;
font-weight: 800;
color: #1a2336;
line-height: 1.18;
letter-spacing: .02rem;
margin-top: .08rem;
}
/* ===== 行内高亮 (**xxx**), 共用在 title / subtitle 内部 ===== */
.yc-home-ad-hi {
color: #2c7bf5;
background: linear-gradient(180deg, #4a96ff 0%, #1a4ec5 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* ===== 图片 板块 (大尺寸, 透明 PNG 装饰图) ===== */
.yc-home-ad-imgbox {
width: 100%;
margin: .15rem 0 .35rem;
display: flex;
justify-content: center;
align-items: center;
min-height: 3.2rem;
}
.yc-home-ad-img {
display: block;
max-width: 100%;
max-height: 4.6rem;
width: auto;
height: auto;
object-fit: contain;
}
/* ===== 立即参与 按钮 ===== */
.yc-home-ad-cta {
margin-top: .06rem;
padding: .24rem 1.5rem;
border-radius: .55rem;
background: linear-gradient(135deg, #6fb0ff 0%, #2c7bf5 100%);
color: #fff;
border: none;
font-size: .36rem;
font-weight: 600;
letter-spacing: .08rem;
box-shadow: 0 .1rem .22rem rgba(44, 123, 245, .42);
cursor: pointer;
outline: none;
}
.yc-home-ad-cta:active {
transform: translateY(.02rem);
box-shadow: 0 .05rem .12rem rgba(44, 123, 245, .42);
}
/* ===== 包裹层：让关闭按钮可绝对定位到卡片右上角外 ===== */
.yc-home-ad-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
/* ===== 关闭按钮（卡片外右上角, 透明背景, 严格按开云: 离卡片远）===== */
.yc-home-ad-close {
position: absolute;
top: -1rem;
right: 0;
width: .68rem;
height: .68rem;
border-radius: 50%;
background: rgba(255, 255, 255, .14);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
color: #fff;
border: .02rem solid rgba(255, 255, 255, .55);
font-size: .44rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 .04rem .12rem rgba(0, 0, 0, .35);
padding: 0;
font-weight: 400;
z-index: 2;
}
.yc-home-ad-close:active {
background: rgba(255, 255, 255, .3);
transform: scale(.94);
}
/* ===== 不再提示 复选框（卡片外下方, 全透明描边款）===== */
.yc-home-ad-noremind {
margin-top: .55rem;
color: rgba(255, 255, 255, .94);
font-size: .26rem;
display: flex;
align-items: center;
cursor: pointer;
user-select: none;
letter-spacing: .01rem;
}
.yc-home-ad-noremind input[type="checkbox"] {
width: .32rem;
height: .32rem;
margin: 0 .16rem 0 0;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
background: transparent;
border: .02rem solid rgba(255, 255, 255, .8);
border-radius: .04rem;
position: relative;
flex-shrink: 0;
}
.yc-home-ad-noremind input[type="checkbox"]:checked {
background: rgba(255, 255, 255, .92);
border-color: rgba(255, 255, 255, .92);
}
.yc-home-ad-noremind input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: .08rem;
top: .02rem;
width: .08rem;
height: .16rem;
border-right: .03rem solid #2c7bf5;
border-bottom: .03rem solid #2c7bf5;
transform: rotate(45deg);
}
/* ===== 公告弹窗 FOUC 修复 v8.1（多重选择器隐藏 + ready 类显示）=====
配合 _yc_theme_kaiyun.js 里的 inlinePolish 逻辑，弹窗未美化前完全不可见 */
.notice.van-dialog,
.van-dialog.notice,
.van-popup.notice,
.notice.van-popup,
.van-dialog .notice,
.van-popup .notice{
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:none!important;
}
.notice.yc-notice-ready,
.van-dialog.yc-notice-ready,
.van-popup.yc-notice-ready,
.van-dialog .notice.yc-notice-ready,
.van-popup .notice.yc-notice-ready{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
/* opacity + transform 都过渡, 否则关闭时 Vant 的 scale(.7) 瞬移会卡一下 */
transition:opacity .22s ease-out, transform .22s ease-out!important;
}
/* 公告弹窗：沿用原"最新消息"弹窗，只美化卡片和正文排版 */
.notice.van-dialog,
.van-dialog.notice{
width:7.9rem!important;
max-width:93vw!important;
border-radius:.34rem!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:
0 .22rem .62rem rgba(40,105,175,.22),
0 .04rem .12rem rgba(40,105,175,.10)!important;
}
.notice .notice-header{
position:relative!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
align-items:center!important;
min-height:1.18rem!important;
padding:.22rem .95rem .18rem .5rem!important;
background:
radial-gradient(circle at 88% 18%,rgba(255,255,255,.62),rgba(255,255,255,0) 32%),
linear-gradient(135deg,#f5fcff 0%,#d8f2ff 46%,#79cfff 100%)!important;
color:#166ea8!important;
border-bottom:1px solid rgba(190,228,250,.75)!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.8)!important;
}
.notice .notice-header:before{
display:none!important;
content:none!important;
}
.notice .notice-header span{
position:static!important;
left:auto!important;
transform:none!important;
flex:none!important;
text-align:center!important;
color:#155f95!important;
font-size:.43rem!important;
line-height:.5rem!important;
font-weight:900!important;
letter-spacing:.01rem!important;
white-space:normal!important;
}
.notice .notice-header .yc-notice-subtitle{
margin-top:.06rem!important;
color:#386d93!important;
font-size:.23rem!important;
line-height:.32rem!important;
font-weight:600!important;
}
.notice .notice-header .van-icon{
color:#5c6778!important;
font-size:.42rem!important;
position:absolute!important;
right:.28rem!important;
top:.24rem!important;
z-index:2!important;
width:.58rem!important;
height:.58rem!important;
border-radius:50%!important;
background:rgba(255,255,255,.9)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.notice .notice-content{
height:auto!important;
min-height:0!important;
max-height:10.2rem!important;
padding:.40rem .45rem .38rem!important;
background:linear-gradient(180deg,#eaf7ff 0%,#e2f4ff 100%)!important;
border-radius:0!important;
color:#334155!important;
font-size:.32rem!important;
line-height:.54rem!important;
}
.notice.yc-notice-polished .notice-title{
display:none!important;
}
.notice .notice-title{
position:relative!important;
margin:0 0 .22rem!important;
padding-left:.18rem!important;
color:#15263e!important;
font-size:.4rem!important;
line-height:.54rem!important;
font-weight:900!important;
white-space:normal!important;
}
.notice .notice-title:before{
content:"";
position:absolute;
left:0;
top:.08rem;
width:.07rem;
height:.38rem;
border-radius:.08rem;
background:#10a4f5;
}
.notice .notice-content-scroll{
max-height:min(8.15rem,68vh)!important;
padding:0!important;
border-radius:0!important;
background:transparent!important;
border:0!important;
color:#3f4b5c!important;
overflow:auto!important;
box-shadow:none!important;
}
.notice .notice-content-scroll p{
margin:0 0 .22rem!important;
color:#3f4b5c!important;
}
.notice .notice-content-scroll p:last-child{
margin-bottom:0!important;
}
.notice .notice-content-scroll p:first-child{
color:#2f3f52!important;
font-weight:650!important;
letter-spacing:-.004rem!important;
}
.notice .notice-content-scroll .yc-notice-highlight{
margin:.22rem 0 .24rem!important;
color:#116da9!important;
font-weight:900!important;
text-align:center!important;
line-height:.52rem!important;
}
.notice .notice-content-scroll .yc-notice-closing{
margin:.02rem 0 .12rem!important;
color:#4b5563!important;
font-weight:900!important;
text-align:center!important;
}
.notice .notice-content-scroll .yc-notice-url{
margin-top:.12rem!important;
color:#1f2937!important;
font-weight:900!important;
text-align:center!important;
white-space:nowrap!important;
}
/* ======================================================================
第九版：轮播加高 + 游戏卡片灰色映射水印
====================================================================== */
/* 轮播图按开云白天比例再加高一点 */
.carousel{
height:4.08rem!important;
padding:.03rem .18rem .08rem!important;
overflow:hidden!important;
}
.carousel .van-swipe,
.carousel .banner_slide,
.carousel img{
height:100%!important;
}
.carousel .van-swipe{
width:100%!important;
overflow:hidden!important;
}
.carousel .van-swipe__track{
height:100%!important;
display:flex!important;
}
.carousel .van-swipe-item{
flex:0 0 100%!important;
width:100%!important;
height:100%!important;
overflow:hidden!important;
}
.carousel img{
width:100%!important;
object-fit:cover!important;
}
/* 第十版：压缩 logo 与轮播间距，固定小喇叭可见区域 */
.homeNew>div[style*="space-between"][style*="linear-gradient"]{
margin-bottom:0!important;
}
.carousel{
margin-top:-.04rem!important;
padding-top:0!important;
}
.home-marquee{
min-height:.58rem!important;
display:flex!important;
visibility:visible!important;
opacity:1!important;
margin-top:.04rem!important;
}
/* ======================================================================
第十一版：左侧分类栏按开云白天截图调形态，图标加大
====================================================================== */
.gameNav{
width:1.74rem!important;
padding-left:.20rem!important;
padding-top:.10rem!important;
background:
linear-gradient(180deg,rgba(226,246,255,.92),rgba(241,252,255,.88))!important;
box-shadow:inset -.02rem 0 rgba(190,225,245,.42)!important;
}
.gameNav-container{
padding-top:.04rem!important;
padding-bottom:.18rem!important;
}
.gameNav-item{
width:1.28rem!important;
height:1.46rem!important;
margin:.09rem 0 .13rem!important;
border-radius:.23rem!important;
background:linear-gradient(180deg,#fff 0%,#f6fcff 54%,#edf8ff 100%)!important;
border:1px solid rgba(200,230,250,.86)!important;
color:#74859a!important;
box-shadow:
0 .06rem .16rem rgba(75,165,225,.13),
inset 0 .02rem 0 rgba(255,255,255,.98)!important;
}
.gameNav-item.active{
width:1.38rem!important;
height:1.52rem!important;
margin-left:-.05rem!important;
border-radius:.25rem!important;
background:
radial-gradient(circle at 48% 8%,rgba(255,255,255,.58),rgba(255,255,255,0) 35%),
linear-gradient(180deg,#65d5ff 0%,#19aaf8 52%,#0788df 100%)!important;
border:1px solid rgba(145,226,255,.9)!important;
color:#fff!important;
box-shadow:
0 .12rem .25rem rgba(8,148,230,.34),
0 0 .16rem rgba(68,190,255,.26),
inset 0 .03rem .05rem rgba(255,255,255,.58),
inset 0 -.03rem .06rem rgba(0,100,185,.35)!important;
}
.gameNav-item img{
width:.72rem!important;
height:.72rem!important;
margin-bottom:.08rem!important;
object-fit:contain!important;
filter:drop-shadow(0 .045rem .07rem rgba(70,125,190,.20)) saturate(1.06)!important;
}
.gameNav-item.active img{
width:.78rem!important;
height:.78rem!important;
filter:brightness(1.12) drop-shadow(0 .055rem .09rem rgba(0,105,190,.36)) saturate(1.2)!important;
}
.gameNav-item p{
font-size:.36rem!important;
line-height:.39rem!important;
font-weight:800!important;
letter-spacing:.01rem!important;
}
.gameNav-item.active p{
color:#fff!important;
text-shadow:0 .02rem .05rem rgba(0,100,180,.42)!important;
}
.gameNavCover{
width:calc(100% - 1.74rem)!important;
padding-left:.18rem!important;
}
/* 卡片左侧固定淡灰英文字母 */
.Hot .gameNavCover-cover{
position:relative!important;
overflow:hidden!important;
isolation:isolate!important;
}
.Hot .gameNavCover-cover:before{
content:var(--yc-card-watermark-text,"SPORTS");
position:absolute;
left:.28rem;
bottom:-.2rem;
z-index:2;
color:rgba(70,110,150,.078);
font-size:1.72rem;
line-height:1;
font-weight:900;
letter-spacing:.02rem;
pointer-events:none;
}
/* 卡片右侧：复制当前卡片图，做灰色半透明映射 */
.Hot .gameNavCover-cover.yc-card-watermark-ready:after{
content:"";
position:absolute;
top:-24%;
right:-24%;
width:68%;
height:156%;
z-index:3;
background-image:var(--yc-card-watermark);
background-repeat:no-repeat;
background-position:right center;
background-size:cover;
opacity:.12;
filter:grayscale(1) contrast(.72) brightness(1.08) blur(.01rem);
mix-blend-mode:multiply;
pointer-events:none;
}
.Hot .gameNavCover-cover .van-image,
.Hot .gameNavCover-cover img{
position:relative!important;
z-index:1!important;
}
.Hot .gameNavCover-cover .game-img,
.Hot .gameNavCover-cover .game-img .van-image__img,
.Hot .gameNavCover-cover > .van-image,
.Hot .gameNavCover-cover > .van-image img{
width:100%!important;
height:100%!important;
}
.Hot .gameNavCover-cover .game-img .van-image__img,
.Hot .gameNavCover-cover > .van-image img{
object-fit:contain!important;
object-position:88% bottom!important;
transform:scale(1.12)!important;
transform-origin:88% bottom!important;
}
/* === 分类图片定位现在统一由 JS（CAT_IMG_STYLES + CARD_IMG_OVERRIDES）通过
inline style 控制，避免 CSS / JS 在不同时机互相覆盖。详见 _yc_theme_kaiyun.js 顶部 === */
/* === 卡片文案叠加层（home_game_cards_json 注入，开云风格） === */
.Hot .gameNavCover-items{
position:relative!important;
}
.yc-card-extra{
position:absolute;
left:.34rem;
right:47%;
top:.32rem;
bottom:.2rem;
z-index:6;
pointer-events:none;
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:.08rem;
text-shadow:0 .02rem .04rem rgba(255,255,255,.9);
}
.yc-card-title{
font-size:.48rem;
line-height:1.05;
color:#18243a;
font-weight:900;
letter-spacing:-.01rem;
margin-bottom:.04rem;
}
.yc-card-subtitle{
font-size:.19rem;
line-height:1.1;
color:rgba(80,102,137,.48);
letter-spacing:.035rem;
font-weight:800;
text-transform:uppercase;
}
.yc-card-count{
display:flex;
align-items:baseline;
margin-top:.16rem;
line-height:1;
}
.yc-card-count-num{
font-size:.68rem;
line-height:1;
color:#111c31;
font-weight:900;
letter-spacing:-.035rem;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","SF Pro Display","PingFang SC",Arial,sans-serif;
}
.yc-card-count-unit{
font-size:.22rem;
line-height:1;
color:rgba(72,96,135,.62);
font-weight:500;
margin-left:.07rem;
}
.yc-card-pill{
display:inline-flex;
align-self:flex-start;
margin-top:.22rem;
height:.46rem;
border-radius:.24rem;
overflow:hidden;
box-shadow:
0 .035rem .12rem rgba(34,132,220,.22),
inset 0 .015rem .025rem rgba(255,255,255,.42);
isolation:isolate;
}
.yc-card-pill-rebate{
display:flex;
align-items:center;
padding:0 .18rem 0 .2rem;
background:linear-gradient(180deg,#ffffff 0%,#e7f4ff 48%,#d6ecff 100%);
color:#5b6f91;
font-size:.22rem;
font-weight:800;
letter-spacing:-.006rem;
line-height:1;
border:1px solid rgba(159,210,248,.58);
border-right:0;
box-shadow:inset 0 -.02rem .05rem rgba(42,141,223,.12);
}
.yc-card-pill-rebate-label{
color:#60728e;
}
.yc-card-pill-rebate-num{
color:#168cf0;
font-size:.28rem;
margin-left:.015rem;
letter-spacing:-.012rem;
text-shadow:0 .01rem .025rem rgba(255,255,255,.95);
}
.yc-card-pill-tag{
display:flex;
align-items:center;
padding:0 .2rem 0 .24rem;
margin-left:-.04rem;
background:linear-gradient(135deg,#62cfff 0%,#22a7f5 48%,#0f82df 100%);
color:#fff;
font-size:.23rem;
font-weight:800;
letter-spacing:-.004rem;
line-height:1;
clip-path:polygon(.13rem 0,100% 0,100% 100%,0 100%);
box-shadow:inset 0 .02rem .035rem rgba(255,255,255,.34);
}
/* 关于我们：放大顶部品牌 logo，并隐藏 logo 下方站点文字 */
.about .appInfo{
padding-top:.88rem!important;
}
.about .appInfo .logo{
width:3.84rem!important;
height:3.84rem!important;
}
.about .appInfo .logo img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
}
.about .appInfo p{
display:none!important;
}
/* 关于我们详情：后台内容分段后，补充阅读间距 */
.aboutDetails{
min-height:100vh;
background:#f6f8fb!important;
}
.aboutDetails .info{
padding:.46rem .42rem .8rem!important;
color:#263445!important;
font-size:.37333rem!important;
line-height:.72rem!important;
text-align:left!important;
}
.aboutDetails .info h3{
margin:.08rem 0 .3rem!important;
font-size:.46rem!important;
line-height:.62rem!important;
color:#18243a!important;
font-weight:800!important;
}
.aboutDetails .info h4{
margin:.42rem 0 .18rem!important;
font-size:.4rem!important;
line-height:.56rem!important;
color:#1d2d44!important;
font-weight:800!important;
}
.aboutDetails .info p{
margin:0 0 .3rem!important;
}
.aboutDetails .info ul{
margin:.08rem 0 .34rem!important;
padding:0!important;
list-style:none!important;
}
.aboutDetails .info li{
position:relative;
margin:0 0 .16rem!important;
padding-left:.34rem!important;
line-height:.66rem!important;
}
.aboutDetails .info li:before{
content:"";
position:absolute;
left:.06rem;
top:.28rem;
width:.1rem;
height:.1rem;
border-radius:50%;
background:#3a9af7;
}
/* === 游戏壳：开云风格顶部工具栏（关闭/刷新/标题/余额/全屏） === */
/* 由 chunk-3f9b7d4d 里 shellMountTopbar() 动态创建 .pg-shell-topbar */
/* 大厅页/游戏页都显示顶栏：返回大厅后也必须有 X/刷新/标题/余额/全屏 */
/* 老的 .pg-shell-back / .pg-shell-hall-back 一律隐藏（顶栏接管） */
.pg-shell-back,
.pg-shell-hall-back{
display:none!important;
}
/* hall 状态也显示顶栏后，不再使用透明热区，避免挡住顶栏/大厅内容。 */
#login-to-supplier[data-stage="hall"] .pg-shell-hall-back{
display:none!important;
position:fixed!important;
top:0!important;
left:0!important;
right:auto!important;
bottom:auto!important;
width:min(46vw,240px)!important;
min-width:170px!important;
height:118px!important;
padding:0!important;
margin:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:transparent!important;
z-index:2147483647!important;
cursor:pointer!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
#login-to-supplier[data-stage="hall"] .pg-shell-hall-back > span{
display:none!important;
}
#login-to-supplier[data-stage="hall"] .pg-shell-hall-back::before,
#login-to-supplier[data-stage="hall"] .pg-shell-hall-back::after{
content:none!important;
}
/* 默认隐藏 topbar（避免 stage 未设时闪烁）；hall/game 壳内都显示 */
.pg-shell-topbar{
display:none!important;
}
#login-to-supplier[data-stage="game"] .pg-shell-topbar,
#login-to-supplier[data-stage="hall"] .pg-shell-topbar{
position:fixed!important;
top:0!important;
left:0!important;
right:0!important;
height:calc(40px + env(safe-area-inset-top))!important;
padding:env(safe-area-inset-top) 6px 0 6px!important;
box-sizing:border-box!important;
display:flex!important;
align-items:center!important;
gap:4px!important;
background:#ffffff!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
box-shadow:0 1px 0 rgba(0,0,0,.06)!important;
z-index:2147483647!important;
font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",sans-serif!important;
-webkit-tap-highlight-color:transparent!important;
}
.pg-shell-tb-btn{
flex:0 0 auto!important;
width:34px!important;
height:34px!important;
border:0!important;
background:transparent!important;
padding:0!important;
margin:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#1f2c3d!important;
cursor:pointer!important;
-webkit-tap-highlight-color:transparent!important;
border-radius:10px!important;
transition:background .15s ease,transform .1s ease!important;
}
.pg-shell-tb-btn:active{
background:rgba(0,0,0,.06)!important;
transform:scale(.92)!important;
}
.pg-shell-tb-btn svg{
width:20px!important;
height:20px!important;
display:block!important;
}
/* 一键回收：点击后转圈 + 半透明，回收完恢复 */
.pg-shell-tb-btn.pg-shell-tb-busy{
opacity:.45!important;
pointer-events:none!important;
}
.pg-shell-tb-btn.pg-shell-tb-busy svg{
animation:pg-shell-spin 1s linear infinite!important;
}
@keyframes pg-shell-spin{
to{transform:rotate(360deg);}
}
.pg-shell-tb-title{
flex:1 1 auto!important;
min-width:0!important;
text-align:center!important;
font-size:15px!important;
font-weight:600!important;
color:#1f2c3d!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
padding:0 6px!important;
letter-spacing:.3px!important;
}
.pg-shell-tb-balance{
flex:0 0 auto!important;
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
height:26px!important;
padding:0 10px 0 6px!important;
background:#f6f6f6!important;
border-radius:13px!important;
font-size:13px!important;
font-weight:700!important;
color:#1f1f1f!important;
white-space:nowrap!important;
min-width:60px!important;
justify-content:center!important;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important;
}
.pg-shell-tb-coin{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:16px!important;
height:16px!important;
border-radius:50%!important;
background:linear-gradient(135deg,#ffd54f 0%,#ffa000 100%)!important;
color:#fff!important;
font-size:10px!important;
font-weight:800!important;
line-height:1!important;
box-shadow:0 1px 2px rgba(255,160,0,.35)!important;
}
.pg-shell-tb-money{
font-variant-numeric:tabular-nums!important;
font-size:13px!important;
line-height:1!important;
}
/* iframe 默认全屏（stage 未设时）；hall/game 都给顶栏让出 40px */
.pg-shell-frame{
position:absolute!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:100%!important;
}
#login-to-supplier[data-stage="game"] .pg-shell-frame,
#login-to-supplier[data-stage="hall"] .pg-shell-frame{
top:calc(40px + env(safe-area-inset-top))!important;
height:calc(100% - 40px - env(safe-area-inset-top))!important;
}
/* ============================================================
VIP 特权页（/Member/Vip）顶部卡片改造 · AI1 · 2026-05-18 vip2
v2 变更：
1. 重新设计 VIP1-10 的 10 套配色（青钢/古铜/银辉/香槟金/玫瑰金/翡翠/蓝宝/红宝/紫水晶/黑金）
2. 顶部 userGrade 自动跟随当前等级颜色（与 VIP{n}介绍 卡片同色调）
3. 顶部高度比 v1 略放松（用户反馈压得太狠）
4. 「VIP{n}专享」六块图标 / 标题 / 金额 之间的多余空白整体压缩
5. 保留 v1 的「修复对齐 + 修复闪现已是最高等级 + JS levels 守卫」
============================================================ */
/* ---------- VIP 1~10 10 套高级配色 ----------
每级 = 主渐变 (135°) + 次级 .vcCard 同色 + .exclusiveBox 标题左色块 + 反水详情按钮文字色 + VIP{n}专享 图标 mask 颜色
渐变设计：左上深 → 中段亮 → 右下深，自带光泽感
*/
:root{
--vip1-d:#3d4a5c; --vip1-m:#6f8395; --vip1-a:#cbd5e1; /* 青钢 Steel */
--vip2-d:#6b4423; --vip2-m:#a06b3a; --vip2-a:#f5d0a0; /* 古铜 Bronze */
--vip3-d:#4a505a; --vip3-m:#8a93a5; --vip3-a:#e5e7eb; /* 银辉 Silver */
--vip4-d:#7a5d1d; --vip4-m:#cba34a; --vip4-a:#fef3c7; /* 香槟金 Champagne */
--vip5-d:#7d3147; --vip5-m:#c75e7a; --vip5-a:#fbcfe8; /* 玫瑰金 Rose Gold */
--vip6-d:#0d4d36; --vip6-m:#1ea272; --vip6-a:#86efac; /* 翡翠 Emerald */
--vip7-d:#1a3a78; --vip7-m:#3866c4; --vip7-a:#93c5fd; /* 蓝宝 Sapphire */
--vip8-d:#6e1313; --vip8-m:#b8344c; --vip8-a:#fca5a5; /* 红宝 Ruby */
--vip9-d:#3d1659; --vip9-m:#7a35b3; --vip9-a:#d8b4fe; /* 紫水晶 Amethyst */
--vip10-d:#0c0c0e; --vip10-m:#2a2a2c; --vip10-a:#d4af37; /* 黑金 Obsidian */
}
/* ---------- VIP 卡片：盖掉原 vcC0~vcC9 全部 ---------- */
.vipPage .vcCard.vcC0,.vipPage .vcC0{background:linear-gradient(135deg,var(--vip1-d) 0%,var(--vip1-m) 50%,var(--vip1-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC1,.vipPage .vcC1{background:linear-gradient(135deg,var(--vip2-d) 0%,var(--vip2-m) 50%,var(--vip2-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC2,.vipPage .vcC2{background:linear-gradient(135deg,var(--vip3-d) 0%,var(--vip3-m) 50%,var(--vip3-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC3,.vipPage .vcC3{background:linear-gradient(135deg,var(--vip4-d) 0%,var(--vip4-m) 50%,var(--vip4-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC4,.vipPage .vcC4{background:linear-gradient(135deg,var(--vip5-d) 0%,var(--vip5-m) 50%,var(--vip5-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC5,.vipPage .vcC5{background:linear-gradient(135deg,var(--vip6-d) 0%,var(--vip6-m) 50%,var(--vip6-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC6,.vipPage .vcC6{background:linear-gradient(135deg,var(--vip7-d) 0%,var(--vip7-m) 50%,var(--vip7-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC7,.vipPage .vcC7{background:linear-gradient(135deg,var(--vip8-d) 0%,var(--vip8-m) 50%,var(--vip8-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC8,.vipPage .vcC8{background:linear-gradient(135deg,var(--vip9-d) 0%,var(--vip9-m) 50%,var(--vip9-d) 100%)!important;color:rgba(255,255,255,.96)!important;}
.vipPage .vcCard.vcC9,.vipPage .vcC9{background:linear-gradient(135deg,var(--vip10-d) 0%,var(--vip10-m) 50%,var(--vip10-d) 100%)!important;color:var(--vip10-a)!important;box-shadow:0 .12rem .28rem rgba(0,0,0,.32),inset 0 .01rem 0 rgba(212,175,55,.25)!important;}
/* 卡片金属高光（在 vcCard::after 已存在，加深一下） */
.vipPage .vcCard:after{
background:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 35%,rgba(255,255,255,0) 60%,rgba(0,0,0,.14) 100%)!important;
}
/* exclusiveBox 标题色块 + 反水详情按钮文字色（盖原 vcC0~vcC9） */
.vipPage .exclusiveBox.vcC0,.exclusiveBox.vcC0{color:var(--vip1-m)!important;}
.vipPage .exclusiveBox.vcC0 .title:before{background:var(--vip1-m)!important;}
.vipPage .exclusiveBox.vcC0+.vipDetails a{color:var(--vip1-m)!important;}
.vipPage .exclusiveBox.vcC1,.exclusiveBox.vcC1{color:var(--vip2-m)!important;}
.vipPage .exclusiveBox.vcC1 .title:before{background:var(--vip2-m)!important;}
.vipPage .exclusiveBox.vcC1+.vipDetails a{color:var(--vip2-m)!important;}
.vipPage .exclusiveBox.vcC2,.exclusiveBox.vcC2{color:var(--vip3-m)!important;}
.vipPage .exclusiveBox.vcC2 .title:before{background:var(--vip3-m)!important;}
.vipPage .exclusiveBox.vcC2+.vipDetails a{color:var(--vip3-m)!important;}
.vipPage .exclusiveBox.vcC3,.exclusiveBox.vcC3{color:var(--vip4-m)!important;}
.vipPage .exclusiveBox.vcC3 .title:before{background:var(--vip4-m)!important;}
.vipPage .exclusiveBox.vcC3+.vipDetails a{color:var(--vip4-m)!important;}
.vipPage .exclusiveBox.vcC4,.exclusiveBox.vcC4{color:var(--vip5-m)!important;}
.vipPage .exclusiveBox.vcC4 .title:before{background:var(--vip5-m)!important;}
.vipPage .exclusiveBox.vcC4+.vipDetails a{color:var(--vip5-m)!important;}
.vipPage .exclusiveBox.vcC5,.exclusiveBox.vcC5{color:var(--vip6-m)!important;}
.vipPage .exclusiveBox.vcC5 .title:before{background:var(--vip6-m)!important;}
.vipPage .exclusiveBox.vcC5+.vipDetails a{color:var(--vip6-m)!important;}
.vipPage .exclusiveBox.vcC6,.exclusiveBox.vcC6{color:var(--vip7-m)!important;}
.vipPage .exclusiveBox.vcC6 .title:before{background:var(--vip7-m)!important;}
.vipPage .exclusiveBox.vcC6+.vipDetails a{color:var(--vip7-m)!important;}
.vipPage .exclusiveBox.vcC7,.exclusiveBox.vcC7{color:var(--vip8-m)!important;}
.vipPage .exclusiveBox.vcC7 .title:before{background:var(--vip8-m)!important;}
.vipPage .exclusiveBox.vcC7+.vipDetails a{color:var(--vip8-m)!important;}
.vipPage .exclusiveBox.vcC8,.exclusiveBox.vcC8{color:var(--vip9-m)!important;}
.vipPage .exclusiveBox.vcC8 .title:before{background:var(--vip9-m)!important;}
.vipPage .exclusiveBox.vcC8+.vipDetails a{color:var(--vip9-m)!important;}
.vipPage .exclusiveBox.vcC9,.exclusiveBox.vcC9{color:var(--vip10-a)!important;}
.vipPage .exclusiveBox.vcC9 .title:before{background:var(--vip10-a)!important;}
.vipPage .exclusiveBox.vcC9+.vipDetails a{color:var(--vip10-a)!important;background:linear-gradient(135deg,#1a1a1a,#000)!important;}
/* ---------- 顶部 userGrade：跟随当前等级（vcC0~vcC9） ---------- */
/* 没有等级类时的兜底：青钢色 */
.vipPage .userGrade{
background:linear-gradient(135deg,var(--vip1-d) 0%,var(--vip1-m) 50%,var(--vip1-d) 100%)!important;
color:#fff!important;position:relative;
box-shadow:0 .12rem .26rem rgba(0,0,0,.18)!important;
}
.vipPage .userGrade.vcC0{background:linear-gradient(135deg,var(--vip1-d) 0%,var(--vip1-m) 50%,var(--vip1-d) 100%)!important;}
.vipPage .userGrade.vcC1{background:linear-gradient(135deg,var(--vip2-d) 0%,var(--vip2-m) 50%,var(--vip2-d) 100%)!important;}
.vipPage .userGrade.vcC2{background:linear-gradient(135deg,var(--vip3-d) 0%,var(--vip3-m) 50%,var(--vip3-d) 100%)!important;}
.vipPage .userGrade.vcC3{background:linear-gradient(135deg,var(--vip4-d) 0%,var(--vip4-m) 50%,var(--vip4-d) 100%)!important;}
.vipPage .userGrade.vcC4{background:linear-gradient(135deg,var(--vip5-d) 0%,var(--vip5-m) 50%,var(--vip5-d) 100%)!important;}
.vipPage .userGrade.vcC5{background:linear-gradient(135deg,var(--vip6-d) 0%,var(--vip6-m) 50%,var(--vip6-d) 100%)!important;}
.vipPage .userGrade.vcC6{background:linear-gradient(135deg,var(--vip7-d) 0%,var(--vip7-m) 50%,var(--vip7-d) 100%)!important;}
.vipPage .userGrade.vcC7{background:linear-gradient(135deg,var(--vip8-d) 0%,var(--vip8-m) 50%,var(--vip8-d) 100%)!important;}
.vipPage .userGrade.vcC8{background:linear-gradient(135deg,var(--vip9-d) 0%,var(--vip9-m) 50%,var(--vip9-d) 100%)!important;}
.vipPage .userGrade.vcC9{background:linear-gradient(135deg,var(--vip10-d) 0%,var(--vip10-m) 50%,var(--vip10-d) 100%)!important;color:var(--vip10-a)!important;box-shadow:0 .12rem .28rem rgba(0,0,0,.45)!important;}
/* 顶部金属高光 + 隐藏底部装饰波浪 */
.vipPage .userGrade::before{
content:"";position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.04) 35%,rgba(255,255,255,0) 60%,rgba(0,0,0,.12) 100%);
}
.vipPage .userGrade::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:.04rem;pointer-events:none;
background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.45) 70%,transparent 100%);
opacity:.55;
}
.vipPage .userGrade .foot,
.vipPage .userGrade .footB{display:none!important;}
/* ---------- 用户名 + 等级徽章（高度略放回去一点） ---------- */
.vipPage .userGrade .userVipBox{
height:2.16rem!important;
padding:.14rem .42rem 0!important;
position:relative;z-index:1;
}
.vipPage .userGrade .userVipBox .avatar{
width:1.16rem!important;height:1.16rem!important;
margin-right:.24rem!important;
border:.04rem solid rgba(255,255,255,.55)!important;
box-shadow:0 .04rem .12rem rgba(0,0,0,.22)!important;
}
.vipPage .userGrade .userVipBox .userName h5{
color:#fff!important;
text-shadow:0 .015rem 0 rgba(0,0,0,.2)!important;
}
.vipPage .userGrade.vcC9 .userVipBox .userName h5{color:var(--vip10-a)!important;}
.vipPage .userGrade .userVipBox .userName div{
background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(220,230,245,.9) 100%)!important;
color:#1a1a2e!important;
font-weight:800!important;
text-shadow:0 .015rem 0 rgba(255,255,255,.45)!important;
box-shadow:inset 0 .015rem 0 rgba(255,255,255,.7), 0 .03rem .08rem rgba(0,0,0,.22)!important;
}
.vipPage .userGrade.vcC9 .userVipBox .userName div{
background:linear-gradient(180deg,#3a3a3c,#1a1a1c)!important;
color:var(--vip10-a)!important;
text-shadow:none!important;
}
.vipPage .userGrade .userVipBox .medalBox{
transform:scale(.88);
transform-origin:right center;
filter:drop-shadow(0 .04rem .08rem rgba(0,0,0,.25));
}
/* ---------- 进度条（高度略放回去一点） ---------- */
.vipPage .vipSchedule{
height:1.48rem!important;
padding:0 .42rem!important;
position:relative;z-index:1;
}
.vipPage .vipSchedule .beforeLevel,
.vipPage .vipSchedule .afterLevel{
background:linear-gradient(180deg,#ffffff,#e6ecf5)!important;
color:#1a1a2e!important;
font-weight:700!important;
box-shadow:0 .02rem .06rem rgba(0,0,0,.2)!important;
}
.vipPage .userGrade.vcC9 .vipSchedule .beforeLevel,
.vipPage .userGrade.vcC9 .vipSchedule .afterLevel{
background:linear-gradient(180deg,#3a3a3c,#1a1a1c)!important;
color:var(--vip10-a)!important;
}
.vipPage .vipSchedule .scheduleBox .row{
background-color:rgba(255,255,255,.28)!important;
}
.vipPage .vipSchedule .scheduleBox .row p{
position:relative!important;
overflow:visible!important;
}
.vipPage .vipSchedule .scheduleBox .row p .yc-vip-runner{
position:absolute!important;
right:-.18rem!important;
top:50%!important;
transform:translate(50%,-50%) scaleX(-1)!important;
width:.42rem!important;
height:.42rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:.34rem!important;
line-height:1!important;
filter:drop-shadow(0 .03rem .05rem rgba(0,0,0,.28))!important;
z-index:3!important;
pointer-events:none!important;
}
.vipPage .vipSchedule .scheduleBox .row p span{
color:#fff!important;font-weight:700;
text-shadow:0 .015rem 0 rgba(0,0,0,.25);
}
.vipPage .vipSchedule .scheduleBox .row p .yc-vip-runner{
color:inherit!important;
text-shadow:none!important;
}
.ky-vip-track,
.ky-vip-fill{
overflow:visible!important;
}
.ky-vip-fill{
position:relative!important;
}
.ky-vip-fill .yc-home-vip-runner{
position:absolute!important;
right:-.18rem!important;
top:50%!important;
transform:translate(50%,-50%) scaleX(-1)!important;
width:.42rem!important;
height:.42rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:.34rem!important;
line-height:1!important;
filter:drop-shadow(0 .03rem .05rem rgba(0,0,0,.28))!important;
z-index:4!important;
pointer-events:none!important;
}
.vipPage .vipSchedule .scheduleBox .row.dep p,
.vipPage .vipSchedule .scheduleBox .row:first-child p{
background:linear-gradient(90deg,#ffe18a,#ffd166)!important;
}
.vipPage .vipSchedule .scheduleBox .row.bet p,
.vipPage .vipSchedule .scheduleBox .row:last-child p{
background:linear-gradient(90deg,#a3f4d4,#5fd9a8)!important;
}
.vipPage .vipSchedule .scheduleBox .row:first-child p span:before{border-top-color:#ffe18a!important;}
.vipPage .vipSchedule .scheduleBox .row:last-child p span:before{border-bottom-color:#5fd9a8!important;}
/* ---------- 三行流水信息（紧凑、白字） ---------- */
.vipPage .userGrade .weekBox,
.vipPage .userGrade .monthBox{
margin:0 .42rem .14rem!important;
position:relative;z-index:1;
}
.vipPage .userGrade .weekBox .row,
.vipPage .userGrade .monthBox .row{
padding:.025rem 0!important;
font-size:.28rem!important;
line-height:.46rem!important;
color:rgba(255,255,255,.85)!important;
}
.vipPage .userGrade.vcC9 .weekBox .row,
.vipPage .userGrade.vcC9 .monthBox .row{color:rgba(212,175,55,.75)!important;}
.vipPage .userGrade .weekBox .row:before,
.vipPage .userGrade .monthBox .row:before{
background-color:rgba(255,255,255,.85)!important;
width:.18rem!important;height:.09rem!important;
margin-right:.1rem!important;
}
.vipPage .userGrade.vcC9 .weekBox .row:before,
.vipPage .userGrade.vcC9 .monthBox .row:before{background-color:var(--vip10-a)!important;}
.vipPage .userGrade .weekBox .row span,
.vipPage .userGrade .monthBox .row span{
color:#fff!important;font-size:.34rem!important;font-weight:800!important;
text-shadow:0 .015rem 0 rgba(0,0,0,.25)!important;
}
.vipPage .userGrade.vcC9 .weekBox .row span,
.vipPage .userGrade.vcC9 .monthBox .row span{color:var(--vip10-a)!important;}
.vipPage .userGrade .weekBox .keepRow .okBadge{
background:linear-gradient(180deg,#a3f4d4,#3ec99b)!important;
color:#0a3d2c!important;font-weight:700!important;
}
.vipPage .userGrade .weekBox .keepRow .warnBadge{
background:linear-gradient(180deg,#ff8a96,#ff5b6e)!important;
color:#fff!important;font-weight:700!important;
}
/* ---------- 最高等级提示：金色质感 ---------- */
.vipPage .vipMax{
background:linear-gradient(135deg,rgba(255,247,227,.95),rgba(255,231,168,.95))!important;
}
/* ---------- VIP{n}介绍 卡片：修复第一行「每月流水」与「存款达到」未对齐 ----------
首行 晋升 被 position:absolute 浮在第 1、2 行之间（用于跨行标签），
导致 grid 中第 1 行的 每月流水 落到第 1 列，比第 2、3 行靠左。
显式锁定第 1 行 span→第 2 列、em→第 3 列，三行垂直对齐。 */
.vipPage .vcTable .vcLine:nth-child(1) span,
.vcTable .vcLine:nth-child(1) span{grid-column:2!important;text-align:left!important;}
.vipPage .vcTable .vcLine:nth-child(1) em,
.vcTable .vcLine:nth-child(1) em{grid-column:3!important;text-align:right!important;}
/* ---------- 下方空白压缩：用户截图圈出来的四块多余间距 ---------- */
/* 1) userGrade 与 VIP{n}介绍 卡片之间的白条：.vipLevel 上下 padding 收紧 */
.vipPage .vipLevel,.vipLevel{
padding:.34rem .22rem .26rem!important;
min-height:auto!important;
}
.vipPage .vcCard,.vcCard{height:3.42rem!important;}
/* 2) VIP{n}专享 上方灰条 + 标题区收紧 */
.vipPage .exclusiveBox,.exclusiveBox{padding-top:.12rem!important;}
.vipPage .exclusiveBox:before,.exclusiveBox:before{height:.12rem!important;}
.vipPage .exclusiveBox .title,.exclusiveBox .title{
padding:.1rem 0!important;
line-height:.5rem!important;
font-size:.4rem!important;
}
/* 3) 三个图标（晋升礼金/每月礼金/生日礼金）整体行内边距收紧 */
.vipPage .exclusiveBox .automatic,.exclusiveBox .automatic{padding:.06rem .4rem!important;}
.vipPage .exclusiveBox .row,.exclusiveBox .row{margin:.12rem 0!important;}
.vipPage .exclusiveBox .row .icon,.exclusiveBox .row .icon{
width:.84rem!important;height:.84rem!important;
}
.vipPage .exclusiveBox .row h5,.exclusiveBox .row h5{
margin:.08rem 0 .02rem!important;
line-height:.46rem!important;
height:auto!important;
min-height:.46rem!important;
font-size:.34rem!important;
}
.vipPage .exclusiveBox .row p,.exclusiveBox .row p{
line-height:.38rem!important;
font-size:.3rem!important;
margin-top:.02rem!important;
}
/* 4) VIP反水详情 按钮上下大白条收紧 */
.vipPage .vipDetails,.vipDetails{
padding:.18rem 0 .5rem!important;
}
.vipPage .vipDetails a,.vipDetails a{
height:.7rem!important;line-height:.7rem!important;
font-size:.34rem!important;
box-shadow:0 -.04rem .14rem rgba(0,0,0,.1)!important;
}
/* === AI4 · 2026-05-20 · 首页会员 VIP 徽章显示完整修复 ===
只放宽会员名行与徽章宽度，避免 VIP0/VIP1/VIP5 末尾数字被裁切。 */
.userPanel-user{
max-width:3.18rem!important;
flex:0 0 3.18rem!important;
overflow:visible!important;
}
.userPanel-user h6{
max-width:none!important;
overflow:visible!important;
text-overflow:clip!important;
display:flex!important;
align-items:center!important;
flex-wrap:nowrap!important;
gap:.06rem!important;
}
.vipLevelBadge{
min-width:1.74rem!important;
width:auto!important;
max-width:none!important;
height:.4rem!important;
padding:0 .16rem 0 .46rem!important;
flex:0 0 auto!important;
overflow:visible!important;
}
.vipLevelBadge p{
display:block!important;
white-space:nowrap!important;
overflow:visible!important;
text-overflow:clip!important;
min-width:max-content!important;
}
/* ============================================================
AI1 2026-05-21: 全局顶部品牌蓝（消除 iOS 状态栏 / 安全区域白条）
v2: 换成开云风格柔和深蓝 #1f86ff，跟 hero 渐变第一行完美融合
============================================================ */
html { background-color: #1f86ff !important; }
@supports (top: env(safe-area-inset-top)) {
html::before {
content: "";
position: fixed;
left: 0;
right: 0;
top: 0;
height: env(safe-area-inset-top, 0);
background: #1f86ff;
z-index: 99999;
pointer-events: none;
}
}
/* ============================================================
AI1 2026-05-21 v2: 底部 Tab Bar 升级到开云风格
- 白底 + 顶部细蓝渐变线
- 圆角胶囊 + 玻璃质感
- 选中态：蓝色实色 + drop-shadow
- 适配 iOS 底部 home indicator
============================================================ */
.van-tabbar {
background: #ffffff !important;
background-image:
linear-gradient(180deg, #f7fbff 0%, #ffffff 60%) !important;
border-top: 1px solid rgba(180, 210, 245, 0.55) !important;
box-shadow:
0 -.06rem .2rem rgba(20, 90, 200, 0.08),
inset 0 .015rem 0 rgba(255, 255, 255, 0.85) !important;
height: calc(1rem + env(safe-area-inset-bottom, 0)) !important;
padding-bottom: env(safe-area-inset-bottom, 0) !important;
position: relative !important;
}
/* 顶部细蓝亮线，模拟开云的精致质感 */
.van-tabbar::before {
content: "";
position: absolute;
top: 0;
left: 18%;
right: 18%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(31, 134, 255, 0.5), transparent);
}
.van-tabbar-item {
color: #95a6c2 !important;
font-size: .24rem !important;
transition: color 0.2s, transform 0.2s;
}
.van-tabbar-item__icon {
font-size: .48rem !important;
margin-bottom: .04rem !important;
transition: filter 0.2s, transform 0.2s;
}
.van-tabbar-item__icon img {
transition: filter 0.2s, transform 0.2s;
}
/* 选中状态：开云蓝 + 加大 + 阴影 */
.van-tabbar-item--active {
color: #1f86ff !important;
font-weight: 700 !important;
}
.van-tabbar-item--active .van-tabbar-item__icon {
transform: scale(1.08);
filter: drop-shadow(0 .04rem .08rem rgba(31, 134, 255, 0.45)) !important;
}
.van-tabbar-item--active .van-tabbar-item__icon img {
filter: drop-shadow(0 .04rem .08rem rgba(31, 134, 255, 0.45)) !important;
}
/* AI1 2026-05-21 kyv4: align browser chrome/top/bottom UI with current site cyan-blue primary. */
html{
background-color:#18b9f6!important;
}
body{
background:
radial-gradient(circle at 50% -18%, rgba(255,255,255,.92) 0, rgba(226,248,255,.82) 24%, rgba(213,243,255,.72) 43%, transparent 64%),
linear-gradient(180deg,#18b9f6 0%,#eaf8ff 18%,#f6fbff 54%,#ffffff 100%)!important;
}
.userPanel{
background:linear-gradient(180deg,#e9fbff 0%,#f8feff 58%,#eff9ff 100%)!important;
border-bottom:1px solid rgba(24,185,246,.36)!important;
box-shadow:0 .14rem .34rem rgba(24,185,246,.16), inset 0 .02rem 0 rgba(255,255,255,.96)!important;
}
.userPanel::before{
background:linear-gradient(90deg,transparent 0%,#18b9f6 26%,#63d6ff 52%,#18b9f6 76%,transparent 100%)!important;
opacity:.72!important;
}
.gameNav-item.active{
background:linear-gradient(180deg,#42ccff 0%,#18b9f6 54%,#0797df 100%)!important;
box-shadow:0 .12rem .26rem rgba(24,185,246,.40), inset 0 .02rem .04rem rgba(255,255,255,.45)!important;
}
.van-tabbar-item--active{
color:#18b9f6!important;
}
.van-tabbar-item--active .van-tabbar-item__icon,
.van-tabbar-item--active .van-tabbar-item__icon img{
filter:drop-shadow(0 .04rem .08rem rgba(24,185,246,.42))!important;
}
.van-tabbar::before{
background:linear-gradient(90deg,transparent,rgba(24,185,246,.55),transparent)!important;
}
.van-button--info,
.van-button--primary,
.submitBtn,
.btn-primary,
.confirm-btn{
background:linear-gradient(180deg,#42ccff 0%,#18b9f6 55%,#0797df 100%)!important;
border-color:#18b9f6!important;
}
.yc-card-pill-tag{
background:linear-gradient(135deg,#64dcff 0%,#18b9f6 52%,#0797df 100%)!important;
}
.yc-card-pill-rebate-num{
color:#18b9f6!important;
}
/* AI1 2026-05-21 kyv5: make browser chrome blend with the pale site header, not bright blue. */
html{
background-color:#eefaff!important;
}
body{
background:
radial-gradient(circle at 18% 0%, rgba(80,196,255,.18) 0, rgba(80,196,255,0) 34%),
radial-gradient(circle at 88% 4%, rgba(80,150,245,.12) 0, rgba(80,150,245,0) 30%),
linear-gradient(180deg,#eefaff 0%,#f5fcff 38%,#ffffff 100%)!important;
background-attachment:fixed!important;
}
.homeNew{
background:
radial-gradient(circle at 12% 0%,rgba(80,196,255,.16),rgba(80,196,255,0) 34%),
radial-gradient(circle at 88% 4%,rgba(80,150,245,.10),rgba(80,150,245,0) 30%),
linear-gradient(180deg,#eefaff 0%,#f6fcff 45%,#ffffff 100%)!important;
}
.appDownload{
background:linear-gradient(180deg,#f6fdff 0%,#eefaff 100%)!important;
border-bottom:1px solid rgba(195,230,248,.45)!important;
}
.userPanel{
background:linear-gradient(180deg,rgba(246,253,255,.94) 0%,rgba(238,250,255,.88) 100%)!important;
border-bottom:1px solid rgba(180,225,248,.40)!important;
box-shadow:0 .08rem .22rem rgba(24,185,246,.10), inset 0 .02rem 0 rgba(255,255,255,.96)!important;
}
.userPanel::before{
background:linear-gradient(90deg,transparent 0%,rgba(24,185,246,.34) 26%,rgba(99,216,255,.42) 52%,rgba(24,185,246,.34) 76%,transparent 100%)!important;
opacity:.55!important;
}
.van-tabbar{
background:#ffffff!important;
background-image:linear-gradient(180deg,#ffffff 0%,#f9fdff 100%)!important;
border-top:1px solid rgba(210,232,245,.72)!important;
box-shadow:0 -.04rem .16rem rgba(30,100,160,.07)!important;
}
/* END AI1 kyv5 */
/* === 20260522profile2 production overrides start === */
/* LIVE LOCAL PREVIEW ONLY: Kaiyun sampled palette, no production write. */
html{background:#E8F5FF!important;}
body{
background:
radial-gradient(circle at 18% 0%,rgba(52,160,255,.13),rgba(52,160,255,0) 34%),
radial-gradient(circle at 88% 4%,rgba(18,169,255,.08),rgba(18,169,255,0) 30%),
linear-gradient(180deg,#E8F5FF 0%,#E7F4FF 42%,#F4FAFF 72%,#FFFFFF 100%)!important;
background-attachment:fixed!important;
}
.homeNew,
.homeNew[data-v-7ada146e]{
background:#E8F5FF!important;
background-image:linear-gradient(180deg,#E8F5FF 0%,#E7F4FF 42%,#F4FAFF 72%,#FFFFFF 100%)!important;
}
.appDownload,
.appDownload[data-v-7ada146e],
.appDownload.position_bottom,
.appDownload.position_bottom[data-v-7ada146e]{
position:fixed!important;
left:0!important;
right:0!important;
top:0!important;
bottom:auto!important;
z-index:1000!important;
background:linear-gradient(180deg,#F4FAFF 0%,#E8F5FF 100%)!important;
border-top:0!important;
border-bottom:1px solid rgba(216,236,248,.82)!important;
box-shadow:none!important;
}
.appDownload .downloadBtn,
.appDownload .downloadBtn[data-v-7ada146e]{
background:linear-gradient(180deg,#34A0FF 0%,#179CFF 58%,#0879D8 100%)!important;
}
.homeNew,
.homeNew[data-v-7ada146e]{
padding-top:0!important;
}
.homeNew:has(.appDownload),
.homeNew[data-v-7ada146e]:has(.appDownload){
padding-top:.88rem!important;
}
.homeNew>div:first-child,
.homeNew[data-v-7ada146e]>div:first-child,
.homeNew>div[style*="space-between"],
.homeNew[data-v-7ada146e]>div[style*="space-between"],
.homeNew>div[style*="linear-gradient"],
.homeNew[data-v-7ada146e]>div[style*="linear-gradient"]{
background:#E8F5FF!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
}
.homeNew>div:first-child>div:last-child,
.homeNew[data-v-7ada146e]>div:first-child>div:last-child,
.homeNew>div[style*="space-between"]>div:last-child,
.homeNew[data-v-7ada146e]>div[style*="space-between"]>div:last-child{
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
color:#526C84!important;
font-weight:800!important;
text-transform:uppercase!important;
}
.carousel,
.carousel[data-v-7ada146e]{
margin-top:0!important;
background:#E8F5FF!important;
background-image:linear-gradient(180deg,#E8F5FF 0%,#F4FAFF 100%)!important;
}
.userPanel,
.userPanel[data-v-7ada146e]{
background:linear-gradient(180deg,rgba(244,250,255,.96),rgba(232,245,255,.88))!important;
border-bottom:1px solid rgba(216,236,248,.82)!important;
box-shadow:0 .08rem .22rem rgba(52,160,255,.10),inset 0 .02rem 0 rgba(255,255,255,.96)!important;
}
.userPanel-nav,
.userPanel-nav[data-v-7ada146e]{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
gap:.10rem!important;
}
.userPanel-nav-items,
.userPanel-nav-items[data-v-7ada146e]{
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0 .04rem!important;
}
.userPanel-nav-items img,
.userPanel-nav-items[data-v-7ada146e] img{
background:transparent!important;
border:0!important;
box-shadow:none!important;
filter:none!important;
}
.gameNav-item.active,
.gameNav-item.active[data-v-7ada146e]{
background:linear-gradient(180deg,#34A0FF 0%,#179CFF 58%,#0879D8 100%)!important;
}
.yc-card-pill-rebate-num{color:#179CFF!important;}
.yc-card-pill-tag{background:linear-gradient(135deg,#34A0FF 0%,#12A9FF 52%,#0879D8 100%)!important;}
.van-tabbar{
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:1.12rem!important;
padding:0 .18rem!important;
background:#FFFFFF!important;
background-image:linear-gradient(180deg,#FFFFFF 0%,#FAFDFF 100%)!important;
border:none!important;
border-top:1px solid rgba(216,236,248,.72)!important;
border-radius:.34rem .34rem 0 0!important;
box-shadow:0 -.06rem .20rem rgba(64,120,170,.10)!important;
overflow:hidden!important;
}
.van-tabbar::before{
content:""!important;
position:absolute!important;
left:7%!important;
right:7%!important;
top:0!important;
height:1px!important;
background:linear-gradient(90deg,transparent,rgba(52,160,255,.32),transparent)!important;
}
.van-tabbar-item{
color:#7B8DAA!important;
font-weight:700!important;
}
/* --- 底部 tabbar 图标样式（自定义图标替换） --- */
.van-tabbar-item__icon{
width:.52rem!important;
height:.52rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto .04rem!important;
border-radius:.16rem!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
.van-tabbar-item__icon img{
width:.46rem!important;
height:.46rem!important;
object-fit:contain!important;
filter:none!important;
transition:filter .2s!important;
}
.van-tabbar-item--active{color:#179CFF!important;}
.van-tabbar-item--active .van-tabbar-item__icon{
background:transparent!important;
border:none!important;
box-shadow:none!important;
}
.van-tabbar-item--active .van-tabbar-item__icon img{
filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1200%) hue-rotate(190deg) brightness(100%) contrast(101%)!important;
}
/* Kaiyun-like left category rail: wider, larger rounded tiles, comfortable scale. */
.gameNav,
.gameNav[data-v-7ada146e]{
width:1.80rem!important;
padding:.14rem .18rem .20rem!important;
background:linear-gradient(180deg,#E8F5FF 0%,#F4FAFF 100%)!important;
border-radius:0 .34rem .34rem 0!important;
box-shadow:inset -.02rem 0 .04rem rgba(255,255,255,.9),.04rem 0 .16rem rgba(52,160,255,.08)!important;
}
.gameNav-container,
.gameNav-container[data-v-7ada146e]{
gap:.18rem!important;
}
/* --- 游戏分类侧栏：开云风格大圆角 + 立体 3D 感 --- */
.gameNav-item,
.gameNav-item[data-v-7ada146e]{
width:1.40rem!important;
min-height:1.30rem!important;
margin:0 auto .18rem!important;
padding:.14rem .06rem .10rem!important;
border-radius:.50rem!important;
background:linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 40%,#ECF5FF 100%)!important;
border:1.5px solid rgba(218,237,252,.72)!important;
box-shadow:
inset 0 .06rem .10rem rgba(255,255,255,.96),
inset 0 -.025rem .05rem rgba(185,218,248,.22),
0 .08rem .22rem rgba(75,135,195,.13),
0 .02rem .05rem rgba(75,135,195,.07)!important;
color:#7B8DAA!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
transition:transform .15s,box-shadow .15s!important;
}
.gameNav-item img,
.gameNav-item[data-v-7ada146e] img{
width:.72rem!important;
height:.72rem!important;
object-fit:contain!important;
margin-bottom:.08rem!important;
filter:drop-shadow(0 .03rem .06rem rgba(95,120,160,.12)) grayscale(.50) saturate(.55) brightness(1.04)!important;
transition:filter .2s!important;
}
.gameNav-item p,
.gameNav-item[data-v-7ada146e] p{
font-size:.30rem!important;
line-height:1.05!important;
font-weight:800!important;
color:#7888A7!important;
margin:0!important;
}
.gameNav-item.active,
.gameNav-item.active[data-v-7ada146e]{
border-radius:.50rem!important;
background:
radial-gradient(circle at 50% 10%,rgba(255,255,255,.38),rgba(255,255,255,0) 42%),
linear-gradient(180deg,#7FD4FF 0%,#34A0FF 52%,#179CFF 100%)!important;
border-color:rgba(255,255,255,.70)!important;
box-shadow:
inset 0 .06rem .10rem rgba(255,255,255,.50),
inset 0 -.04rem .08rem rgba(0,80,160,.22),
0 .10rem .26rem rgba(23,156,255,.42),
0 .03rem .08rem rgba(23,156,255,.16)!important;
transform:scale(1.02)!important;
}
.gameNav-item.active img,
.gameNav-item.active[data-v-7ada146e] img{
filter:brightness(1.16) drop-shadow(0 .05rem .08rem rgba(0,80,160,.24)) grayscale(0) saturate(1.1)!important;
}
.gameNav-item.active p,
.gameNav-item.active[data-v-7ada146e] p{
color:#FFFFFF!important;
text-shadow:0 .02rem .04rem rgba(0,80,160,.22)!important;
}
/* Phone bind dialog (preview): shown directly on profile page, like 修改真实姓名. */
.yc-phone-bind-mask{
position:fixed!important;
inset:0!important;
z-index:2147483000!important;
background:rgba(20,40,70,.45)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:.4rem!important;
}
.yc-phone-bind-card{
width:min(7.05rem,92vw)!important;
border-radius:.32rem!important;
background:#FFFFFF!important;
padding:.52rem .48rem .14rem!important;
box-shadow:0 .22rem .62rem rgba(30,85,140,.22)!important;
overflow:hidden!important;
}
.yc-pm-title{
text-align:center!important;
font-size:.44rem!important;
font-weight:800!important;
color:#222!important;
margin-bottom:.38rem!important;
}
.yc-pm-input-wrap{
display:flex!important;
align-items:center!important;
border:1px solid #E2E8F0!important;
border-radius:.22rem!important;
background:#F5F7FB!important;
padding:.14rem .26rem!important;
min-height:.92rem!important;
}
.yc-pm-code{
font-size:.30rem!important;
font-weight:800!important;
color:#5B6A86!important;
margin-right:.18rem!important;
padding-right:.18rem!important;
border-right:1px solid #DDE3EC!important;
}
.yc-pm-input{
flex:1!important;
border:0!important;
outline:0!important;
background:transparent!important;
font-size:.34rem!important;
color:#222!important;
padding:.12rem 0!important;
}
.yc-pm-input.yc-pm-err{
color:#E03A3A!important;
}
.yc-pm-hint{
margin:.20rem .02rem .38rem!important;
font-size:.29rem!important;
line-height:1.65!important;
color:#179CFF!important;
}
.yc-pm-hint b{
font-weight:850!important;
color:#0B7FD6!important;
}
.yc-pm-field-title{
margin:.18rem 0 .10rem!important;
color:#263D55!important;
font-size:.30rem!important;
line-height:1.3!important;
font-weight:850!important;
text-align:left!important;
}
.yc-withdraw-auth-card .yc-pm-title{
margin-bottom:.18rem!important;
}
.yc-withdraw-auth-card .yc-pm-input-wrap{
margin-bottom:.08rem!important;
}
.yc-withdraw-auth-card .yc-pm-hint{
text-align:left!important;
color:#6C7E92!important;
margin:.18rem 0 .32rem!important;
}
.yc-pm-actions{
display:flex!important;
border-top:1px solid #EDEFF3!important;
margin:0 -.48rem!important;
}
.yc-pm-btn{
flex:1!important;
border:0!important;
background:transparent!important;
padding:.32rem 0!important;
font-size:.36rem!important;
font-weight:700!important;
color:#7B8DAA!important;
}
.yc-pm-btn.yc-pm-confirm{
color:#179CFF!important;
border-left:1px solid #EDEFF3!important;
font-weight:850!important;
}
.yc-pm-btn:disabled{opacity:.6!important;}
.yc-alert-modal-card{
width:min(6.7rem,88vw)!important;
border-radius:.32rem!important;
background:#FFFFFF!important;
padding:.48rem .42rem .12rem!important;
box-shadow:0 .22rem .62rem rgba(30,85,140,.22)!important;
overflow:hidden!important;
text-align:center!important;
}
.yc-alert-modal-title{
color:#263D55!important;
font-size:.38rem!important;
line-height:1.35!important;
font-weight:850!important;
margin:0 0 .18rem!important;
}
.yc-alert-modal-body{
color:#65758B!important;
font-size:.30rem!important;
line-height:1.65!important;
font-weight:600!important;
margin:0 0 .34rem!important;
}
.yc-alert-modal-actions{
margin:0 -.42rem!important;
border-top:1px solid #EDEFF3!important;
}
.yc-alert-modal-btn{
width:100%!important;
border:0!important;
background:transparent!important;
color:#179CFF!important;
padding:.30rem 0!important;
font-size:.36rem!important;
font-weight:850!important;
}
.yc-welfare-gift-card{
width:min(6.7rem,88vw)!important;
border-radius:.36rem!important;
background:linear-gradient(180deg,#fffaf0 0%,#ffffff 52%,#f7fbff 100%)!important;
padding:.34rem .38rem .18rem!important;
box-shadow:0 .24rem .72rem rgba(167,105,20,.25)!important;
text-align:center!important;
position:relative!important;
overflow:hidden!important;
}
.yc-welfare-gift-card:before{
content:""!important;
position:absolute!important;
left:-1.2rem!important;
top:-1.2rem!important;
width:2.4rem!important;
height:2.4rem!important;
border-radius:50%!important;
background:rgba(255,190,70,.22)!important;
}
.yc-welfare-gift-ribbon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:2.5rem!important;
height:.52rem!important;
padding:0 .24rem!important;
border-radius:999px!important;
background:linear-gradient(90deg,#ffcf72,#ff9f2e)!important;
color:#7a3c00!important;
font-size:.24rem!important;
font-weight:900!important;
letter-spacing:.02rem!important;
}
.yc-welfare-gift-icon{
width:.92rem!important;
height:.92rem!important;
line-height:.92rem!important;
border-radius:50%!important;
margin:.24rem auto .12rem!important;
background:linear-gradient(180deg,#ffcf72,#ff9f2e)!important;
color:#fff!important;
font-size:.52rem!important;
font-weight:900!important;
box-shadow:0 .12rem .28rem rgba(255,159,46,.32)!important;
}
.yc-welfare-gift-title{
color:#263D55!important;
font-size:.40rem!important;
line-height:1.3!important;
font-weight:900!important;
}
.yc-welfare-gift-amount{
margin:.08rem 0!important;
color:#ff6b00!important;
font-size:.58rem!important;
line-height:1.2!important;
font-weight:950!important;
}
.yc-welfare-gift-amount span{
font-size:.26rem!important;
margin-left:.06rem!important;
}
.yc-welfare-gift-desc{
color:#52657c!important;
font-size:.28rem!important;
line-height:1.5!important;
font-weight:650!important;
margin:.08rem 0!important;
}
.yc-welfare-gift-meta,
.yc-welfare-gift-more{
color:#8793a3!important;
font-size:.24rem!important;
line-height:1.55!important;
margin-top:.08rem!important;
}
.yc-welfare-gift-more{ color:#ff7a00!important; font-weight:800!important; }
.yc-welfare-gift-actions{
display:flex!important;
gap:.16rem!important;
margin-top:.28rem!important;
justify-content:center!important;
}
.yc-welfare-gift-actions button{
flex:1!important;
max-width:4.6rem!important;
height:.76rem!important;
border:0!important;
border-radius:999px!important;
font-size:.30rem!important;
font-weight:900!important;
}
.yc-welfare-gift-later{
background:#eef3f8!important;
color:#708095!important;
}
.yc-welfare-gift-go{
background:linear-gradient(90deg,#28c7b7,#179CFF)!important;
color:#fff!important;
box-shadow:0 .12rem .24rem rgba(23,156,255,.24)!important;
}
.yc-welfare-red-dot{
display:none!important;
}
/* === 福利中心 H5 样式（chunk-1f3bd171 c9f2 模块 / WelfareCenter） === */
.welfare-center{
background:linear-gradient(180deg,#f1f7ff 0%,#eaf3ff 35%,#f6faff 100%);
min-height:100vh;
padding-bottom:.6rem;
}
.welfare-center .wf-banners{
padding:.32rem .32rem 0;
}
.welfare-center .wf-ba{
position:relative;
display:flex;align-items:center;
padding:.28rem .32rem;
border-radius:.28rem;
background:linear-gradient(135deg,#1a86ff 0%,#28c7b7 100%);
color:#fff;
box-shadow:0 .16rem .36rem rgba(26,134,255,.30);
overflow:hidden;
}
.welfare-center .wf-ba-ic{
width:.84rem;height:.84rem;
border-radius:50%;
background:rgba(255,255,255,.22);
display:flex;align-items:center;justify-content:center;
margin-right:.24rem;flex-shrink:0;
}
.welfare-center .wf-ba-ic svg{width:.5rem;height:.5rem;fill:#fff}
.welfare-center .wf-ba-tx{flex:1}
.welfare-center .wf-ba-tx b{display:block;font-size:.36rem;font-weight:800;line-height:1.4}
.welfare-center .wf-ba-tx p{margin:.04rem 0 0;font-size:.24rem;opacity:.9}
.welfare-center .wf-ba-cta{
font-size:.26rem;
padding:.1rem .24rem;
border-radius:.5rem;
background:rgba(255,255,255,.22);
white-space:nowrap;
}
.welfare-center .wf-ba-deco{position:absolute;right:0;top:0;bottom:0;width:1.5rem;pointer-events:none}
.welfare-center .wf-ba-deco .coin{
position:absolute;width:.18rem;height:.18rem;border-radius:50%;
background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.3) 70%);
opacity:.6;
}
.welfare-center .wf-ba-deco .c1{top:25%;right:18%}
.welfare-center .wf-ba-deco .c2{top:60%;right:38%;width:.12rem;height:.12rem}
.welfare-center .wf-ba-deco .c3{top:42%;right:55%;width:.1rem;height:.1rem}
.welfare-center .wf-filters{
display:flex;gap:.18rem;padding:.28rem .32rem .12rem;
}
.welfare-center .wf-pill{
display:inline-flex;align-items:center;gap:.08rem;
padding:.12rem .24rem;
border-radius:.5rem;
background:#fff;
font-size:.26rem;color:#475569;
box-shadow:0 .08rem .2rem rgba(36,96,150,.08);
cursor:pointer;
}
.welfare-center .wf-pill.active{
background:linear-gradient(135deg,#1a86ff,#179cff);
color:#fff;
box-shadow:0 .1rem .24rem rgba(23,156,255,.32);
}
.welfare-center .wf-arrow{
display:inline-block;
width:0;height:0;
border-left:.08rem solid transparent;
border-right:.08rem solid transparent;
border-top:.1rem solid currentColor;
margin-left:.04rem;
}
.welfare-center .wf-content{padding:0 .32rem}
.welfare-center .wf-stat-card{
background:#fff;
border-radius:.28rem;
padding:.28rem .32rem;
box-shadow:0 .12rem .3rem rgba(36,96,150,.08);
}
.welfare-center .wf-stat-head{
display:flex;flex-direction:column;gap:.2rem;
}
.welfare-center .wf-date-sel{
font-size:.26rem;color:#1a86ff;
display:inline-flex;align-items:center;gap:.06rem;
align-self:flex-start;
padding:.08rem .2rem;
background:#eaf3ff;border-radius:.4rem;
cursor:pointer;
}
.welfare-center .wf-stat-num{
display:flex;justify-content:space-around;
border-top:1px solid #eef2f7;padding-top:.2rem;
}
.welfare-center .wf-stat-num .col{flex:1;text-align:center}
.welfare-center .wf-stat-num .lbl{font-size:.24rem;color:#94a3b8;margin-bottom:.06rem}
.welfare-center .wf-stat-num .val{font-size:.4rem;font-weight:900;color:#1a86ff}
.welfare-center .wf-loading,
.welfare-center .wf-err-tip{
text-align:center;padding:.4rem 0;
font-size:.28rem;color:#94a3b8;
}
.welfare-center .wf-err-tip{color:#ef4444}
.welfare-center .wf-rec-list{margin-top:.2rem;display:flex;flex-direction:column;gap:.16rem}
.welfare-center .wf-rec-item{
background:linear-gradient(180deg,#fafdff 0%,#f5faff 100%);
border:1px solid #e6eef8;
border-radius:.22rem;padding:.22rem .26rem;
}
.welfare-center .wf-rec-row1{
display:flex;justify-content:space-between;align-items:center;
margin-bottom:.1rem;
}
.welfare-center .wf-rec-row1 .name{
font-size:.30rem;font-weight:800;color:#1f2937;
display:flex;align-items:center;gap:.1rem;
}
.welfare-center .wf-status-tag{
font-size:.22rem;font-weight:600;
padding:.04rem .14rem;border-radius:.3rem;
background:#eef3f8;color:#64748b;
}
.welfare-center .wf-status-tag.paid{background:#dcfce7;color:#16a34a}
.welfare-center .wf-status-tag.approved{background:#fef3c7;color:#b45309}
.welfare-center .wf-status-tag.pending{background:#dbeafe;color:#2563eb}
.welfare-center .wf-status-tag.expired,
.welfare-center .wf-status-tag.rejected{background:#fee2e2;color:#dc2626}
.welfare-center .wf-rec-row1 .amount{
font-size:.34rem;font-weight:900;color:#475569;
}
.welfare-center .wf-rec-row1 .amount.positive{color:#16a34a}
.welfare-center .wf-rec-row2{
display:flex;justify-content:space-between;
font-size:.22rem;color:#94a3b8;margin-bottom:.12rem;
}
.welfare-center .wf-ml-task-card{
background:#fff;border:1px solid #eaf2fb;
border-radius:.18rem;padding:.18rem .22rem;
margin-top:.12rem;
}
.welfare-center .wf-ml-task-numbers{
display:flex;justify-content:space-between;font-size:.24rem;
margin-bottom:.1rem;
}
.welfare-center .wf-ml-task-numbers .lbl{color:#94a3b8}
.welfare-center .wf-ml-task-numbers .val{color:#1a86ff;font-weight:700}
.welfare-center .wf-ml-task-bar{
position:relative;
width:100%;height:.16rem;
background:#eef3f8;
border-radius:.1rem;
overflow:visible;
}
.welfare-center .wf-ml-task-bar-fill{
position:relative;
height:100%;
background:linear-gradient(90deg,#1a86ff,#28c7b7);
border-radius:.1rem;
transition:width .4s ease;
min-width:.06rem;
}
.welfare-center .wf-ml-task-bar-fill.done{
background:linear-gradient(90deg,#16a34a,#22c55e);
}
.welfare-center .wf-ml-task-bar-fill.void{
background:linear-gradient(90deg,#cbd5e1,#94a3b8);
box-shadow:none;
}
.welfare-center .wf-ml-task-bar-fill .yc-wf-runner{
position:absolute;
right:-.18rem;top:50%;
transform:translateY(-50%) scaleX(-1);
font-size:.36rem;line-height:1;
filter:drop-shadow(0 .04rem .08rem rgba(26,134,255,.32));
animation:ycRunnerBob .9s ease-in-out infinite;
pointer-events:none;
z-index:2;
}
.welfare-center .wf-ml-task-bar-fill.done .yc-wf-runner{
animation:ycRunnerCheer .8s ease-in-out infinite;
}
.welfare-center .wf-ml-task-bar-fill.void .yc-wf-runner{
display:none;
}
@keyframes ycRunnerBob{
0%,100%{transform:translateY(-50%) scaleX(-1) rotate(-4deg)}
50%{transform:translateY(-65%) scaleX(-1) rotate(4deg)}
}
@keyframes ycRunnerCheer{
0%,100%{transform:translateY(-50%) scaleX(-1) scale(1)}
50%{transform:translateY(-72%) scaleX(-1) scale(1.15)}
}
.welfare-center .wf-ml-task-tip{
margin-top:.08rem;font-size:.22rem;color:#64748b;
}
.welfare-center .wf-ml-task-tip.ok{color:#16a34a}
.welfare-center .wf-ml-task-tip.muted{color:#94a3b8}
.welfare-center .wf-ml-task-tip.void{
color:#e67e22;
font-weight:700;
}
.welfare-center .wf-rec-actions{margin-top:.12rem;display:flex;justify-content:center}
.welfare-center .wf-btn-claim-small{
display:inline-flex;align-items:center;justify-content:center;
border:0;border-radius:999px;
height:.7rem;line-height:.7rem;
padding:0 .36rem;
min-width:1.6rem;
background:linear-gradient(135deg,#1a86ff,#28c7b7);
color:#fff;font-size:.26rem;font-weight:700;
text-align:center;letter-spacing:.04rem;
box-shadow:0 .08rem .18rem rgba(26,134,255,.32);
cursor:pointer;
}
.welfare-center .wf-btn-claim-small:active{
transform:translateY(.02rem);
box-shadow:0 .04rem .1rem rgba(26,134,255,.32);
}
.welfare-center .wf-rec-row3{
font-size:.22rem;color:#94a3b8;margin-top:.08rem;
}
.welfare-center .wf-rec-row3.warn{color:#b45309}
.welfare-center .wf-rec-row3.danger{color:#dc2626}
.welfare-center .wf-empty{text-align:center;padding:.6rem 0}
.welfare-center .wf-empty-pic{margin:0 auto .2rem;width:3rem}
.welfare-center .wf-empty-pic svg{width:100%;height:auto}
.welfare-center .wf-empty-tip{font-size:.26rem;color:#94a3b8}
/* 筛选 sheet */
.welfare-center .wf-mask{
position:fixed;inset:0;
background:rgba(15,23,42,.45);
z-index:9000;
}
.welfare-center .wf-sheet{
position:fixed;left:0;right:0;bottom:0;
background:#fff;
border-radius:.32rem .32rem 0 0;
padding:.32rem .32rem .42rem;
z-index:9001;
transform:translateY(100%);
transition:transform .25s ease;
}
.welfare-center .wf-sheet.wf-sheet-on{transform:translateY(0)}
.welfare-center .wf-sheet h3{margin:0 0 .2rem;font-size:.32rem;text-align:center}
.welfare-center .wf-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.16rem;margin-bottom:.24rem}
.welfare-center .wf-quick4{display:grid;grid-template-columns:repeat(4,1fr);gap:.12rem;margin-bottom:.24rem}
.welfare-center .wf-opt{
text-align:center;padding:.16rem .1rem;
border-radius:.18rem;background:#f1f5f9;
font-size:.26rem;color:#475569;cursor:pointer;
}
.welfare-center .wf-opt.on{
background:linear-gradient(135deg,#1a86ff,#28c7b7);
color:#fff;font-weight:700;
}
.welfare-center .wf-custom-row{
display:flex;align-items:center;gap:.12rem;margin-bottom:.16rem;
}
.welfare-center .wf-date-input{
flex:1;padding:.16rem;text-align:center;
background:#f1f5f9;border-radius:.16rem;
font-size:.28rem;color:#475569;
}
.welfare-center .wf-date-input.active{background:#dbeafe;color:#1a86ff;font-weight:700}
.welfare-center .wf-sep{color:#94a3b8;font-size:.26rem}
.welfare-center .wf-warn{
font-size:.22rem;color:#b45309;text-align:center;margin-bottom:.16rem;
}
.welfare-center .wf-picker{
display:flex;height:1.92rem;overflow:hidden;
background:#f8fafc;border-radius:.16rem;
position:relative;margin-bottom:.24rem;
}
.welfare-center .wf-picker:before,
.welfare-center .wf-picker:after{
content:"";position:absolute;left:0;right:0;height:.42rem;
pointer-events:none;z-index:2;
}
.welfare-center .wf-picker:before{top:0;background:linear-gradient(180deg,rgba(248,250,252,.95),rgba(248,250,252,0))}
.welfare-center .wf-picker:after{bottom:0;background:linear-gradient(0deg,rgba(248,250,252,.95),rgba(248,250,252,0))}
.welfare-center .wf-picker-col{
flex:1;overflow-y:scroll;scrollbar-width:none;
scroll-snap-type:y mandatory;
}
.welfare-center .wf-picker-col::-webkit-scrollbar{display:none}
.welfare-center .wf-picker-pad{height:.42rem}
.welfare-center .wf-picker-it{
height:.42rem;line-height:.42rem;text-align:center;
font-size:.28rem;color:#94a3b8;scroll-snap-align:center;
}
.welfare-center .wf-picker-it.on{color:#1a86ff;font-weight:800;font-size:.32rem}
.welfare-center .wf-sheet-actions{display:flex;gap:.16rem}
.welfare-center .wf-sheet-actions .wf-btn{
flex:1;height:.84rem;border:0;border-radius:.5rem;font-size:.30rem;font-weight:700;
}
.welfare-center .wf-sheet-actions .wf-btn.ghost{background:#f1f5f9;color:#475569}
.welfare-center .wf-sheet-actions .wf-btn.primary{
background:linear-gradient(135deg,#1a86ff,#28c7b7);color:#fff;
}
/* Local preview modal and withdraw phone verification UI. */
.yc-preview-modal-mask{
position:fixed!important;
inset:0!important;
z-index:2147483000!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:.42rem!important;
background:rgba(12,42,72,.28)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
}
.yc-preview-modal-card{
width:min(6.3rem,86vw)!important;
border-radius:.34rem!important;
background:linear-gradient(180deg,#F4FAFF 0%,#FFFFFF 46%,#FFFFFF 100%)!important;
box-shadow:0 .22rem .62rem rgba(30,85,140,.22),inset 0 .02rem 0 rgba(255,255,255,.92)!important;
overflow:hidden!important;
text-align:center!important;
padding:.54rem .42rem .44rem!important;
box-sizing:border-box!important;
}
.yc-preview-modal-icon{
width:1.08rem!important;
height:1.08rem!important;
margin:0 auto .28rem!important;
border-radius:50%!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#179CFF!important;
font-size:.62rem!important;
font-weight:900!important;
background:radial-gradient(circle at 50% 35%,#FFFFFF 0%,#E8F5FF 70%)!important;
border:.055rem solid #34A0FF!important;
box-shadow:0 .06rem .18rem rgba(52,160,255,.22),inset 0 .02rem 0 rgba(255,255,255,.95)!important;
}
.yc-preview-modal-title{
color:#263D55!important;
font-size:.36rem!important;
line-height:1.35!important;
font-weight:800!important;
margin:0 0 .42rem!important;
}
.yc-preview-modal-btn{
width:100%!important;
height:.88rem!important;
border:0!important;
border-radius:.18rem!important;
color:#fff!important;
font-size:.32rem!important;
font-weight:850!important;
letter-spacing:.03rem!important;
background:linear-gradient(90deg,#79CCFF 0%,#34A0FF 48%,#179CFF 100%)!important;
box-shadow:0 .08rem .22rem rgba(23,156,255,.30),inset 0 .02rem 0 rgba(255,255,255,.35)!important;
}
.yc-preview-phone4-section .wd-title{
color:#263D55!important;
}
.yc-preview-phone4-input{
height:1rem!important;
display:flex!important;
align-items:center!important;
gap:.18rem!important;
padding:0 .28rem!important;
border-radius:.22rem!important;
background:#FFFFFF!important;
border:1px solid rgba(216,236,248,.92)!important;
box-shadow:inset 0 .02rem .05rem rgba(255,255,255,.95),0 .04rem .12rem rgba(52,160,255,.08)!important;
}
.yc-preview-phone4-input i{
width:.38rem!important;
height:.38rem!important;
border-radius:.12rem!important;
background:linear-gradient(180deg,#7FD4FF,#179CFF)!important;
box-shadow:0 .03rem .08rem rgba(23,156,255,.25)!important;
}
.yc-preview-phone4-input input{
flex:1!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#263D55!important;
font-size:.32rem!important;
letter-spacing:.12rem!important;
}
.yc-preview-phone4-note{
margin:.12rem .04rem 0!important;
color:#8AA1B8!important;
font-size:.24rem!important;
}
/* === 20260522profile2 production overrides end === */
/* ====================================================================
AI1 2026-05-22 kyv6 (rev3) · 消除"我的"页顶部分界线
关键洞察：theme-color (#f7fbff) 跟 .personal 顶部 (#eaf6ff) 不完全同色 → 出现色差
修复：把 html::before / .personal 顶 / theme-color 三者锁死同色 #f7fbff
==================================================================== */
/* 覆盖第 2042 行原始 html::before 的深蓝 #1f86ff，改成跟 theme-color 完全同色 */
@supports (top: env(safe-area-inset-top)) {
html::before {
background: #f7fbff !important;
}
}
/* "我的"页：顶部第一段跟 theme-color 严格同色，向下平滑过渡 */
.personal {
position: relative !important;
padding-top: env(safe-area-inset-top, 0) !important;
background:
radial-gradient(circle at 88% 8%, rgba(110,170,255,.10) 0, rgba(110,170,255,0) 38%),
linear-gradient(180deg,
#f7fbff 0%,
#f7fbff calc(env(safe-area-inset-top, 0) + .8rem),
#f0f7ff 50%,
#f8fdff 100%) !important;
}
/* 双保险：.personal 内部任何 .my-header.white / 顶栏元素都强制透明，避免被画白 */
.personal .my-header.white,
.personal .my-header,
.personal .van-nav-bar {
background-color: transparent !important;
background: transparent !important;
}
/* 中心钱包卡片：保留之前更立体的阴影 */
.personal .ky-vw-card,
.personal .ky-wallet-section {
background: linear-gradient(180deg, #ffffff 0%, #f3fbff 100%) !important;
box-shadow:
0 .12rem .28rem rgba(13, 95, 204, .14),
0 .04rem .1rem rgba(20, 115, 230, .08),
inset 0 .02rem 0 rgba(255, 255, 255, .98) !important;
border: 1px solid rgba(255, 255, 255, .92) !important;
}
/* 底部 safe-area-inset-bottom 区域：跟 tabbar / theme-color 统一，避免蓝色断层
- tabbar 已经 padding-bottom: env(safe-area-inset-bottom)，但其底色是浅渐变
- 这里再保险一层：在 tabbar 下面的安全区强制涂跟 tabbar 同色 */
@supports (top: env(safe-area-inset-top)) {
html::after {
content: "";
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: env(safe-area-inset-bottom, 0);
background: #ffffff;
z-index: -1;
pointer-events: none;
}
}
/* === AI1 2026-05-22 kyv6 (rev2) end === */
/* ====================================================================
2026-05-23 r6 · App 内嵌容器：消除顶部空白
触发：JS 检测到 App 上下文时给 加 .yc-in-app
根因 (r6 实测确认): 撑起顶部空白的就是 .homeNew 的第一个子 div
── 即 Vue 组件的外层 div (内含 .language 国旗按钮 + Popup)。
它本身占 34px 左右，没什么用，在 App 里直接干掉即可。
r4/r5 写的 .header-wrapper / div[style*="140px"] / :has() / __yc_kill_140
选择器全部不命中（这些元素在新 chunk 已不存在），故无效。本次清掉。
实测要隐藏的元素：
1. .homeNew > :first-child — LangSelect 外层 div (~34px 占位)
2. .appDownload / .downloadBtn — 底部下载横幅 / "下载 App" 按钮
==================================================================== */
.yc-in-app .appDownload,
.yc-in-app .appDownload[data-v-7ada146e],
.yc-in-app .appDownload.position_bottom,
.yc-in-app .appDownload.position_bottom[data-v-7ada146e],
.yc-in-app .downloadBtn {
display: none !important;
}
/* 隐藏首页顶部 LangSelect 占位 (r6) */
.yc-in-app .homeNew > :first-child {
display: none !important;
}
/* 【r8 真正的修复】
覆盖第 2236 行 .homeNew[data-v-7ada146e]:has(.appDownload){padding-top:.88rem}
该规则特异性 (0,0,3,0)，本意是给页面顶部 .appDownload 预留位置。
App 内 .appDownload 已被设 display:none，但 :has() 不看可见性，
只看元素是否存在 DOM 中 → padding 一直保留 (= 34.32px 顶部空白真凶)。
下面把所有可能命中的写法都列出来，并加 .yc-in-app 提高特异性到 (0,0,4,0) */
.yc-in-app .homeNew,
.yc-in-app .homeNew[data-v-7ada146e],
.yc-in-app .homeNew:has(.appDownload),
.yc-in-app .homeNew[data-v-7ada146e]:has(.appDownload) {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ====================================================================
2026-05-24 · 账户明细小优化
- 保持旧版布局，只修正账变名称、增加可点击箭头和简洁弹窗
==================================================================== */
html,
body,
#app,
#money-log {
max-width: 100vw !important;
overflow-x: hidden !important;
}
#money-log .ml-rec {
position: relative !important;
padding-right: .52rem !important;
cursor: pointer !important;
}
#money-log .ml-rec::after {
content: "" !important;
position: absolute !important;
right: .2rem !important;
top: 50% !important;
width: .16rem !important;
height: .16rem !important;
border-top: .035rem solid #b8c0cc !important;
border-right: .035rem solid #b8c0cc !important;
transform: translateY(-50%) rotate(45deg) !important;
}
#money-log .ml-rec:active {
background: #f7f9fc !important;
}
#money-log .ml-rec-amount {
padding-right: .1rem !important;
}
#money-log .ml-detail-mask {
position: fixed !important;
inset: 0 !important;
z-index: 3000 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: .32rem !important;
background: rgba(0,0,0,.45) !important;
}
#money-log .ml-detail-dialog {
position: relative !important;
width: min(7.05rem, 92vw) !important;
max-height: 82vh !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
background: #fff !important;
border-radius: .28rem !important;
box-shadow: 0 .18rem .55rem rgba(15,23,42,.22) !important;
padding: .38rem .3rem .32rem !important;
}
#money-log .ml-detail-dialog h3 {
margin: 0 0 .28rem !important;
color: #1f2937 !important;
font-size: .38rem !important;
line-height: .52rem !important;
font-weight: 800 !important;
}
#money-log .ml-detail-close {
position: absolute !important;
right: .2rem !important;
top: .18rem !important;
width: .48rem !important;
height: .48rem !important;
border: 0 !important;
border-radius: 50% !important;
background: #f4f6f8 !important;
color: #a0a7b2 !important;
font-size: .38rem !important;
line-height: .48rem !important;
}
#money-log .ml-detail-body {
border-top: 1px solid #edf0f4 !important;
}
#money-log .ml-detail-row {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: .24rem !important;
padding: .22rem 0 !important;
border-bottom: 1px solid #edf0f4 !important;
}
#money-log .ml-detail-row span {
flex: 0 0 1.88rem !important;
color: #8b96a8 !important;
font-size: .29rem !important;
line-height: .44rem !important;
}
#money-log .ml-detail-row b {
min-width: 0 !important;
color: #374151 !important;
font-size: .29rem !important;
line-height: .44rem !important;
font-weight: 700 !important;
text-align: right !important;
word-break: break-word !important;
}
#money-log .ml-detail-row.desc {
align-items: flex-start !important;
}
#money-log .ml-detail-row.desc span {
flex: 0 0 1.88rem !important;
}
#money-log .ml-detail-row.desc b {
flex: 1 1 auto !important;
text-align: left !important;
line-height: .46rem !important;
white-space: normal !important;
}
#money-log .ml-detail-row b.add {
color: #20a56b !important;
}
#money-log .ml-detail-row b.sub {
color: #d75a66 !important;
}
/* 账户明细：筛选项保持可滚动、好点击 */
#money-log .ml-sheet {
max-height: 72vh !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch !important;
}
#money-log .ml-grid4 {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: .16rem !important;
}
#money-log .ml-opt {
min-height: .72rem !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: .08rem .1rem !important;
border-radius: .16rem !important;
font-size: .25rem !important;
line-height: .34rem !important;
text-align: center !important;
white-space: normal !important;
}
/* === 福利中心字号整体放大（修复用户反馈"字变小了"）2026-05-31 wfsize1 === */
.welfare-center .wf-pill{ font-size:.30rem !important; padding:.14rem .28rem !important; }
.welfare-center .wf-stat-num .lbl{ font-size:.28rem !important; }
.welfare-center .wf-stat-num .val{ font-size:.46rem !important; }
.welfare-center .wf-date-sel{ font-size:.30rem !important; }
.welfare-center .wf-rec-row1 .name{ font-size:.34rem !important; }
.welfare-center .wf-rec-row1 .amount{ font-size:.40rem !important; }
.welfare-center .wf-status-tag{ font-size:.26rem !important; padding:.06rem .18rem !important; }
.welfare-center .wf-rec-row2{ font-size:.26rem !important; }
.welfare-center .wf-rec-row3{ font-size:.26rem !important; }
.welfare-center .wf-empty-tip{ font-size:.30rem !important; }
.welfare-center .wf-loading,
.welfare-center .wf-err-tip{ font-size:.32rem !important; }
.welfare-center .wf-ml-task-numbers{ font-size:.28rem !important; }
.welfare-center .wf-ml-task-tip{ font-size:.26rem !important; }
.welfare-center .wf-ba-tx b{ font-size:.40rem !important; }
.welfare-center .wf-ba-tx p{ font-size:.28rem !important; }
.welfare-center .wf-ba-cta{ font-size:.30rem !important; padding:.12rem .28rem !important; }
.welfare-center .wf-sheet h3{ font-size:.36rem !important; }
.welfare-center .wf-opt{ font-size:.30rem !important; padding:.20rem .12rem !important; }
.welfare-center .wf-date-input{ font-size:.30rem !important; }
.welfare-center .wf-sep{ font-size:.30rem !important; }
.welfare-center .wf-warn{ font-size:.26rem !important; }
.welfare-center .wf-sheet-actions .wf-btn{ font-size:.34rem !important; height:.92rem !important; }
.welfare-center .wf-btn-claim-small{ font-size:.30rem !important; padding:.12rem .36rem !important; }
/* ============================================================
2026-05-31 · home1 · 首页头部 + 转账页微调
1) 账号 + VIP 徽章那行字号加粗到余额同级（接近 18px）
2) .userPanel-user 用 column-reverse 把视觉顺序调换：余额在上、账号在下
3) .balanceEye 改造为刷新按钮（隐藏旧背景，::before 注入刷新 SVG）
4) 转账页 .ml-progress 整行隐藏（玩家不再误触出待打码弹窗）
============================================================ */
/* (1) 账号行（仅登录态生效）
chunk DOM：
登录态： yzctest66
...
← h6 内裸文本
未登录： 您还未登录
← h6 内有 span
所以 .userPanel-user h6 > span 精准命中"未登录态"做 reset，避免误伤。 */
.userPanel-user h6{
font-size:.42rem !important;
line-height:.5rem !important;
/* 2026-05-31 · 用户反馈"账号太粗"，从 800 降到 600（次粗），与 ¥xxx 余额(800)
拉开层级；如仍偏粗可继续降到 500 或 400 */
font-weight:600 !important;
color:#111827 !important;
display:flex !important;
align-items:center !important;
gap:.12rem !important;
text-shadow:none !important;
}
/* 未登录态：恢复 chunk 默认观感（不加粗、原字号）*/
.userPanel-user h6 > span{
font-size:.34rem !important;
font-weight:400 !important;
color:inherit !important;
text-shadow:none !important;
}
/* "登录/注册后查看" 按钮保留 chunk 原蓝色 */
.userPanel-user .toLogin{
color:#3ea4f7 !important;
font-weight:400 !important;
}
/* (2) 视觉对调：余额在上、账号在下 */
.userPanel-user{
flex-direction:column-reverse !important;
justify-content:center !important;
gap:.06rem !important;
}
.balanceRow{
margin-top:0 !important;
display:inline-flex !important;
align-items:center !important;
gap:.06rem !important;
}
/* (3) 小眼睛 → 刷新按钮
chunk-47a491ee 的 .balanceEye[data-v-7ada146e] 直接给 element 设了眼睛 SVG，
specificity (0,2,0) 我们用 .userPanel-user .balanceEye 提升到 (0,2,0) 同级，
后加载的 _yc_theme_kaiyun.css 胜出。
直接换 element 的 background-image，不依赖 ::before（避免被 chunk 底图遮挡）。 */
.userPanel-user .balanceEye,
.userPanel-user .balanceEye.is-hide{
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzExMTgyNyI+PHBhdGggZD0iTTE3LjY1IDYuMzVBNy45NSA3Ljk1IDAgMCAwIDEyIDRhOCA4IDAgMSAwIDcuNzQgMTBoLTIuMDhBNiA2IDAgMSAxIDEyIDZjMS42NiAwIDMuMTQuNjkgNC4yMiAxLjc4TDEzIDExaDdWNGwtMi4zNSAyLjM1eiIvPjwvc3ZnPg==") !important;
background-position:center !important;
background-size:contain !important;
background-repeat:no-repeat !important;
background-color:transparent !important;
filter:none !important;
width:.48rem !important;
height:.48rem !important;
margin-left:.10rem !important;
cursor:pointer !important;
vertical-align:middle !important;
transform-origin:center center !important;
transition:transform .2s ease !important;
-webkit-tap-highlight-color:transparent !important;
}
.userPanel-user .balanceEye::before,
.userPanel-user .balanceEye::after{ content:none !important; }
.userPanel-user .balanceEye.yc-refreshing{
animation:yc-refresh-spin .7s linear infinite !important;
}
@keyframes yc-refresh-spin{ to { transform:rotate(360deg); } }
/* (4) 转账页隐藏 待打码 ¥xxx 0%·查看 那一行
注意：实际容器类是 .yc-transfer-v2（chunk-607be7bb 注入），不是 .transfer-v2 */
.yc-transfer-v2 .ml-progress,
.yc-transfer-v2 .ml-progress *{ display:none !important; }
/* (5) 转分页整体字号偏小，按视觉一致整体上调（保守，每档约 +20%）*/
.yc-transfer-v2 .wallet-label{ font-size:.30rem !important; }
.yc-transfer-v2 .wallet-balance{ font-size:.66rem !important; }
.yc-transfer-v2 .pill-btn{ font-size:.28rem !important; min-height:.62rem !important; padding:0 .26rem !important; }
.yc-transfer-v2 .hide-zero-row .label{ font-size:.30rem !important; }
.yc-transfer-v2 .hz-action{ font-size:.30rem !important; }
.yc-transfer-v2 .venue-grid .venue-cell,
.yc-transfer-v2 .venue-cell{ font-size:.28rem !important; }
.yc-transfer-v2 .transfer-row .label,
.yc-transfer-v2 .transfer-row{ font-size:.32rem !important; }
.yc-transfer-v2 .transfer-row .badge{ font-size:.24rem !important; }
.yc-transfer-v2 .transfer-row .name{ font-size:.34rem !important; font-weight:700 !important; }
.yc-transfer-v2 .transfer-hint{ font-size:.28rem !important; }
.yc-transfer-v2 .amount-title{ font-size:.34rem !important; }
.yc-transfer-v2 .amount-chip{ font-size:.32rem !important; height:.86rem !important; }
.yc-transfer-v2 .amount-input{ font-size:.34rem !important; }
.yc-transfer-v2 .amount-suffix{ font-size:.28rem !important; }
.yc-transfer-v2 .submit-btn{ font-size:.36rem !important; height:1rem !important; }
.yc-transfer-v2 .help{ font-size:.28rem !important; }
.yc-transfer-v2 .sheet-header{ font-size:.34rem !important; }
.yc-transfer-v2 .sheet-item{ font-size:.32rem !important; }
.yc-transfer-v2 .sheet-item small{ font-size:.26rem !important; }
/* =====================================================================
2026-05-31 · 福利记录页（.wf-stat-card）"总金额"和列表之间空隙太大
原 chunk CSS：
.wf-stat-card{ min-height:9.06rem; padding:.48rem .42667rem 0; }
.wf-stat-head{ padding-bottom:.48rem; }
.wf-rec-list { padding:.10667rem 0 .48rem; }
叠加导致：
1) min-height 9.06rem 把卡片硬撑到 340px 高，记录少时底部一大片空白；
2) head 和 list 之间无谓地留 0.48 + 0.10667 ≈ 22px 间距。
现 override：min-height 取消、head padding 砍小、list 顶 padding 归零。
字体大小一律不变。
===================================================================== */
.wf-stat-card{
min-height:0 !important;
padding-bottom:.32rem !important;
}
.wf-stat-head{
padding-bottom:.16rem !important;
}
.wf-rec-list{
padding:0 0 .32rem !important;
}
/* ============================================================
2026-06-01 · userbar1 · 首页用户区 + 公告条 + 轮播圆角 对齐开云体育
============================================================ */
/* ─── userPanel-user 基础：自然顺序（未登录态用） ─── */
.userPanel-user{
flex-direction:column !important;
justify-content:center !important;
gap:.02rem !important;
align-items:flex-start !important;
padding-top:.08rem !important;
}
/* ─── 登录态：余额在上、账号在下（仅当有 balanceText 时反转）─── */
.userPanel-user:has(.balanceText){
flex-direction:column-reverse !important;
}
/* 登录态余额：稍大、加粗、用数字字体（DIN / Roboto / system-ui），对齐开云 */
.balanceText{
font-family:'DIN Alternate','DIN','Roboto','Helvetica Neue',system-ui,sans-serif !important;
font-size:.52rem !important;
font-weight:800 !important;
color:#111827 !important;
letter-spacing:.005rem !important;
text-shadow:none !important;
}
/* 登录态账号行：正常大小、不加粗 */
.userPanel-user h6{
font-size:.32rem !important;
font-weight:400 !important;
color:#5a6b7d !important;
line-height:.38rem !important;
text-shadow:none !important;
}
/* 未登录态「您还未登录」：按开云，正常深色 */
.userPanel-user h6 > span{
font-size:.34rem !important;
font-weight:500 !important;
color:#263445 !important;
text-shadow:none !important;
line-height:.38rem !important;
}
/* 未登录态「登录/注册后查看」：和主行大小接近，只是更淡 */
.userPanel-user .toLogin{
font-size:.31rem !important;
font-weight:400 !important;
color:#788697 !important;
margin-top:0 !important;
line-height:.36rem !important;
text-shadow:none !important;
}
/* ─── ② 从 banner 到公告到用户区到游戏列表，整个一大片无缝 ─── */
/* 轮播图容器：透明，让 .homeNew 渐变背景透出来 */
.carousel,
.carousel[data-v-7ada146e]{
background:transparent !important;
background-image:none !important;
border:none !important;
box-shadow:none !important;
margin-bottom:0 !important;
}
/* 公告条：透明 + 去掉所有间距/边框/阴影 */
.home-marquee{
margin:0 !important;
padding:.10rem .18rem .08rem !important;
background:transparent !important;
background-image:none !important;
border:none !important;
box-shadow:none !important;
border-radius:0 !important;
}
.home-marquee::before,
.home-marquee::after{
border:none !important;
box-shadow:none !important;
}
/* 用户区：透明 + 去掉所有边框/阴影/伪元素 */
.userPanel,
.userPanel[data-v-7ada146e]{
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:none !important;
border-top:none !important;
border-bottom:none !important;
border-radius:0 !important;
}
.userPanel::before{
display:none !important;
content:none !important;
border:none !important;
box-shadow:none !important;
}
/* ─── 轮播图：不改任何布局，只去掉图片圆角和阴影 ─── */
/* ─── 快捷入口图标放大 + 文字下移 ─── */
.userPanel-nav-items img{
width:1rem !important;
height:.96rem !important;
margin-bottom:.04rem !important;
}
.userPanel-nav-items p{
margin-top:.02rem !important;
}
/* ─── 游戏分类侧栏：只去掉外层整体背景框 ─── */
.gameNav,
.gameNav[data-v-7ada146e]{
background:transparent !important;
background-image:none !important;
border:none !important;
box-shadow:none !important;
outline:none !important;
}
/* ────────────────────────────────────────────────────────────
首页对齐 v5 · 用 width:calc() + margin:auto 强制缩窄
不再依赖 margin-left/right（被 inline width:100% 覆盖无效）
改用 width:calc(100% - Xrem) + margin-left:auto + margin-right:auto 居中
──────────────────────────────────────────────────────────── */
/* --- 1) logo 栏：左边贴边、右边缩进对齐其他板块 --- */
.homeNew[data-v-7ada146e] div[style*="space-between"][style*="linear-gradient"],
.homeNew div[style*="space-between"][style*="linear-gradient"]{
margin-left:.18rem !important;
margin-right:.5rem !important;
width:auto !important;
padding:.04rem 0 !important;
box-sizing:border-box !important;
}
/* logo 容器内"亚洲城"区域（第一个子元素及其内部）所有 left padding/margin 归零，紧贴容器左边 */
.homeNew[data-v-7ada146e] div[style*="space-between"][style*="linear-gradient"] > *:first-child,
.homeNew div[style*="space-between"][style*="linear-gradient"] > *:first-child,
.homeNew[data-v-7ada146e] div[style*="space-between"][style*="linear-gradient"] > *:first-child *,
.homeNew div[style*="space-between"][style*="linear-gradient"] > *:first-child *{
margin-left:0 !important;
padding-left:0 !important;
}
/* --- 2) 轮播图：用 clip-path 纯视觉裁剪（不改 width/padding，Vant 不会错位）---
clip-path inset(上 右 下 左 round 圆角)：
- 左右各裁掉到 .5rem，使可视边框缩窄并与下方板块（.5rem）对齐
- round .2rem 给裁剪区域加圆角（4 个角统一）
这是纯绘制层裁剪，轮播图的真实宽度/布局完全不变，Vant 测量不到任何变化。
*/
.carousel{
-webkit-clip-path:inset(0 .5rem 0 .5rem round .2rem .2rem .26rem .26rem) !important;
clip-path:inset(0 .5rem 0 .5rem round .2rem .2rem .26rem .26rem) !important;
}
/* 内部不再单独加圆角，圆角由 clip-path 统一处理 */
.carousel .van-swipe{
border-radius:0 !important;
}
.carousel img{
border-radius:0 !important;
box-shadow:none !important;
}
.carousel .van-swipe-item,
.carousel .banner_slide{
border-radius:0 !important;
box-shadow:none !important;
}
/* --- 3) 公告条 marquee（用显式 margin） --- */
.homeNew[data-v-7ada146e] .home-marquee,
.homeNew .home-marquee,
.homeNew[data-v-7ada146e] .home-marquee[data-v-7ada146e],
.homeNew .home-marquee[data-v-7ada146e]{
margin-left:.5rem !important;
margin-right:.5rem !important;
width:auto !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
overflow:hidden !important;
}
/* --- 4) 用户信息区 userPanel（用显式 margin） --- */
.homeNew[data-v-7ada146e] .userPanel,
.homeNew .userPanel,
.homeNew[data-v-7ada146e] .userPanel[data-v-7ada146e],
.homeNew .userPanel[data-v-7ada146e]{
margin-left:.5rem !important;
margin-right:.5rem !important;
width:auto !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
}
/* --- 5) 游戏主区 main --- */
.homeNew[data-v-7ada146e] .main,
.homeNew .main{
margin-left:.18rem !important;
margin-right:.18rem !important;
padding-left:0 !important;
padding-right:0 !important;
box-sizing:border-box !important;
}
/* gameNav 自身 padding 归零 */
.homeNew[data-v-7ada146e] .main .gameNav,
.homeNew .main .gameNav,
.homeNew[data-v-7ada146e] .main .gameNav[data-v-7ada146e],
.homeNew .main .gameNav[data-v-7ada146e]{
padding-left:0 !important;
margin-left:0 !important;
}
/* ======================================================================
2026-06-03 底部导航栏最终覆盖（放在文件最末尾保证 cascade 优先）
====================================================================== */
.van-tabbar,
.van-tabbar[data-v-7ada146e]{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:1.12rem!important;
padding:0 .18rem!important;
background:#FFFFFF!important;
background-image:linear-gradient(180deg,#FFFFFF 0%,#FAFDFF 100%)!important;
border:none!important;
border-top:1px solid rgba(210,232,248,.72)!important;
border-radius:.36rem .36rem 0 0!important;
box-shadow:0 -.06rem .20rem rgba(64,120,170,.10)!important;
overflow:visible!important;
z-index:999!important;
}
.van-tabbar::before,
.van-tabbar[data-v-7ada146e]::before{
display:none!important;
}
.van-tabbar-item,
.van-tabbar-item[data-v-7ada146e]{
color:#7B8DAA!important;
font-weight:700!important;
font-size:.24rem!important;
}
.van-tabbar-item__icon,
.van-tabbar-item__icon[data-v-7ada146e]{
width:.52rem!important;
height:.52rem!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 auto .04rem!important;
border-radius:0!important;
background:transparent!important;
border:none!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
.van-tabbar-item__icon img,
.van-tabbar-item__icon[data-v-7ada146e] img{
width:.48rem!important;
height:.48rem!important;
object-fit:contain!important;
filter:none!important;
transform:none!important;
}
.van-tabbar-item--active,
.van-tabbar-item--active[data-v-7ada146e]{
color:#179CFF!important;
font-weight:700!important;
text-shadow:none!important;
}
.van-tabbar-item--active .van-tabbar-item__icon,
.van-tabbar-item--active .van-tabbar-item__icon[data-v-7ada146e]{
background:transparent!important;
border:none!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
.van-tabbar-item--active .van-tabbar-item__icon img,
.van-tabbar-item--active .van-tabbar-item__icon[data-v-7ada146e] img,
.van-tabbar-item--active img{
filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1200%) hue-rotate(190deg) brightness(100%) contrast(101%)!important;
transform:none!important;
}
/* 游戏分类选中态：去掉外圈发光/阴影，保持周围干净 */
.gameNav-item.active,
.gameNav-item.active[data-v-7ada146e]{
box-shadow:none!important;
transform:none!important;
}
.gameNav-item.active img,
.gameNav-item.active[data-v-7ada146e] img{
filter:brightness(1.12) grayscale(0) saturate(1.1)!important;
}
.gameNav-item.active p,
.gameNav-item.active[data-v-7ada146e] p{
text-shadow:none!important;
}
/* FB 体育、美天棋牌等单卡定位现在由 JS CARD_IMG_OVERRIDES 通过 inline style 处理，
避免 CSS 规则与 JS inline style 在不同时机互相覆盖 */
/* userbar1 end */
/* ============================================================
20260603 game-shell live enhancement styles
============================================================ */
/* ---- 2) 关闭确认对话框（图 4） ---- */
.pg-shell-confirm-mask{
position:fixed !important;
inset:0 !important;
z-index:2147483647 !important;
background:rgba(0,0,0,.5) !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
-webkit-tap-highlight-color:transparent !important;
}
.pg-shell-confirm-box{
width:84vw !important;
max-width:7.6rem !important;
background:#fff !important;
border-radius:.24rem !important;
padding:.52rem .44rem .16rem !important;
box-shadow:0 12px 40px rgba(0,0,0,.18) !important;
font-family:"PingFang SC","Helvetica Neue",sans-serif !important;
color:#222 !important;
}
.pg-shell-confirm-title{
font-size:.40rem !important;
font-weight:600 !important;
text-align:center !important;
margin-bottom:.28rem !important;
color:#222 !important;
}
.pg-shell-confirm-text{
font-size:.32rem !important;
text-align:center !important;
color:#6a6a6a !important;
margin-bottom:.24rem !important;
line-height:1.5 !important;
}
.pg-shell-confirm-checkbox{
display:flex !important;
align-items:center !important;
justify-content:center !important;
font-size:.28rem !important;
color:#8a8a8a !important;
padding-bottom:.36rem !important;
user-select:none !important;
-webkit-user-select:none !important;
}
.pg-shell-confirm-checkbox input[type=checkbox]{
position:absolute !important;
opacity:0 !important;
pointer-events:none !important;
}
.pg-shell-confirm-cb-dot{
display:inline-block !important;
width:.34rem !important;
height:.34rem !important;
border:1px solid #c0c0c0 !important;
border-radius:50% !important;
margin-right:.12rem !important;
vertical-align:middle !important;
position:relative !important;
flex-shrink:0 !important;
transition:all .15s !important;
}
.pg-shell-confirm-checkbox input[type=checkbox]:checked + .pg-shell-confirm-cb-dot{
border-color:#1989fa !important;
background:#1989fa !important;
}
.pg-shell-confirm-checkbox input[type=checkbox]:checked + .pg-shell-confirm-cb-dot::after{
content:"" !important;
position:absolute !important;
left:50% !important;
top:46% !important;
width:.10rem !important;
height:.18rem !important;
border:solid #fff !important;
border-width:0 .03rem .03rem 0 !important;
transform:translate(-50%,-55%) rotate(45deg) !important;
}
.pg-shell-confirm-btns{
display:flex !important;
border-top:1px solid #e8e8e8 !important;
margin:0 -.44rem !important;
}
.pg-shell-confirm-btns button{
flex:1 1 50% !important;
height:1.06rem !important;
background:#fff !important;
border:0 !important;
font-size:.36rem !important;
font-family:inherit !important;
cursor:pointer !important;
-webkit-appearance:none !important;
padding:0 !important;
}
.pg-shell-confirm-btns button:active{
background:#f7f7f7 !important;
}
.pg-shell-confirm-cancel{
color:#9a9a9a !important;
border-right:1px solid #e8e8e8 !important;
}
.pg-shell-confirm-ok{
color:#1989fa !important;
font-weight:600 !important;
}
/* ---- 3) 顶栏 ⛶ 图标重画：只画方括号，无灰底圆盘 ---- */
/* 隐藏 SPA 自带的"两个外向箭头" SVG */
.pg-shell-topbar .pg-shell-tb-fullscreen{
position:relative !important;
}
.pg-shell-topbar .pg-shell-tb-fullscreen svg{
display:none !important;
}
.pg-shell-topbar .pg-shell-tb-fullscreen::before{
content:"";
position:absolute;
left:50%;
top:50%;
width:22px;
height:22px;
margin:-11px 0 0 -11px;
background-color:transparent;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 3 3 3 3 9'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='15 21 21 21 21 15'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3C/svg%3E");
background-size:22px 22px;
background-position:center;
background-repeat:no-repeat;
}
/* ---- 4) 进入全屏后：白顶栏隐藏，画面铺满 ----
关键 bug 修复：vendor-prefixed pseudo-class 不能和别的选择器写在同一 selector list
里，Chrome 看到 :-moz-full-screen 会把整条 rule 丢弃。每条规则独立写。
(a) 伪全屏 .pg-shell-pseudo-fs — JS 加 class 时一定生效（最重要的兜底）
(b) :fullscreen — 真 HTML5 全屏标准选择器
(c) :-webkit-full-screen — Safari / 老 Chrome
*/
/* (a) 伪全屏 — 最关键，独立成 rule */
#login-to-supplier.pg-shell-pseudo-fs{
background:#000 !important;
width:100% !important;
height:100% !important;
}
#login-to-supplier.pg-shell-pseudo-fs .pg-shell-topbar{
display:none !important;
}
#login-to-supplier.pg-shell-pseudo-fs .pg-shell-frame{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100% !important;
height:100% !important;
border:0 !important;
}
/* (b) 真全屏标准 */
#login-to-supplier:fullscreen{
background:#000 !important;
width:100% !important;
height:100% !important;
}
#login-to-supplier:fullscreen .pg-shell-topbar{
display:none !important;
}
#login-to-supplier:fullscreen .pg-shell-frame{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100% !important;
height:100% !important;
border:0 !important;
}
/* (c) 真全屏 webkit 前缀 */
#login-to-supplier:-webkit-full-screen{
background:#000 !important;
width:100% !important;
height:100% !important;
}
#login-to-supplier:-webkit-full-screen .pg-shell-topbar{
display:none !important;
}
#login-to-supplier:-webkit-full-screen .pg-shell-frame{
position:absolute !important;
top:0 !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:100% !important;
height:100% !important;
border:0 !important;
}
/* ---- 5) 状态机：阶段 A — 圆灰底+内向角（1 秒过渡）---- */
.pg-shell-fs-bubble{
position:fixed !important;
top:14px !important;
right:14px !important;
width:38px !important;
height:38px !important;
border-radius:50% !important;
background-color:rgba(0,0,0,.42) !important;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 3 3 3 3 9'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='15 21 21 21 21 15'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3C/svg%3E") !important;
background-size:22px 22px !important;
background-position:center !important;
background-repeat:no-repeat !important;
z-index:2147483647 !important;
pointer-events:none !important;
animation:pg-shell-fs-pop .22s cubic-bezier(.34,1.56,.64,1) !important;
}
@keyframes pg-shell-fs-pop{
0% { opacity:0; transform:scale(.6); }
100% { opacity:1; transform:scale(1); }
}
/* ---- 6) 状态机：阶段 B — 退出全屏胶囊（1 秒后收成 C）---- */
.pg-shell-fs-exit{
position:fixed !important;
top:14px !important;
right:14px !important;
height:38px !important;
padding:0 14px 0 16px !important;
border-radius:19px !important;
background:rgba(0,0,0,.45) !important;
color:#fff !important;
font-size:13px !important;
font-weight:500 !important;
display:inline-flex !important;
align-items:center !important;
gap:8px !important;
border:0 !important;
cursor:pointer !important;
z-index:2147483647 !important;
font-family:"PingFang SC","Helvetica Neue",sans-serif !important;
white-space:nowrap !important;
letter-spacing:.5px !important;
animation:pg-shell-fs-expand .26s ease !important;
-webkit-tap-highlight-color:transparent !important;
}
.pg-shell-fs-exit::after{
content:"✕" !important;
display:inline-block !important;
font-size:14px !important;
line-height:1 !important;
opacity:.92 !important;
}
@keyframes pg-shell-fs-expand{
0% { width:38px; padding:0; color:transparent; }
60% { color:transparent; }
100% { width:auto; padding:0 14px 0 16px; color:#fff; }
}
/* ---- 7) 状态机：阶段 C — 半隐藏小条（点击展开回 B）---- */
.pg-shell-fs-tab{
position:fixed !important;
top:14px !important;
right:-22px !important;
width:38px !important;
height:38px !important;
border-radius:50% !important;
background-color:rgba(0,0,0,.42) !important;
z-index:2147483647 !important;
cursor:pointer !important;
-webkit-tap-highlight-color:transparent !important;
animation:pg-shell-fs-slidein .26s ease !important;
}
@keyframes pg-shell-fs-slidein{
0% { right:14px; opacity:1; }
100% { right:-22px; opacity:1; }
}
/* 左指箭头（暗示点我会向左展开） */
.pg-shell-fs-tab::before{
content:"";
position:absolute;
left:6px;
top:50%;
width:8px;
height:8px;
margin-top:-5px;
border-left:2px solid #fff;
border-bottom:2px solid #fff;
transform:rotate(45deg);
}
/* userbar1 game-shell fullscreen state-machine end */
/* ---- 游戏进入 loading 页处理 ----
策略：JS 在 body 上挂全屏 overlay（id=yc-game-loading-overlay），
完全绕开 #login-to-supplier 容器（它在 SPA 路由里会被父布局压缩）。
这里只把原版的 .center-area 和手动转分弹窗藏掉，避免叠加显示。
*/
#login-to-supplier > .center-area{
visibility:hidden !important;
}
#login-to-supplier > .transfer-wrapper{
display:none !important;
}
/* 20260605 anti-FOUC: 顶栏旧版"刷新+余额"元素 JS strip 前先用 CSS 藏掉
避免每次进入游戏时老版顶栏元素闪现 0.x~1.5 秒（JS 轮询周期）
JS 后续 remove() 不受影响；以后要恢复显示，删除本块即可 */
.pg-shell-tb-refresh,
.pg-shell-tb-balance{
display:none !important;
}
/* 20260608 vvip invite label: level 11 displays as a distinct premium invite badge */
.yc-vvip-text{
color:#7a4300 !important;
font-weight:800 !important;
letter-spacing:.06em !important;
text-shadow:0 1px 0 rgba(255,255,255,.65),0 0 10px rgba(255,207,86,.22) !important;
}
.yc-vvip-text:not(th):not(td):not(tr){
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:18px !important;
padding:1px 8px !important;
border-radius:999px !important;
border:1px solid rgba(179,119,22,.38) !important;
background:
linear-gradient(135deg, rgba(255,246,197,.96) 0%, rgba(244,199,87,.94) 42%, rgba(183,119,22,.92) 100%) !important;
box-shadow:0 3px 10px rgba(177,118,20,.22), inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.vipLevelBadge.yc-vvip-badge{
min-width:44px !important;
height:22px !important;
padding:0 9px !important;
border-radius:999px !important;
border:1px solid rgba(255,221,128,.72) !important;
background:linear-gradient(135deg,#241205 0%,#7b4b10 36%,#d9a53b 72%,#fff0a8 100%) !important;
box-shadow:0 4px 12px rgba(125,76,16,.32), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.vipLevelBadge.yc-vvip-badge .vipLevelIcon,
.vipLevelBadge.yc-vvip-badge img{
display:none !important;
}
.vipLevelBadge.yc-vvip-badge p{
margin:0 !important;
color:#fff6c7 !important;
font-size:12px !important;
line-height:22px !important;
font-weight:900 !important;
letter-spacing:.12em !important;
text-shadow:0 1px 1px rgba(45,22,0,.55) !important;
}
.ky-vip-tag.yc-vvip-pill,
.foreLevel.yc-vvip-pill,
.beforeLevel.yc-vvip-pill,
.afterLevel.yc-vvip-pill{
color:#fff5bf !important;
border-color:rgba(255,221,128,.72) !important;
background:linear-gradient(135deg,#2a1505 0%,#7a490f 48%,#d5a13a 100%) !important;
box-shadow:0 4px 12px rgba(122,73,15,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
text-shadow:0 1px 1px rgba(45,22,0,.55) !important;
}
/* 20260608 vvip invite label polish v2:
reset the original home badge structure (left icon + padded number) so it becomes one premium pill. */
.userPanel .vipLevelBadge.yc-vvip-badge,
.vipLevelBadge.yc-vvip-badge{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
box-sizing:border-box !important;
width:auto !important;
min-width:1.08rem !important;
max-width:none !important;
height:.42rem !important;
line-height:.42rem !important;
padding:0 .22rem !important;
margin-left:.08rem !important;
overflow:hidden !important;
border-radius:999px !important;
border:1px solid rgba(255,220,126,.9) !important;
background:
radial-gradient(circle at 18% 12%,rgba(255,246,181,.95) 0,rgba(255,246,181,.24) 18%,transparent 42%),
linear-gradient(135deg,#1a0d04 0%,#4a2608 34%,#9d6719 64%,#f0c35b 100%) !important;
box-shadow:0 .06rem .16rem rgba(87,46,7,.34), inset 0 .018rem .035rem rgba(255,255,255,.48) !important;
}
.vipLevelBadge.yc-vvip-badge::before,
.vipLevelBadge.yc-vvip-badge::after,
.vipLevelBadge.yc-vvip-badge .vipLevelIcon,
.vipLevelBadge.yc-vvip-badge img{
display:none !important;
content:none !important;
width:0 !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
opacity:0 !important;
}
.vipLevelBadge.yc-vvip-badge p,
.vipLevelBadge.yc-vvip-badge p.yc-vvip-text{
position:static !important;
display:block !important;
width:auto !important;
min-width:0 !important;
height:auto !important;
line-height:.42rem !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
color:#fff6c9 !important;
font-size:.28rem !important;
font-weight:900 !important;
letter-spacing:.08em !important;
white-space:nowrap !important;
text-shadow:0 .018rem .026rem rgba(42,20,0,.75) !important;
}
.yc-vvip-text:not(.vipLevelBadge):not(p):not(th):not(td):not(tr),
.ky-vip-tag.yc-vvip-pill,
.foreLevel.yc-vvip-pill,
.beforeLevel.yc-vvip-pill,
.afterLevel.yc-vvip-pill{
min-width:.86rem !important;
height:.42rem !important;
line-height:.42rem !important;
padding:0 .18rem !important;
border-radius:999px !important;
color:#fff6c9 !important;
border:1px solid rgba(255,220,126,.86) !important;
background:
radial-gradient(circle at 18% 12%,rgba(255,246,181,.9) 0,rgba(255,246,181,.18) 20%,transparent 44%),
linear-gradient(135deg,#1a0d04 0%,#4a2608 36%,#9b6418 68%,#e6b850 100%) !important;
box-shadow:0 .05rem .14rem rgba(87,46,7,.24), inset 0 .018rem .035rem rgba(255,255,255,.42) !important;
font-size:.28rem !important;
font-weight:900 !important;
letter-spacing:.08em !important;
text-shadow:0 .018rem .026rem rgba(42,20,0,.75) !important;
}
/* Tables in VIP pages may render medal icons before the level text.
For invite level, hide the original cell content and draw one clean premium badge. */
th.yc-vvip-text,
td.yc-vvip-text{
position:relative !important;
color:transparent !important;
font-size:0 !important;
white-space:nowrap !important;
vertical-align:middle !important;
}
th.yc-vvip-text *,
td.yc-vvip-text *{
display:none !important;
opacity:0 !important;
width:0 !important;
height:0 !important;
margin:0 !important;
padding:0 !important;
}
th.yc-vvip-text::after,
td.yc-vvip-text::after{
content:"特邀" !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:.88rem !important;
height:.42rem !important;
line-height:.42rem !important;
padding:0 .18rem !important;
border-radius:999px !important;
color:#fff6c9 !important;
border:1px solid rgba(255,220,126,.86) !important;
background:
radial-gradient(circle at 18% 12%,rgba(255,246,181,.9) 0,rgba(255,246,181,.18) 20%,transparent 44%),
linear-gradient(135deg,#1a0d04 0%,#4a2608 36%,#9b6418 68%,#e6b850 100%) !important;
box-shadow:0 .05rem .14rem rgba(87,46,7,.24), inset 0 .018rem .035rem rgba(255,255,255,.42) !important;
font-size:.28rem !important;
font-weight:900 !important;
letter-spacing:.08em !important;
text-shadow:0 .018rem .026rem rgba(42,20,0,.75) !important;
}
/* 20260608 vvip invite label polish v4:
Real VIP detail table DOM is .fsx-vip-cell > .fsx-emoji + text span.
Target the last VIP row directly so the medal never squeezes the invite label. */
.fsx-table tbody tr:last-child .fsx-vip-cell{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:.98rem !important;
height:.42rem !important;
line-height:.42rem !important;
padding:0 .18rem !important;
border-radius:999px !important;
color:transparent !important;
font-size:0 !important;
border:1px solid rgba(255,220,126,.86) !important;
background:
radial-gradient(circle at 18% 12%,rgba(255,246,181,.9) 0,rgba(255,246,181,.18) 20%,transparent 44%),
linear-gradient(135deg,#1a0d04 0%,#4a2608 36%,#9b6418 68%,#e6b850 100%) !important;
box-shadow:0 .05rem .14rem rgba(87,46,7,.24), inset 0 .018rem .035rem rgba(255,255,255,.42) !important;
vertical-align:middle !important;
}
.fsx-table tbody tr:last-child .fsx-vip-cell .fsx-emoji,
.fsx-table tbody tr:last-child .fsx-vip-cell > span{
display:none !important;
}
.fsx-table tbody tr:last-child .fsx-vip-cell::after{
content:"特邀" !important;
display:block !important;
color:#fff6c9 !important;
font-size:.28rem !important;
font-weight:900 !important;
letter-spacing:.08em !important;
text-shadow:0 .018rem .026rem rgba(42,20,0,.75) !important;
}
/* VIP privilege header is reliably level 11 when the medal box has class user-vip11.
This does not affect VIP0-10. */
.vipPage .userGrade:has(.user-vip11) .userVipBox .userName div.iconfont,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .beforeLevel,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .afterLevel{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:.86rem !important;
height:.42rem !important;
line-height:.42rem !important;
padding:0 .18rem !important;
border-radius:999px !important;
color:transparent !important;
font-size:0 !important;
border:1px solid rgba(255,220,126,.86) !important;
background:
radial-gradient(circle at 18% 12%,rgba(255,246,181,.9) 0,rgba(255,246,181,.18) 20%,transparent 44%),
linear-gradient(135deg,#1a0d04 0%,#4a2608 36%,#9b6418 68%,#e6b850 100%) !important;
box-shadow:0 .05rem .14rem rgba(87,46,7,.24), inset 0 .018rem .035rem rgba(255,255,255,.42) !important;
text-shadow:none !important;
}
.vipPage .userGrade:has(.user-vip11) .userVipBox .userName div.iconfont::before,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .beforeLevel::before,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .afterLevel::before{
content:none !important;
display:none !important;
}
.vipPage .userGrade:has(.user-vip11) .userVipBox .userName div.iconfont::after,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .beforeLevel::after,
.vipPage .userGrade:has(.user-vip11) .vipSchedule .afterLevel::after{
content:"特邀" !important;
display:block !important;
color:#fff6c9 !important;
font-size:.28rem !important;
font-weight:900 !important;
letter-spacing:.08em !important;
text-shadow:0 .018rem .026rem rgba(42,20,0,.75) !important;
}
/* ======================================================================
20260701 · 主站 navBar 与优惠页 activity/style.css 对齐
回滚: cp static/css/_yc_theme_kaiyun.css.bak-tabbar-unify-* static/css/_yc_theme_kaiyun.css
====================================================================== */
.navBar,
.navBar[data-v-3327e3d6]{
position:fixed!important;
left:0!important;
right:0!important;
bottom:0!important;
z-index:999!important;
width:100%!important;
display:flex!important;
align-items:flex-start!important;
justify-content:space-around!important;
height:50px!important;
padding:1px 8px 0!important;
padding-bottom:env(safe-area-inset-bottom)!important;
box-sizing:content-box!important;
background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(247,253,255,.98) 100%)!important;
border-top:1px solid rgba(210,232,248,.72)!important;
border-top-left-radius:14px!important;
border-top-right-radius:14px!important;
box-shadow:0 -2.4px 8px rgba(64,120,170,.10)!important;
overflow:hidden!important;
color:#7B8DAA!important;
}
.navBar-item,
.navBar-item[data-v-3327e3d6]{
flex:1!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
height:50px!important;
line-height:1!important;
gap:0!important;
color:#7B8DAA!important;
}
.navBar-item img,
.navBar-item[data-v-3327e3d6] img{
width:42px!important;
height:42px!important;
margin-bottom:-3px!important;
object-fit:contain!important;
filter:drop-shadow(0 1px 2px rgba(70,125,190,.22)) saturate(.96)!important;
}
.navBar-item.active img,
.navBar-item.active[data-v-3327e3d6] img{
filter:brightness(0) saturate(100%) invert(52%) sepia(98%) saturate(1200%) hue-rotate(190deg) brightness(100%) contrast(101%)!important;
}
.navBar-item p,
.navBar-item[data-v-3327e3d6] p{
margin:0!important;
font-size:10px!important;
line-height:1.3!important;
color:#7B8DAA!important;
font-weight:700!important;
}
.navBar-item.active,
.navBar-item.active[data-v-3327e3d6]{
color:#179CFF!important;
}
.navBar-item.active p,
.navBar-item.active[data-v-3327e3d6] p{
color:#179CFF!important;
font-weight:800!important;
}
.main[data-v-0aa98675],
.homeNew .main{
padding-bottom:calc(58px + env(safe-area-inset-bottom))!important;
}
/* ======================================================================
20260701 · 游戏区一体化滚动（左 sticky + 右全分类堆叠）
回滚: cp static/css/_yc_theme_kaiyun.css.bak-gamearea-20260701-074146 static/css/_yc_theme_kaiyun.css
====================================================================== */
/* 1) .main 保持固定高度（顶部不动），内部滚动游戏区 */
.main[data-v-7ada146e],
.homeNew .main,
.homeNew[data-v-7ada146e] .main{
height:calc(100% - 4.9rem)!important;
display:flex!important;
align-items:stretch!important;
position:relative!important;
overflow:hidden!important;
background:linear-gradient(180deg,rgba(231,247,255,.88),rgba(240,250,255,.82))!important;
}
/* 2) 左侧 .gameNav 固定在左边，不跟右侧滚 */
.gameNav[data-v-7ada146e],
.homeNew .main .gameNav{
position:relative!important;
height:100%!important;
overflow-y:auto!important;
flex-shrink:0!important;
z-index:10!important;
background:linear-gradient(180deg,rgba(231,247,255,.88),rgba(240,250,255,.82))!important;
background-size:100% 100%!important;
background-position:0 0!important;
}
/* 隐藏左侧滚动条 */
.gameNav[data-v-7ada146e]::-webkit-scrollbar,
.homeNew .main .gameNav::-webkit-scrollbar{
display:none!important;
}
.gameNav[data-v-7ada146e],
.homeNew .main .gameNav{
scrollbar-width:none!important;
}
/* 2b) 左栏分类缩小 + 间距紧凑（7项一屏全露） */
.gameNav-item{
width:1.12rem!important;
height:1.06rem!important;
margin:.04rem auto!important;
border-radius:.20rem!important;
}
.gameNav-item img{
width:.52rem!important;
height:.52rem!important;
}
.gameNav-item p{
font-size:.22rem!important;
line-height:.28rem!important;
margin-top:.02rem!important;
}
.gameNav{
width:1.36rem!important;
}
.gameNav-container{
padding-top:.06rem!important;
padding-bottom:.06rem!important;
}
/* 3) 左栏 cube-scroll-wrapper 保留滚动（如果分类多），右侧 cube-scroll-wrapper 改成整体滚 */
.gameNavCover .cube-scroll-wrapper{
height:auto!important;
overflow:visible!important;
overflow-y:visible!important;
position:static!important;
}
.gameNavCover .cube-scroll-content,
.gameNavCover .cube-scroll-list-wrapper{
height:auto!important;
overflow:visible!important;
}
/* 4) 右侧 .gameNavCover 自己变成滚动容器 */
.gameNavCover[data-v-7ada146e],
.homeNew .main .gameNavCover{
height:100%!important;
flex:1!important;
min-height:0!important;
overflow-y:auto!important;
overflow-x:hidden!important;
-webkit-overflow-scrolling:touch!important;
}
/* 5) 所有分类 tile 全部显示 */
.gameNavCover-container-tile.Hot{
display:block!important;
}
/* 6) 隐藏右侧/整页滚动条 */
.gameNavCover::-webkit-scrollbar,
.homeNew .main::-webkit-scrollbar{
display:none!important;
}
.gameNavCover,
.homeNew .main{
scrollbar-width:none!important;
}
/* ======================================================================
20260701 · 左栏选中/未选中尺寸一致（修复选中变窄）
回滚: 删除本段即可
====================================================================== */
.gameNav-item.active,
.gameNav-item.active[data-v-7ada146e]{
width:1.40rem!important;
min-height:1.30rem!important;
height:auto!important;
margin:0 auto .18rem!important;
padding:.14rem .06rem .10rem!important;
border-radius:.50rem!important;
transform:none!important;
box-sizing:border-box!important;
}
.gameNav-item.active img,
.gameNav-item.active[data-v-7ada146e] img{
width:.72rem!important;
height:.72rem!important;
margin-bottom:.08rem!important;
}
.gameNav-item.active p,
.gameNav-item.active[data-v-7ada146e] p{
font-size:.30rem!important;
line-height:1.05!important;
margin:0!important;
}