/* 全站白色主题：前台、彩票、骰宝、个人中心、客服、后台、手机端 */
:root{
  --bg:#f7f7f5;
  --panel:#ffffff;
  --panel2:#fffdf8;
  --line:#e7e1d7;
  --text:#20242c;
  --muted:#717985;
  --gold:#b77916;
  --gold2:#8f5c0c;
  --danger:#d83b42;
  --ok:#16864b;
}

html{background:#f7f7f5}
body,
body.gamePage,
body.gamePage.dicePage,
body.gamePage.lotteryPage{
  color:var(--text);
  background:
    radial-gradient(760px 380px at 5% 0%,rgba(244,190,65,.13),transparent 64%),
    radial-gradient(700px 360px at 95% 8%,rgba(255,221,142,.12),transparent 64%),
    linear-gradient(180deg,#fffdf8 0,#f7f7f5 520px,#f3f4f5 100%);
}

a{color:#8a590d}
b,strong{color:#20242c}
.muted{color:#717985!important}

.topbar,
body.gamePage.dicePage .topbar{
  color:#20242c;
  background:rgba(255,255,255,.94)!important;
  border-bottom-color:#e8dfd0!important;
  box-shadow:0 7px 24px rgba(65,49,20,.07);
}
.brandName{color:#20242c}
.brandSub{color:#747c88}
.navLink{color:#646c78}
.navLink:hover{
  color:#8a590d;
  border-color:#e3c77e;
  background:#fff9e9;
}
.navLink.active,
.navLink.admin.active{
  color:#79500d;
  border-color:#d9af49;
  background:linear-gradient(180deg,#fff8dc,#ffefbd);
}

.panel,
.card,
.modalCard,
body.gamePage.dicePage .panel{
  color:#252a33;
  background:#fff!important;
  border-color:#e7e1d7!important;
  box-shadow:0 12px 34px rgba(57,46,27,.07);
}
.panelTitle{
  color:#252a33;
  border-bottom-color:#ece6dc!important;
  background:linear-gradient(180deg,#fff,#fffdf9);
}
.noticeBox,
.miniItem,
.capQ,
.metaCard{
  color:#303640;
  border-color:#e4ded4!important;
  background:#fafaf8!important;
}
.hr{background:#ece6dc!important}

.chip,
.badge{
  color:#5e6672;
  border-color:#e2dcd2!important;
  background:#fff!important;
  box-shadow:0 3px 9px rgba(48,39,24,.04);
}
.chip b,
.badge b{color:#20242c}
.badge.ok{
  color:#137342!important;
  border-color:#a9dfc1!important;
  background:#effaf4!important;
}
.badge.warn{
  color:#98620c!important;
  border-color:#e8ca83!important;
  background:#fff8e4!important;
}
.badge.bad,
.badge.danger{
  color:#bd333b!important;
  border-color:#efb9bd!important;
  background:#fff2f3!important;
}

.input,
input,
select,
textarea{
  color:#252a33!important;
  border-color:#dcd6cc!important;
  background:#fff!important;
  box-shadow:inset 0 1px 2px rgba(43,37,27,.04);
}
.input:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:#d2a846!important;
  box-shadow:0 0 0 4px rgba(210,168,70,.13)!important;
}
input::placeholder,
textarea::placeholder{color:#9a9fa7}
select option{color:#252a33;background:#fff}

.btn{
  color:#573907;
  border-color:#d9ad3f!important;
  background:linear-gradient(180deg,#ffeba0,#f3c13f)!important;
  box-shadow:0 5px 13px rgba(174,115,17,.13);
}
.btn:hover{filter:brightness(1.025);transform:translateY(-1px)}
.btn.ghost{
  color:#59616d;
  border-color:#ded8cf!important;
  background:#fff!important;
  box-shadow:0 3px 9px rgba(43,37,27,.05);
}
.btn.ok{
  color:#126c3d;
  border-color:#a9ddc0!important;
  background:#effaf4!important;
}
.btn.danger{
  color:#bd313a;
  border-color:#edb8bc!important;
  background:#fff3f4!important;
}
.btn.active,
.btn[aria-selected="true"],
.tab.active,
.subtab.active,
.mTab.active,
.menuItem.active{
  color:#754a07!important;
  border-color:#d6aa3c!important;
  background:linear-gradient(180deg,#ffefaa,#efba2f)!important;
  box-shadow:0 6px 14px rgba(174,111,10,.18)!important;
}
.btn:disabled{
  color:#8a8f97!important;
  border-color:#d8dadd!important;
  background:#eff0f2!important;
  box-shadow:none!important;
  transform:none;
}

.tab,
.subtab,
.mTab,
.menuItem{
  color:#5c6470;
  border-color:#e1dbd2!important;
  background:#fff!important;
}
.tab:hover,
.subtab:hover,
.mTab:hover,
.menuItem:hover{color:#8a590d;border-color:#d9b85f!important}

table{color:#343a44;background:#fff}
th,td{border-bottom-color:#ebe5dc!important}
th{
  color:#757d88!important;
  background:#fafaf8;
}
td b{color:#20242c}
tbody tr:hover{background:#fffaf0}

.toast{
  color:#252a33;
  border-color:#e5dccd!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 20px 55px rgba(43,35,20,.18);
}
.modalMask{background:rgba(34,31,26,.42)}
.modalHeader,
.modalFooter{border-color:#ece5da!important}

/* 未选号码：白色立体球；选中确认：金色立体球 */
.chip-circle,
body.gamePage .numberPill,
body.gamePage.lotteryPage .numberPill{
  color:#303640!important;
  border:2px solid #d9dfe5!important;
  background:linear-gradient(145deg,#fff 5%,#fff 50%,#eef1f4 100%)!important;
  text-shadow:none!important;
  box-shadow:
    0 5px 10px rgba(35,39,45,.12),
    inset 0 3px 7px rgba(255,255,255,.95),
    inset 0 -6px 9px rgba(73,82,94,.08)!important;
}
.chip-circle:hover,
body.gamePage .numberPill:hover{
  border-color:#d5ad43!important;
  background:linear-gradient(145deg,#fffdf7,#fff6d7)!important;
}
body.gamePage .pill{
  color:#303640!important;
  border-color:#d9dfe5!important;
  background:linear-gradient(180deg,#fff,#f7f8f9)!important;
  box-shadow:0 4px 9px rgba(35,39,45,.08)!important;
}
body.gamePage .pill:hover{
  color:#7c5009!important;
  border-color:#d5ad43!important;
  background:#fff9e8!important;
}
.chip-circle.active,
.chip-circle.selected,
.chip-circle.is-active,
.chip-circle.on,
.chip-circle.current,
.chip-circle[aria-pressed="true"],
.chip-circle[aria-selected="true"],
body.gamePage .numberPill.active,
body.gamePage .pill.active{
  color:#4b3105!important;
  border-color:#d29c17!important;
  background:linear-gradient(145deg,#fff0a8 0%,#f5c844 52%,#d89a10 100%)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
  box-shadow:
    0 7px 14px rgba(173,111,8,.28),
    inset 0 4px 8px rgba(255,255,255,.55),
    inset 0 -8px 12px rgba(137,82,0,.18)!important;
}
body.gamePage .pill.small{
  color:#69717c;
  border-color:#e1dbd2!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(45,38,25,.04);
}
body.gamePage .quickValues{
  display:flex;
  gap:6px;
  margin-top:8px;
}
body.gamePage .quickValues button,
body.gamePage .quickValues button.chip-circle{
  width:auto!important;
  height:32px!important;
  min-width:0!important;
  max-width:none!important;
  flex:1 1 0!important;
  padding:0 8px!important;
  border:1px solid #dfd8cc!important;
  border-radius:9px!important;
  color:#626a76!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(43,37,27,.04)!important;
  font-size:13px!important;
}
body.gamePage .quickValues button:hover,
body.gamePage .quickValues button.active,
body.gamePage .quickValues button[aria-pressed="true"]{
  color:#704707!important;
  border-color:#d4a83d!important;
  background:linear-gradient(180deg,#ffefaa,#efbb32)!important;
}

/* 骰宝使用与彩票一致的白色界面，骰子本体保留红色便于识别 */
body.gamePage.dicePage .drawHero{
  border-color:#ead7aa!important;
  box-shadow:0 18px 48px rgba(128,87,15,.10);
}
body.gamePage.dicePage .drawHeroHeader{
  background:linear-gradient(115deg,#fff8df 0%,#fffdf7 54%,#fff4cf 100%);
}
body.gamePage.dicePage .gameHint{
  color:#737b89;
  border:1px solid #efe5cc;
  border-radius:12px;
  background:#fffbef;
  padding:10px 13px;
}
body.gamePage.dicePage .diceSection{
  padding:12px 0;
  border-bottom:1px dashed #ece5d9;
}
body.gamePage.dicePage .diceSectionTitle{color:#434a55}

/* 首页游戏卡片 */
.homeAnnouncementBar{
  margin-bottom:12px!important;
}
.homeAnnouncementBar .panelTitle{
  min-height:64px;
  border-bottom:0!important;
}
.homeGameCenter{
  margin-top:0!important;
}
.homeGameCenter .panelTitle .row{
  flex-wrap:wrap;
}
.homeGameCenter #btnOpenRules{
  white-space:nowrap;
}
#gameGrid .card{
  border-color:#e8dfd0!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
}
#gameGrid .card:hover{
  border-color:#dfbd66!important;
  box-shadow:0 14px 30px rgba(137,91,13,.11);
  transform:translateY(-2px);
}

/* 客服聊天 */
#chatBox,
#chatMsgBox,
#chatThreadList{
  color:#303640;
  border-color:#e2dcd2!important;
  background:#fff!important;
}
.chatBubble,
#chatBox > div > div > div{
  color:#303640;
}

/* 个人中心与后台 */
.metaLabel{color:#737b89}
.metaValue{color:#20242c}
#staffApp .panel,
#staffLoginPanel,
#tabAnn,
#umDetail{background:#fff!important}
#chatThreadList::-webkit-scrollbar-thumb{background:#d7cec0!important}
#chatThreadList::-webkit-scrollbar-track{background:#f3f0eb!important}
.rcAddrBox{
  color:#303640!important;
  border-color:#dfd8cd!important;
  background:#fff!important;
}

.fcylMobileTopNav{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:#e7dece!important;
  box-shadow:0 7px 20px rgba(66,50,20,.08)!important;
}
.fcylMobileTopNav a{
  color:#626975!important;
  border-color:#e1d7c4!important;
  background:#fff!important;
}
.fcylMobileTopNav a.active{
  color:#6f4707!important;
  border-color:#d5a73a!important;
  background:linear-gradient(180deg,#ffefaa,#efbb32)!important;
}
.mobileNav{
  background:rgba(255,255,255,.97)!important;
  border-top-color:#e7dece!important;
}
.mobileNav .mLink{color:#68707b}
.mobileNav .mLink.active{color:#8a590d;background:#fff5d7}

@media(max-width:768px){
  body,
  body.gamePage,
  body.gamePage.dicePage,
  body.gamePage.lotteryPage{
    background:
      linear-gradient(180deg,#fffdf8 0,#f7f7f5 500px,#f3f4f5 100%)!important;
  }
  .topbar{background:#fff!important}
  .panel,.card,.modalCard{background:#fff!important}
}