/* zzz.vipref.css 2026-10-07  VIP 会员中心 cream/gold restyle for /vip-detail (lane08 #ngE-page[data-page="vip"]).
   Overrides zz.uk8-viprebate.css dark theme on the VIP page only (doubled #id for specificity).
   HD badges: vue/ng-fix/assets/vipref/vip0..vip11.webp (swapped in by zzz.vipref.js).
   Rollback: rm -f vue/ng-fix/zzz.vipref.css vue/ng-fix/zzz.vipref.js && rm -rf vue/ng-fix/assets/vipref */
html body #ngE-page#ngE-page[data-page="vip"]{
  --vr-ink:#4A3420; --vr-ink2:#6E5A44; --vr-gold:#B07F22; --vr-gold2:#D8AE5C; --vr-line:#EADCC2;
  --theme-primary-text:#4A3420; --theme-secondary-text:#6E5A44; --adm-color-text:#4A3420; --adm-color-text-secondary:#6E5A44;
  --adm-color-border:#EADCC2; --adm-color-box:#FFFFFF; --adm-color-background:#FFFDF8;
  background:#F7F0E4 !important; color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app,
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-main{
  background:transparent !important; color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container{
  position:relative !important;
  background:radial-gradient(120% 34% at 50% 0%,#FFFDF8 0%,rgba(255,253,248,0) 70%),linear-gradient(180deg,#FBF6EE 0%,#F6EEE1 45%,#F3EADC 100%) !important;
  color:#4A3420 !important;
  padding-bottom:calc(112px + env(safe-area-inset-bottom,0px)) !important;
  min-height:100% !important; box-sizing:border-box !important;
}
/* ---- header ---- */
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar{
  position:absolute !important; left:0 !important; top:0 !important; right:auto !important;
  width:auto !important; height:auto !important; min-height:0 !important; padding:0 !important;
  background:transparent !important; border:0 !important; box-shadow:none !important; z-index:5 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-title,
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-right{display:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-left{
  position:absolute !important; left:14px !important; top:10px !important;
  width:38px !important; height:38px !important; min-width:0 !important; flex:none !important;
  margin:0 !important; padding:0 !important; border-radius:50% !important;
  background:rgba(255,253,248,.92) !important; background-image:none !important;
  border:1.2px solid #CDB68E !important; box-shadow:0 2px 6px rgba(150,110,50,.12) !important;
  display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-left::before,
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-left::after{display:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-back{
  margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; background:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-back-arrow{
  color:#5A4128 !important; font-size:18px !important; line-height:1 !important; margin:0 0 0 -2px !important; display:flex !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-container > .adm-nav-bar .adm-nav-bar-back-arrow svg{width:18px !important; height:18px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-hero{
  position:relative !important; height:118px !important; margin:0 !important; padding-top:0 !important; text-align:center !important; overflow:hidden !important; pointer-events:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-hero > *{pointer-events:auto !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-deco{
  position:absolute !important; right:-18px !important; top:70px !important; transform:rotate(-14deg) !important;
  font:italic 900 40px/1 Georgia,"Times New Roman",serif !important; letter-spacing:1px !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important; -webkit-text-stroke:1.2px rgba(196,160,96,.30) !important; opacity:.8 !important;
  background:linear-gradient(135deg,rgba(236,214,168,.55),rgba(255,250,238,.15)) !important; -webkit-background-clip:text !important; background-clip:text !important;
  padding:6px 14px !important; border:1.5px solid rgba(214,186,132,.28) !important; border-radius:10px !important; pointer-events:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-rule-pill{
  position:absolute !important; right:12px !important; top:16px !important; height:26px !important; padding:0 10px 0 6px !important;
  display:inline-flex !important; align-items:center !important; gap:4px !important; border-radius:13px !important;
  background:rgba(255,253,248,.9) !important; border:1px solid #CDB68E !important; color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important;
  font-size:12px !important; font-weight:500 !important; line-height:1 !important; cursor:pointer !important; -webkit-tap-highlight-color:transparent !important; z-index:2 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-rule-pill i{
  width:14px !important; height:14px !important; border-radius:50% !important; border:1.2px solid #4A3420 !important; box-sizing:border-box !important;
  font:normal 700 10px/12px Arial,sans-serif !important; text-align:center !important; color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important; font-style:normal !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-crown{
  display:block !important; width:46px !important; height:auto !important; margin:22px auto 0 !important; filter:drop-shadow(0 2px 2px rgba(120,80,20,.18)) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-title{
  display:flex !important; align-items:baseline !important; justify-content:center !important; gap:6px !important; margin-top:-2px !important; line-height:1 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-title b{
  font:italic 900 36px/1.05 Georgia,"Times New Roman",serif !important; letter-spacing:-.5px !important;
  background:linear-gradient(180deg,#E2B866 0%,#B07A26 55%,#7E5316 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important;
  padding:0 4px 0 2px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-title span{
  font-size:25px !important; font-weight:800 !important; letter-spacing:1px !important;
  background:linear-gradient(180deg,#8A6436 0%,#5A3D1F 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; -webkit-text-fill-color:transparent !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-sub{
  display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin-top:6px !important;
  font-size:12px !important; letter-spacing:2px !important; color:#8F7656 !important; -webkit-text-fill-color:#8F7656 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-sub i{width:26px !important; height:1px !important; background:linear-gradient(90deg,rgba(176,140,80,0),#B79764) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-sub i:last-child{transform:scaleX(-1) !important;}
/* ---- status card ---- */
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-card{
  margin:4px 10px 10px !important; padding:0 !important; border-radius:14px !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFFCF6 100%) !important; background-image:linear-gradient(180deg,#FFFFFF 0%,#FFFCF6 100%) !important;
  border:1px solid #EFE3CC !important; box-shadow:0 4px 14px rgba(160,120,60,.10) !important; overflow:visible !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-content{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  padding:12px 10px 12px 8px !important; background:transparent !important; border:0 !important; min-height:0 !important; gap:4px !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-left{
  position:relative !important; display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important;
  padding:16px 0 0 !important; gap:6px !important; background:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-current{
  position:absolute !important; left:6px !important; top:-2px !important; transform:none !important;
  height:16px !important; line-height:16px !important; padding:0 7px !important; margin:0 !important; border-radius:8px !important;
  background:linear-gradient(180deg,#F0D49A,#D9AE5C) !important; color:#5A3A12 !important; -webkit-text-fill-color:#5A3A12 !important;
  font-size:10px !important; font-weight:600 !important; white-space:nowrap !important; z-index:2 !important; width:auto !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-left .vip-badge{
  flex:none !important; width:78px !important; height:68px !important; margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important; background:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-left .vip-badge .vip-level-cell,
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-left .vip-badge .vip-level-badge{
  width:78px !important; height:68px !important; margin:0 !important; padding:0 !important; background:none !important;
  display:flex !important; align-items:center !important; justify-content:center !important; transform:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-left .vip-badge img{
  width:78px !important; height:68px !important; max-width:none !important; object-fit:contain !important; margin:0 !important;
  filter:drop-shadow(0 3px 4px rgba(120,80,30,.18));
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-info{
  display:flex !important; flex-direction:column !important; gap:5px !important; min-width:0 !important; flex:1 1 auto !important; margin:0 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-distance,
html body #ngE-page#ngE-page[data-page="vip"] .vip-requirement{
  display:flex !important; align-items:center !important; gap:6px !important; margin:0 !important; white-space:nowrap !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-requirement > div{display:flex !important; align-items:center !important; gap:6px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .distance-label,
html body #ngE-page#ngE-page[data-page="vip"] .requirement-label{
  color:#3E2A16 !important; -webkit-text-fill-color:#3E2A16 !important; font-size:13.5px !important; font-weight:600 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-next-level{
  color:#B07F22 !important; -webkit-text-fill-color:#B07F22 !important; font-size:15px !important; font-weight:800 !important; font-style:normal !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .requirement-amount{
  color:#2E1F10 !important; -webkit-text-fill-color:#2E1F10 !important; font-size:16px !important; font-weight:800 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .refresh-button{color:#8C7658 !important; font-size:15px !important; display:inline-flex !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-prog{position:relative !important; width:100% !important; max-width:160px !important; height:16px !important; margin-top:2px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-prog-bar,
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress .ant-progress-inner{
  position:relative !important; height:16px !important; border-radius:8px !important; overflow:hidden !important;
  background:#FFFDF8 !important; border:1px solid #CDB993 !important; box-sizing:border-box !important; box-shadow:inset 0 1px 2px rgba(120,90,40,.08) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-prog-bar i,
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress .ant-progress-bg{
  display:block !important; height:100% !important; min-width:8px !important; border-radius:8px !important;
  background:linear-gradient(90deg,#7C5A33,#B48A55) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-prog span,
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress-text{
  position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:11.5px !important; font-weight:500 !important; color:#3E2A16 !important; -webkit-text-fill-color:#3E2A16 !important; line-height:1 !important;
  background:none !important; transform:none !important; margin:0 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right{
  display:flex !important; flex-direction:column !important; gap:10px !important; flex:none !important; margin:0 !important; padding:0 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right .custom-btn{
  display:flex !important; align-items:center !important; justify-content:center !important;
  width:90px !important; height:34px !important; min-width:0 !important; padding:0 !important; border-radius:17px !important;
  font-size:14px !important; font-weight:600 !important; box-sizing:border-box !important; line-height:1 !important; opacity:1 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right .custom-btn-primary,
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right .custom-btn-primary.disabled{
  background:linear-gradient(180deg,#8A6840 0%,#5E4122 100%) !important; background-image:linear-gradient(180deg,#8A6840 0%,#5E4122 100%) !important;
  border:0 !important; color:#FFF4DC !important; -webkit-text-fill-color:#FFF4DC !important; box-shadow:0 3px 8px rgba(94,65,34,.25) !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right .custom-btn-primary.disabled{opacity:.78 !important; box-shadow:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-status-right .custom-btn-outlined{
  background:#FFFDF8 !important; background-image:none !important; border:1.2px solid #BFA780 !important;
  color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important; box-shadow:none !important;
}
/* ---- tabs ---- */
html body #ngE-page#ngE-page[data-page="vip"] .vip-page-main > .ant-tabs{margin:0 10px !important; background:transparent !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav{
  margin:0 0 8px !important; padding:0 !important; background:transparent !important; border:0 !important;
  border-bottom:1px solid #E6D6B8 !important; box-shadow:none !important; height:auto !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav-wrap,
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav-list{border:0 !important; box-shadow:none !important; background:transparent !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav::before,
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav-wrap::before,
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav-wrap::after{display:none !important; border:0 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-nav-list{display:flex !important; width:100% !important; gap:0 !important; transform:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab{
  flex:1 1 0 !important; margin:0 !important; padding:0 !important; height:36px !important; justify-content:center !important; align-items:center !important;
  display:flex !important; background:transparent !important; border:0 !important; border-radius:8px 8px 0 0 !important; position:relative !important;
  color:#5A4630 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab + .ant-tabs-tab::before{
  content:"" !important; position:absolute !important; left:0 !important; top:11px !important; bottom:11px !important; width:1px !important; background:#E3D2B2 !important; display:block !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab .ant-tabs-tab-btn{
  color:#5A4630 !important; -webkit-text-fill-color:#5A4630 !important; font-size:14px !important; font-weight:500 !important; white-space:nowrap !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab.ant-tabs-tab-active{
  background:linear-gradient(180deg,#F6DFAE 0%,#E5BE77 100%) !important; box-shadow:0 2px 6px rgba(190,140,60,.25) !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab.ant-tabs-tab-active::before,
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab.ant-tabs-tab-active + .ant-tabs-tab::before{display:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
  color:#4A2E0E !important; -webkit-text-fill-color:#4A2E0E !important; font-weight:700 !important; text-shadow:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-ink-bar{display:none !important;}
/* ---- table card ---- */
html body #ngE-page#ngE-page[data-page="vip"] .ant-tabs-content-holder{
  background:#FFFDF9 !important; border:1px solid #EFE3CC !important; border-radius:12px !important; overflow:hidden !important;
  box-shadow:0 3px 12px rgba(160,120,60,.08) !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table{
  width:100% !important; border-collapse:collapse !important; border-spacing:0 !important; background:transparent !important; border:0 !important; margin:0 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table thead th{
  height:40px !important; padding:0 4px !important; background:#FBF4E7 !important; border:0 !important;
  color:#5E4A33 !important; -webkit-text-fill-color:#5E4A33 !important; font-size:13.5px !important; font-weight:500 !important; text-align:center !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table thead th .anticon{
  display:inline-flex !important; align-items:center !important; justify-content:center !important; width:15px !important; height:15px !important;
  border-radius:50% !important; background:#5E4A33 !important; color:#FFFDF8 !important; font-size:15px !important; vertical-align:-2px !important; margin-left:3px !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table thead th .anticon svg{width:15px !important; height:15px !important; color:#5E4A33 !important; fill:#5E4A33 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table thead th .anticon{background:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr.vip-table-row,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr:nth-child(2n+1),
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr.vip-table-row:nth-child(odd){
  background:transparent !important; background-image:none !important; border:0 !important; height:auto !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody td{
  height:47px !important; padding:0 4px !important; border:0 !important; border-top:1px solid #F3EADA !important; background:transparent !important;
  color:#5E4A33 !important; -webkit-text-fill-color:#5E4A33 !important; font-size:13.5px !important; text-align:center !important; vertical-align:middle !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .level-col,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell{width:25% !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .reward-col,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.reward-cell{width:28% !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell{position:relative !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell .vip-level-cell,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell .vip-level-badge{
  width:50px !important; height:42px !important; margin:0 auto !important; padding:0 !important; background:none !important;
  display:flex !important; align-items:center !important; justify-content:center !important; transform:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell .vip-level-badge img{
  width:50px !important; height:42px !important; max-width:none !important; object-fit:contain !important; margin:0 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell .vip-level-badge img:not(.vr-badge){width:38px !important; height:38px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table td.level-cell .current-level-indicator{display:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr.vr-cur td,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr:has(.current-level-indicator) td{
  background:#F8EACF !important; background-image:none !important; border-top-color:transparent !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr.vr-cur td.level-cell::before,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table tbody tr:has(.current-level-indicator) td.level-cell::before{
  content:"当前" !important; position:absolute !important; left:0 !important; top:0 !important; height:15px !important; line-height:15px !important; padding:0 5px !important;
  border-radius:0 0 7px 0 !important; background:linear-gradient(180deg,#E7BE6E,#C9963E) !important; color:#FFF !important; -webkit-text-fill-color:#FFF !important;
  font-size:9.5px !important; font-weight:600 !important; z-index:1 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .requirement-text{
  color:#5E4A33 !important; -webkit-text-fill-color:#5E4A33 !important; font-size:13.5px !important; font-weight:400 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress{
  position:relative !important; width:100% !important; max-width:186px !important; height:16px !important; margin:0 auto !important; display:block !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress .ant-progress,
html body #ngE-page#ngE-page[data-page="vip"] .vip-level-progress .ant-progress-outer{
  width:100% !important; height:16px !important; margin:0 !important; padding:0 !important; display:block !important; line-height:0 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .reward-amount{
  color:#B07F22 !important; -webkit-text-fill-color:#B07F22 !important; font-size:17px !important; font-weight:800 !important; letter-spacing:.2px !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .reward-amount .k08-na2,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .k08-na2{
  color:#5E4A33 !important; -webkit-text-fill-color:#5E4A33 !important; font-size:13.5px !important; font-weight:400 !important; font-style:normal !important;
}
/* other tabs (返水 dropdowns / 特权) on cream */
html body #ngE-page#ngE-page[data-page="vip"] .vip-rebate-container,
html body #ngE-page#ngE-page[data-page="vip"] .custom-select,
html body #ngE-page#ngE-page[data-page="vip"] .select-selector,
html body #ngE-page#ngE-page[data-page="vip"] .k08-dd{
  background:#FFFDF8 !important; background-image:none !important; color:#4A3420 !important; border-color:#E2D0AE !important; box-shadow:none !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .k08-opt,
html body #ngE-page#ngE-page[data-page="vip"] .vip-rebate-container *{color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .k08-opt{background:#FFFDF8 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .k08-opt.on,
html body #ngE-page#ngE-page[data-page="vip"] .rebate-text,
html body #ngE-page#ngE-page[data-page="vip"] .vip-table .rebate-text{color:#B07F22 !important; -webkit-text-fill-color:#B07F22 !important; font-weight:700 !important;}
/* rules */
html body #ngE-page#ngE-page[data-page="vip"] .vip-rules-section{
  margin:12px 10px 0 !important; padding:12px 14px !important; border-radius:12px !important;
  background:#FFFDF9 !important; background-image:none !important; border:1px solid #EFE3CC !important; box-shadow:none !important; scroll-margin-top:12px;
}
html body #ngE-page#ngE-page[data-page="vip"] .vip-rules-section h3{color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important; font-size:15px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vip-rules-content,
html body #ngE-page#ngE-page[data-page="vip"] .vip-rule-item{background:transparent !important; color:#6E5A44 !important; -webkit-text-fill-color:#6E5A44 !important; font-size:12.5px !important; line-height:1.7 !important;}
/* ---- footer strip: last item of the page content, scrolls with it (not fixed) ---- */
html body #ngE-page#ngE-page[data-page="vip"] .vr-foot{
  position:relative !important; left:auto !important; right:auto !important; bottom:auto !important; z-index:1 !important; margin:12px 10px 0 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important; height:54px !important; padding:0 8px !important; box-sizing:border-box !important;
  border-radius:12px !important; background:linear-gradient(180deg,#FFFDF8,#FBF3E4) !important; border:1px solid #EFE3CC !important; box-shadow:0 4px 14px rgba(150,110,50,.14) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-fi{flex:1 1 0 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; min-width:0 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-fi + .vr-fi{border-left:1px solid #EFE2C9 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-fi img{width:38px !important; height:38px !important; object-fit:contain !important; flex:none !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-fi img.vr-fcrown{width:40px !important; height:30px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-dia{width:34px !important; height:30px !important; flex:none !important; display:block !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-dia svg{width:34px !important; height:30px !important; display:block !important; filter:drop-shadow(0 2px 2px rgba(150,100,30,.2)) !important;}
html body #ngE-page#ngE-page[data-page="vip"] .vr-fi span:not(.vr-dia){font-size:11.5px !important; line-height:1.35 !important; color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important; font-weight:600 !important; text-align:left !important; white-space:nowrap !important;}
/* ---- guest / expired / empty states on the same cream page ---- */
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar{
  background:transparent !important; border:0 !important; box-shadow:none !important; height:56px !important; min-height:56px !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar .adm-nav-bar-title{
  color:#4A3420 !important; -webkit-text-fill-color:#4A3420 !important; font-weight:700 !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar .adm-nav-bar-left{
  flex:none !important; width:38px !important; height:38px !important; min-width:0 !important; margin-left:14px !important; padding:0 !important;
  border-radius:50% !important; background:rgba(255,253,248,.92) !important; background-image:none !important; border:1.2px solid #CDB68E !important;
  display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important;
}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar .adm-nav-bar-back{margin:0 !important; padding:0 !important; display:flex !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar .adm-nav-bar-back-arrow{color:#5A4128 !important; font-size:18px !important; display:flex !important; margin-left:-2px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ant-app > :not(.vip-page-container) > .adm-nav-bar .adm-nav-bar-right{flex:none !important; width:52px !important;}
html body #ngE-page#ngE-page[data-page="vip"] .no-data-text,
html body #ngE-page#ngE-page[data-page="vip"] .no-data-container p{color:#6E5A44 !important; -webkit-text-fill-color:#6E5A44 !important;}
html body #ngE-page#ngE-page[data-page="vip"] .ngE-guest-btn .adm-button{
  background:linear-gradient(180deg,#8A6840 0%,#5E4122 100%) !important; border:0 !important; color:#FFF4DC !important; -webkit-text-fill-color:#FFF4DC !important;
}