/* 九洲会员端品牌主题：仅作用于会员入口、非牌桌大厅和会员中心，避免影响游戏桌与后台数据栅格。 */
:root{
  --九洲乌木:#101723;
  --九洲乌木深:#070c12;
  --九洲乌木浮:#172130;
  --九洲香槟金:#d9b66f;
  --九洲浅金:#f4e5bf;
  --九洲祖母绿:#0d4b47;
  --九洲翡翠:#38a48e;
  --九洲象牙:#f7f2e7;
  --九洲雾灰:#aeb8b4;
  --九洲危险:#d86b68;
  --九洲边线:rgba(217,182,111,.28);
  --九洲阴影:0 22px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);
}

html{background:var(--九洲乌木深);scroll-behavior:smooth}
body.登录背景,body.大厅页面,body.个人中心页面{min-width:0;background-color:var(--九洲乌木);color:var(--九洲象牙)}
body.登录背景,body.大厅页面{background-image:radial-gradient(ellipse 90% 60% at 92% -8%,rgba(13,75,71,.52),transparent 58%),radial-gradient(ellipse 72% 48% at 0 105%,rgba(104,71,26,.19),transparent 70%),linear-gradient(145deg,#101723 0%,#0b111a 46%,#080d14 100%)}

/* 共享操控件：仅会员页面的语义类，尺寸满足触摸场景；原有 ID / 事件契约不变。 */
.登录背景 .主按钮,.大厅页面 .主按钮,.个人中心页面 .主按钮{
  min-height:44px;border:1px solid rgba(255,235,182,.7);border-radius:12px;
  background:linear-gradient(135deg,#f1d795 0%,#d9b66f 47%,#a77735 100%);
  color:#17120a;letter-spacing:.03em;box-shadow:0 9px 22px rgba(118,80,24,.27),inset 0 1px 0 rgba(255,255,255,.5);
}
.登录背景 .主按钮:hover,.大厅页面 .主按钮:hover,.个人中心页面 .主按钮:hover{filter:brightness(1.055);transform:translateY(-1px)}
.登录背景 .次按钮,.登录背景 .文字按钮,.大厅页面 .次按钮,.大厅页面 .文字按钮,.个人中心页面 .次按钮,.个人中心页面 .文字按钮{
  min-height:42px;border-color:rgba(217,182,111,.31);background:rgba(255,255,255,.035);color:var(--九洲象牙)
}
.登录背景 .次按钮:hover,.登录背景 .文字按钮:hover,.大厅页面 .次按钮:hover,.大厅页面 .文字按钮:hover,.个人中心页面 .次按钮:hover,.个人中心页面 .文字按钮:hover{border-color:var(--九洲香槟金);background:rgba(217,182,111,.09);color:var(--九洲浅金)}
.登录背景 input,.登录背景 select,.大厅页面 input,.大厅页面 select,.个人中心页面 input,.个人中心页面 select,.个人中心页面 textarea{
  border-color:rgba(217,182,111,.21);background:rgba(4,10,15,.72);color:var(--九洲象牙);caret-color:var(--九洲香槟金)
}
.登录背景 input::placeholder,.大厅页面 input::placeholder,.个人中心页面 input::placeholder{color:#80908b}
.登录背景 input:focus,.登录背景 select:focus,.大厅页面 input:focus,.大厅页面 select:focus,.个人中心页面 input:focus,.个人中心页面 select:focus,.个人中心页面 textarea:focus{border-color:var(--九洲香槟金);box-shadow:0 0 0 3px rgba(217,182,111,.16)}

.大厅页面 .顶栏,.个人中心页面 .顶栏{
  min-height:72px;height:auto;padding-top:max(0px,env(safe-area-inset-top));
  border-bottom-color:rgba(217,182,111,.17);background:linear-gradient(100deg,rgba(10,16,24,.96),rgba(15,29,36,.92));
  box-shadow:0 7px 28px rgba(0,0,0,.18);backdrop-filter:blur(18px)
}
.大厅页面 .小品牌,.个人中心页面 .小品牌{color:var(--九洲浅金);letter-spacing:.025em}
.大厅页面 .小品牌 .品牌Logo,.个人中心页面 .小品牌 .品牌Logo{filter:drop-shadow(0 0 10px rgba(217,182,111,.23))}
.大厅页面 .用户条,.个人中心页面 .用户条{gap:clamp(10px,2vw,22px)}
.大厅页面 .用户条 b,.个人中心页面 .用户条 b{color:var(--九洲浅金)}
.大厅页面 .用户条>button,.个人中心页面 .用户条>button{color:#ced7d1}
.大厅页面 .用户条>button:hover,.个人中心页面 .用户条>button:hover{color:var(--九洲香槟金);background:rgba(217,182,111,.08)}

/* 自适应底部导航，安全区之外留出落点，桌面不扩大到全宽。 */
.大厅底部导航{border-color:rgba(217,182,111,.35)!important;border-radius:16px!important;background:linear-gradient(125deg,rgba(16,23,35,.97),rgba(10,29,28,.96))!important;box-shadow:0 18px 44px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)!important}
.大厅底部导航 .当前{background:linear-gradient(135deg,rgba(217,182,111,.24),rgba(13,75,71,.22))!important;color:var(--九洲浅金)!important}
.大厅底部导航 a:focus-visible,.大厅底部导航 button:focus-visible{outline-offset:-4px}

/* 会员中心局部配色，避免将后台通用 .信息卡/.表格框 改成全局。 */
.个人中心页面 .会员侧栏,.个人中心页面 .会员内容区,.个人中心页面 .信息卡{
  border-color:rgba(217,182,111,.2);box-shadow:var(--九洲阴影)
}
.个人中心页面 .信息卡{background:linear-gradient(145deg,rgba(24,34,45,.9),rgba(13,22,30,.94))}
.个人中心页面 .会员侧栏{background:linear-gradient(180deg,rgba(20,36,43,.96),rgba(10,18,28,.97))}
.个人中心页面 .会员侧栏 header small,.个人中心页面 .卡片眉题,.个人中心页面 .个人中心欢迎 small{color:var(--九洲香槟金)}
.个人中心页面 .会员侧栏 nav button.选中{background:linear-gradient(90deg,rgba(217,182,111,.2),rgba(13,75,71,.24));color:var(--九洲浅金)}
.个人中心页面 .会员侧栏余额{border-color:rgba(217,182,111,.25);background:linear-gradient(135deg,rgba(13,75,71,.35),rgba(217,182,111,.08))}
.个人中心页面 .会员侧栏余额>b,.个人中心页面 .账户摘要 article>b,.个人中心页面 .个人报表摘要 article>b{color:var(--九洲浅金)}
.个人中心页面 .账户摘要 article,.个人中心页面 .个人报表摘要 article,.个人中心页面 .会员结算摘要 article{border-color:rgba(217,182,111,.14);background:rgba(4,11,17,.3)}
.个人中心页面 .表格框{scrollbar-color:rgba(217,182,111,.6) rgba(255,255,255,.04);scrollbar-width:thin}
.个人中心页面 .表格框:focus-visible{outline:2px solid var(--九洲香槟金);outline-offset:2px}
.个人中心页面 th{color:#b9c5bf;background:rgba(4,11,17,.25)}
.个人中心页面 tr:hover td{background:rgba(217,182,111,.045)}

/* 共用可访问性和防溢出策略：不锁定页面、不强制旋转。 */
.登录背景 :where(main,section,header,footer,form,div),.大厅页面 :where(main,section,header,footer,form,div),.个人中心页面 :where(main,section,header,footer,form,div){min-width:0}
.登录背景 :where(p,h1,h2,h3,small,span,b),.大厅页面 :where(p,h1,h2,h3,small,span,b),.个人中心页面 :where(p,h1,h2,h3,small,span,b){overflow-wrap:anywhere}
.登录背景 button,.大厅页面 button,.个人中心页面 button{touch-action:manipulation}
.登录背景 :focus-visible,.大厅页面 :focus-visible,.个人中心页面 :focus-visible{outline:2px solid var(--九洲香槟金);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .登录背景 *, .大厅页面 *, .个人中心页面 *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (max-width:620px){
  .大厅页面 .顶栏,.个人中心页面 .顶栏{min-height:62px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .大厅页面 .用户条>span:first-child,.个人中心页面 .用户条>span:first-child{display:none}
  .大厅底部导航{width:calc(100vw - 16px)!important}
}
@media (max-height:520px) and (orientation:landscape){
  .大厅页面 .顶栏,.个人中心页面 .顶栏{min-height:52px}
  .大厅页面 .大厅底部导航,.个人中心页面 .大厅底部导航{bottom:max(5px,env(safe-area-inset-bottom))}
}