/* 永利国际 · 亮白橙主题（本地预览版）
   目标：白底浅灰 + #F37022 橙 + 左侧分类 + 右侧三列 3:4 封面
   仅覆盖视觉与布局，不改 JS/接口
*/
:root{
  --yl-orange:#F37022;
  --yl-orange-light:#FCE1D2;
  --yl-orange-soft:#FFB078;
  --yl-bg:#F8F8F8;
  --yl-white:#FFFFFF;
  --yl-line:#E3E3E3;
  --yl-text:#333333;
  --yl-sub:#666666;
  --yl-muted:#999999;
}

/* 基础 */
html,body{background:#f2f3f5 !important}
body{color:var(--yl-text)}
#app{background:var(--yl-bg) !important}
.app-wrapper,.page-container,.home-v5,.main-scroll{background:var(--yl-bg) !important}
.home-v5,.v5-header,.v5-footer{max-width:100%}
@media (min-width:768px){
  #app{max-width:486px !important;margin:0 auto !important;box-shadow:0 0 0 1px #ececec}
  body{background:#f2f3f5}
}

/* 顶部下载条 */
.promo-strip{background:var(--yl-orange-soft) !important;color:#7a3a10 !important;border:0 !important}
.promo-strip *{color:#7a3a10 !important}

/* 顶栏 */
.v5-header{background:#fff !important;box-shadow:none !important;border-bottom:1px solid var(--yl-line) !important}
.v5-header .brand-name,.v5-header h1,.brand-name{color:var(--yl-text) !important}
.v5-header .brand-sub,.v5-header p,.brand p{color:var(--yl-muted) !important}
.v5-header .van-icon,.v5-header svg{color:var(--yl-sub) !important}

/* 公告 */
.v5-notice,.notice-bar,.notice-content{background:#fff !important;border-top:1px solid #f0f0f0 !important;border-bottom:1px solid #f0f0f0 !important}
.v5-notice *,.notice-content *{color:var(--yl-sub) !important}

/* 快捷入口 / 账户 */
.quick-icons,.shortcut-row{background:#fff !important;border:1px solid var(--yl-line) !important;border-radius:10px !important}
.shortcut-row .q-item,.quick-icons .q-item,.shortcut-row .q-item span{color:var(--yl-sub) !important}
.account-bar,.user-bar,.balance-bar{background:#fff !important;border-bottom:1px solid var(--yl-line) !important}
.account-bar .balance,.user-bar .balance{color:var(--yl-orange) !important}

/* 游戏区：左栏 + 右内容 */
.v5-game-container{display:flex !important;align-items:flex-start !important;gap:0 !important}
nav.category-tabs{position:sticky !important;top:0;display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;
  width:78px !important;min-width:78px !important;max-width:78px !important;height:auto !important;max-height:none !important;
  overflow:visible !important;background:#fff !important;border-right:1px solid #f0f0f0 !important;padding:6px 0 !important;z-index:5}
.side-item{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
  gap:3px !important;padding:9px 2px !important;background:#fff !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;color:var(--yl-sub) !important}
.side-item.active{background:var(--yl-orange-light) !important;color:var(--yl-orange) !important}
.side-item.active .side-text{color:var(--yl-orange) !important;font-weight:600}
.side-icon-box,.side-icon-img{width:22px !important;height:22px !important;object-fit:contain}
.side-text{font-size:11px !important;line-height:1.2 !important;color:inherit !important;white-space:nowrap}
.content-area{flex:1 !important;min-width:0 !important;background:var(--yl-bg) !important;padding:0 8px !important}

/* 右侧 tabs */
.sub-tabs-wrapper,.sub-tabs{background:#fff !important;border-radius:8px !important;margin:6px 0 !important;padding:0 6px !important}
.sub-tab{color:var(--yl-sub) !important;background:transparent !important;border:0 !important;font-size:13px !important}
.sub-tab.active{color:var(--yl-orange) !important;font-weight:600 !important}
.sub-tab-indicator{background:var(--yl-orange) !important;display:block !important}
.sub-tabs .active{border-bottom:0 !important}

/* 分区与卡片 */
.category-section{background:#fff !important;border:1px solid #f0f0f0 !important;border-radius:10px !important;margin:8px 0 !important;padding:10px 8px !important;box-shadow:none !important}
.cat-title{color:var(--yl-text) !important;font-size:15px !important;font-weight:600 !important}
.cat-all,.more-btn,.load-more,.load-more span{color:var(--yl-muted) !important}
.section-content,.platform-list,.game-grid{background:transparent !important}
.game-grid,.platform-list{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px 8px !important}
.game-card,.platform-card{min-width:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;position:relative}
.img-box,.platform-art{width:100% !important;aspect-ratio:3/4 !important;height:auto !important;border-radius:10px !important;overflow:hidden !important;background:#f3f4f6 !important;border:1px solid #f0f0f0 !important;margin-bottom:6px !important}
.img-box .van-image,.platform-art .van-image,.g-img,.platform-banner-full{width:100% !important;height:100% !important;display:block !important}
.img-box img,.platform-art img,.g-img img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important}
.g-placeholder,.platform-fallback{background:#f3f4f6 !important;color:var(--yl-muted) !important}
.game-name,.g-name,.platform-name,.platform-card .name{font-size:11.5px !important;color:var(--yl-text) !important;text-align:center !important;margin-top:2px !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-sub,.platform-card .sub{color:var(--yl-muted) !important}
.like-icon,.van-icon-star-o{color:var(--yl-muted) !important}

/* 底部导航 */
.v5-footer{background:#fff !important;border-top:1px solid var(--yl-line) !important;box-shadow:0 -1px 6px rgba(0,0,0,.04) !important}
.v5-footer *{color:var(--yl-muted) !important}
.v5-footer .active,.v5-footer .router-link-active,.v5-footer .active *{color:var(--yl-orange) !important}

/* 按钮/强调 */
.btn-primary,.primary-btn,.confirm-btn{background:var(--yl-orange) !important;color:#fff !important}
.gold,.text-gold{color:var(--yl-orange) !important}

/* 表单 */
input,textarea{background:#fff !important;color:var(--yl-text) !important;border-color:var(--yl-line) !important}
input::placeholder{color:#bbb !important}

/* 弹窗 */
[class*="popup"],[class*="modal"],[class*="dialog"]{background:#fff !important;color:var(--yl-text) !important}
[class*="popup"] *{color:var(--yl-text) !important}
.van-overlay,.popup-mask{background:rgba(0,0,0,.4) !important}

/* tabs 不换行 */
.sub-tabs-wrapper{display:flex !important;flex-wrap:nowrap !important;overflow:hidden !important;align-items:center !important}
.sub-tabs{flex-wrap:nowrap !important;overflow-x:auto !important;gap:16px !important;min-width:0 !important}
.sub-tab{white-space:nowrap !important;flex:0 0 auto !important}
.sub-tabs-wrapper > div:last-child{flex:0 0 auto !important}
/* 快捷区（登录/注册/客服/更多） */
.v5-quick{background:#ffffff !important;border:0 !important;border-bottom:1px solid #eeeeee !important;border-radius:0 !important;padding:8px 12px !important}
.v5-quick .btn.login{background:#ffffff !important;color:#F37022 !important;border:1px solid #F37022 !important;border-radius:8px !important}
.v5-quick .btn.reg{background:#F37022 !important;color:#ffffff !important;border:1px solid #F37022 !important;border-radius:8px !important}
.v5-quick .q-item,.v5-quick .q-item span,.v5-quick .q-text{color:#666666 !important}
/* 手写子页（彩票、TG 大厅、我的） */
body{background:#F8F8F8 !important;color:#333333 !important}
.top{background:#FFFFFF !important;border-bottom:1px solid #E3E3E3 !important}
.top h1,.title{color:#F37022 !important}
.balance{color:#666666 !important}
.card,.panel,.issue,.money,.order,.order-card,.lot,.game-card,.section,.box{background:#FFFFFF !important;border-color:#EEEEEE !important;box-shadow:none !important}
.card h3,.card h2,.card h1,.lot h3,.game .nm,.order .title{color:#333333 !important}
.sub,.desc,.muted,.small,.ex,.empty{color:#999999 !important}
.opt,.chips div,.playtabs span,.tabs span{background:#FFFFFF !important;border-color:#EEEEEE !important;color:#666666 !important}
.opt.pick,.chips div.on,.playtabs span.on,.tabs span.on{background:#FCE1D2 !important;border-color:#F37022 !important;color:#F37022 !important}
.opt .o,.rate{color:#F37022 !important}
.btn.gold,.confirm,.btn.primary{background:#F37022 !important;color:#FFFFFF !important}
.nav,.bottom-nav{background:#FFFFFF !important;border-top:1px solid #E3E3E3 !important}
.nav div,.bottom-nav div{color:#999999 !important}
.nav .on,.nav .active{color:#F37022 !important}
.issue .balls .ball,.ball{background:#F3F4F6 !important;color:#333333 !important}
.ball.sum{background:#F37022 !important;color:#FFFFFF !important}
/* 彩票大厅顶部 tabs（span 胶囊） */
.nav span{background:#FFFFFF !important;color:#666666 !important;border:1px solid #EEEEEE !important;border-radius:16px !important}
.nav span.on,.nav span.active,.nav span.pick{background:#FCE1D2 !important;color:#F37022 !important;border-color:#F37022 !important}
/* 桌面：版心外浅灰 */
html,body,html.glass,body.glass{background:#F2F3F5 !important}
@media (min-width:768px){
  .v5-footer{max-width:486px !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:486px !important}
  .v5-header{max-width:486px !important;left:50% !important;transform:translateX(-50%) !important}
}
/* 桌面轮播与底栏 */
@media (min-width:768px){
  .v5-banner{max-width:486px !important;margin:0 auto !important}
  .v5-banner .van-swipe{aspect-ratio:460/136 !important;height:auto !important;border-radius:12px !important}
  .v5-banner .van-swipe-item,.v5-banner .banner-img{height:100% !important;object-fit:cover !important}
  .v5-footer{bottom:0 !important;left:50% !important;transform:translateX(-50%) !important;width:486px !important;max-width:486px !important}
}
/* 活动中心侧栏与筛选 */
.sidebar{background:#FFFFFF !important}
.sidebar button{background:#FFFFFF !important;color:#666666 !important;border:1px solid #EEEEEE !important;border-radius:8px !important}
.sidebar button.active{background:#FCE1D2 !important;color:#F37022 !important;border-color:#F37022 !important}
.filter-tabs{background:#F7F7F7 !important}
.filter-tabs .tab-item{background:#FFFFFF !important;color:#666666 !important;border:1px solid #EEEEEE !important}
.filter-tabs .tab-item.active{background:#FCE1D2 !important;color:#F37022 !important;border-color:#F37022 !important}
/* 页脚 */
.yl-footer{background:#FFFFFF !important;margin:12px 0 86px !important;padding:14px 12px 12px !important;border-top:1px solid #EEEEEE !important;border-radius:10px !important}
.yl-fcols{display:flex !important;gap:12px !important}
.yl-fcols > div{flex:1 !important;display:flex !important;flex-direction:column !important;gap:6px !important}
.yl-fcols b{color:#333333 !important;font-size:13px !important;margin-bottom:2px !important}
.yl-fcols a{color:#666666 !important;font-size:12px !important;text-decoration:none !important}
.yl-copy{color:#999999 !important;font-size:11px !important;text-align:center !important;margin:12px 0 0 !important}

/* 桌面版心强制 486 */
@media (min-width:768px){
  .app-wrapper,.page-container{max-width:486px !important;margin-left:auto !important;margin-right:auto !important}
}
@media (min-width:768px){
  .page-container,.home-v5,.main-scroll,.v5-header,.v5-footer{width:100% !important;max-width:486px !important;margin-left:auto !important;margin-right:auto !important}
}