/* Ax dark theme — shared across Home pages + 15 套配色 */
:root,
html[data-theme="gold"] {
  --ax-bg: #12131c;
  --ax-card: #1a1c28;
  --ax-card2: #222436;
  --ax-gold: #e8c46a;
  --ax-gold2: #c9a227;
  --ax-purple: #6b3fa0;
  --ax-text: #f3f4f8;
  --ax-muted: #9aa0b5;
  --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a1200;
  --ax-nav: #0e0f16;
  --ax-tabbar: #16181f;
}
html[data-theme="blue"] {
  --ax-bg: #0b1220; --ax-card: #121a2b; --ax-card2: #1a2438;
  --ax-gold: #4da3ff; --ax-gold2: #2b6cb0; --ax-purple: #3d5afe;
  --ax-text: #eef3ff; --ax-muted: #8ea0bf; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #061018; --ax-nav: #071018; --ax-tabbar: #0d1522;
}
html[data-theme="green"] {
  --ax-bg: #0c1410; --ax-card: #14201a; --ax-card2: #1c2c24;
  --ax-gold: #3ddc97; --ax-gold2: #1f9d6a; --ax-purple: #2bb673;
  --ax-text: #eefaf3; --ax-muted: #8fb5a0; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #04140c; --ax-nav: #08140e; --ax-tabbar: #101c16;
}
html[data-theme="purple"] {
  --ax-bg: #140f1c; --ax-card: #1d1528; --ax-card2: #2a1f3a;
  --ax-gold: #b388ff; --ax-gold2: #7c4dff; --ax-purple: #9c27b0;
  --ax-text: #f4eeff; --ax-muted: #a794c4; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #12081c; --ax-nav: #100a18; --ax-tabbar: #1a1224;
}
html[data-theme="cyan"] {
  --ax-bg: #0a1416; --ax-card: #122024; --ax-card2: #1a2e34;
  --ax-gold: #2ec4b6; --ax-gold2: #14919b; --ax-purple: #00acc1;
  --ax-text: #e8faf8; --ax-muted: #86b4b0; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #041412; --ax-nav: #071214; --ax-tabbar: #0e1c20;
}
html[data-theme="orange"] {
  --ax-bg: #16110c; --ax-card: #241a12; --ax-card2: #332418;
  --ax-gold: #ff9f1c; --ax-gold2: #e36414; --ax-purple: #f76707;
  --ax-text: #fff6eb; --ax-muted: #c4a88a; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a0e04; --ax-nav: #120c08; --ax-tabbar: #1c1410;
}
html[data-theme="rose"] {
  --ax-bg: #160d12; --ax-card: #24141c; --ax-card2: #341f2a;
  --ax-gold: #ff5d8f; --ax-gold2: #d81159; --ax-purple: #f06595;
  --ax-text: #ffeff4; --ax-muted: #c498ad; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a0610; --ax-nav: #120810; --ax-tabbar: #1c1016;
}
html[data-theme="red"] {
  --ax-bg: #160c0c; --ax-card: #241414; --ax-card2: #341c1c;
  --ax-gold: #ff4d4f; --ax-gold2: #cf1322; --ax-purple: #ff7875;
  --ax-text: #fff1f0; --ax-muted: #c49999; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a0606; --ax-nav: #120808; --ax-tabbar: #1c1010;
}
html[data-theme="teal"] {
  --ax-bg: #0b1412; --ax-card: #13201c; --ax-card2: #1c2e28;
  --ax-gold: #20c997; --ax-gold2: #0ca678; --ax-purple: #12b886;
  --ax-text: #e9fbf4; --ax-muted: #86b5a6; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #04140f; --ax-nav: #081410; --ax-tabbar: #101c18;
}
html[data-theme="indigo"] {
  --ax-bg: #0e1020; --ax-card: #161a30; --ax-card2: #1f2542;
  --ax-gold: #748ffc; --ax-gold2: #4c6ef5; --ax-purple: #5c7cfa;
  --ax-text: #eef0ff; --ax-muted: #9399c4; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #080a18; --ax-nav: #0a0c18; --ax-tabbar: #121628;
}
html[data-theme="amber"] {
  --ax-bg: #15120a; --ax-card: #221c10; --ax-card2: #302714;
  --ax-gold: #fcc419; --ax-gold2: #f59f00; --ax-purple: #fab005;
  --ax-text: #fff9e6; --ax-muted: #c4b48a; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a1404; --ax-nav: #100e08; --ax-tabbar: #1a1610;
}
html[data-theme="lime"] {
  --ax-bg: #10140a; --ax-card: #1a2210; --ax-card2: #263018;
  --ax-gold: #a9e34b; --ax-gold2: #74b816; --ax-purple: #94d82d;
  --ax-text: #f4ffe8; --ax-muted: #a3b886; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #0c1404; --ax-nav: #0c1008; --ax-tabbar: #141c0e;
}
html[data-theme="sky"] {
  --ax-bg: #0b1520; --ax-card: #122030; --ax-card2: #1a2e42;
  --ax-gold: #74c0fc; --ax-gold2: #339af0; --ax-purple: #4dabf7;
  --ax-text: #eef7ff; --ax-muted: #8eadc4; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #061018; --ax-nav: #081018; --ax-tabbar: #101c28;
}
html[data-theme="silver"] {
  --ax-bg: #121417; --ax-card: #1c1f24; --ax-card2: #282c33;
  --ax-gold: #ced4da; --ax-gold2: #868e96; --ax-purple: #adb5bd;
  --ax-text: #f1f3f5; --ax-muted: #a0a6ad; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #101214; --ax-nav: #0e1012; --ax-tabbar: #16181c;
}
html[data-theme="wine"] {
  --ax-bg: #160a10; --ax-card: #241018; --ax-card2: #341820;
  --ax-gold: #e03131; --ax-gold2: #9c1c28; --ax-purple: #c92a2a;
  --ax-text: #ffecec; --ax-muted: #c4989e; --ax-line: rgba(255,255,255,.08);
  --ax-btn-text: #1a0608; --ax-nav: #12080c; --ax-tabbar: #1c1014;
}

html, body,
.views,
.view,
.pages,
.page,
.page-content,
.defaultbg,
.myContainer {
  background: var(--ax-bg) !important;
  background-color: var(--ax-bg) !important;
  background-image: none !important;
  color: var(--ax-text) !important;
}

a { color: var(--ax-gold); }

/* Top navbars */
.navbar,
.navbar.theme-white,
.navbar-inner {
  background: var(--ax-nav, #0e0f16) !important;
  background-image: none !important;
  color: #fff !important;
  border-bottom: 1px solid var(--ax-line) !important;
  box-shadow: none !important;
}
.navbar .center,
.navbar .left a,
.navbar .right a,
.navbar i.iconfont {
  color: #fff !important;
}

/* Common white / light cards → dark */
.myCard,
.method-box,
.wa-index-center-rech,
.boooooss li,
.content-block,
.list-block ul,
.card,
.panel,
.login_form1,
.robot,
.vip-level-list-box,
.vip-level-item,
.comCard,
.articleContainer,
div[style*="background: #FFFFFF"],
div[style*="background:#FFFFFF"],
div[style*="background: #fff"],
div[style*="background:#fff"],
div[style*="background: #f5f5f5"],
div[style*="background:#f5f5f5"],
div[style*="background-color: #fff"],
div[style*="background-color:#fff"],
div[style*="background-color: #FFFFFF"],
div[style*="background: #DFF4E9"],
div[style*="background:#DFF4E9"] {
  background: var(--ax-card) !important;
  background-color: var(--ax-card) !important;
  color: var(--ax-text) !important;
  border-color: var(--ax-line) !important;
  box-shadow: none !important;
}

.method-tit,
.method-radio,
.input-tit,
.wit-input,
h1, h2, h3, h4, h5, p, span, label, li, td, th, .item_tit,
.wa-index-center-rech h2,
.wa-index-top-bottom ul li span,
.device-tit,
.shop-tit-t,
.vip-level-list-box .title,
.vip-level-name {
  color: var(--ax-text) !important;
}

.wa-index-top-bottom ul li h2,
.item_val,
.money,
.cash,
.price,
.input-fu,
.leftMark,
.rightRatio,
.current-vip {
  color: var(--ax-gold) !important;
}

/* Inputs */
input, select, textarea,
.layui-input,
.inputfield,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"] {
  background: var(--ax-card2) !important;
  background-color: var(--ax-card2) !important;
  color: var(--ax-text) !important;
  border: 1px solid var(--ax-line) !important;
  border-radius: 10px !important;
}
input::placeholder,
textarea::placeholder { color: var(--ax-muted) !important; }

/* Primary buttons → gold */
.rechargeBtn,
.right_btn,
.device-button,
.notice-btn,
.modal_btn,
.baocuss,
.baocuss a,
button,
.button,
.btn,
input[type="submit"],
.login_btn,
.ax-btn,
.submitbtn {
  background: linear-gradient(90deg, var(--ax-gold), var(--ax-gold2)) !important;
  background-image: linear-gradient(90deg, var(--ax-gold), var(--ax-gold2)) !important;
  border: none !important;
  color: #1a1200 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* Lists / rows */
.list-block .item-content,
.list-block .item-inner,
.item-link,
.wa-index-list li,
.menu-list li,
.ul li {
  background: transparent !important;
  color: var(--ax-text) !important;
  border-color: var(--ax-line) !important;
}
.list-block .item-title,
.list-block .item-after {
  color: var(--ax-text) !important;
}

/* Tabs */
.tab_item,
.buttons-row .button {
  background: var(--ax-card2) !important;
  color: var(--ax-muted) !important;
  border-color: var(--ax-line) !important;
}
.tab_item.active,
.buttons-row .button.active {
  background: rgba(232,196,106,.15) !important;
  color: var(--ax-gold) !important;
}

/* Footer 颜色；宽度由 footer.blade 控制，与内容同宽 480 */
footer,
footer.ax-tabbar {
  background: var(--ax-tabbar, #16181f) !important;
  border-top: 1px solid var(--ax-line) !important;
}
footer .foot_bo p { color: #8b90a5 !important; }
footer .foot_bo p.xz { color: #F0B90B !important; }
footer .ax-tab { color: #8b90a5 !important; }
footer .ax-tab.on { color: #F0B90B !important; }

/* Login / lang dropdown — 勿强制覆盖首页自定义面板颜色 */
.home-center .texts { color: #fff !important; }
.lang-list:not(.ax-lang-panel) {
  background: var(--ax-card) !important;
  border: 1px solid var(--ax-line) !important;
}
.lang-list:not(.ax-lang-panel) span { color: var(--ax-text) !important; }

/* Soften leftover dark text on dark bg — 强制可读白色 */
[style*="color: #333"],
[style*="color:#333"],
[style*="color: #666"],
[style*="color:#666"],
[style*="color: #000"],
[style*="color:#000"],
[style*="color: #838383"],
[style*="color:#838383"],
[style*="color: rgb(0"],
[style*="color:black"] {
  color: #fff !important;
}

/* 帮助/文章列表与正文 */
.help-list a,
.help-list .tit,
.help-list .txt,
.content-text,
.content-text p,
.content-text span,
.content-text div,
.content-text li,
.content-text font {
  color: #fff !important;
}
.content-text a { color: #e8c46a !important; }

.rule-item,
.rule-item > div,
.card .rule-item,
.card .rule-item > div {
  color: #fff !important;
}

body { padding-bottom: 70px; overflow-x: hidden; width: 100%; }

.ax-page {
  max-width: 480px; width: 100%;
  margin-left: auto !important; margin-right: auto !important;
  padding: 12px 14px 24px; box-sizing: border-box;
}
.ax-card {
  background: var(--ax-card);
  border-radius: 16px;
  border: 1px solid var(--ax-line);
  padding: 14px;
  margin-bottom: 12px;
}
.ax-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 8px 0 14px;
}

/* VIP page helpers */
.ax-vip-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 8px;
}
.ax-vip-grid span { display:block; font-size:11px; color:var(--ax-muted); }
.ax-vip-grid b { font-size:13px; color:var(--ax-gold); font-weight:600; }
.ax-vip-badge {
  display:inline-block; padding:2px 8px; border-radius:10px; font-size:11px;
  background:rgba(232,196,106,.15); color:var(--ax-gold);
}
.ax-vip-badge.off { background:rgba(150,150,150,.2); color:#999; }

/* —— Interaction polish —— */
* { -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
a, button, .btn, .ax-menu a, .wa-index-box-one a {
  transition: transform .15s ease, opacity .15s ease, background .2s ease, box-shadow .2s ease;
}
a:active, button:active, .btn:active, .ax-menu a:active {
  transform: scale(.97);
  opacity: .92;
}
.ax-card, .card, .method-box, .myCard, .lv-card, .item {
  transition: border-color .2s ease, box-shadow .2s ease;
}
.ax-menu a:hover, .ax-quick a:hover {
  border-color: rgba(232,196,106,.45);
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
}
.dropload-down, .dropload-refresh, .dropload-load, .dropload-noData {
  color: var(--ax-muted) !important;
  background: transparent !important;
}
.news-index-center li {
  background: var(--ax-card) !important;
  margin: 10px 14px !important;
  border-radius: 14px !important;
  overflow: hidden;
  border: 1px solid var(--ax-line);
}
.news-index-center-title { color: #fff !important; }
.news-index-center-c, .news-index-center-c span { color: var(--ax-muted) !important; }
.list_box .item {
  background: var(--ax-card) !important;
  border: 1px solid var(--ax-line) !important;
}
.list_box .item .name { color: #fff !important; }
.list_box .item .btn.pending {
  background: linear-gradient(90deg, var(--ax-gold), var(--ax-gold2)) !important;
  color: #1a1200 !important;
}
.list_box .item .btn.unfinished,
.list_box .item .btn.completed {
  background: var(--ax-card2) !important;
  color: var(--ax-muted) !important;
}
.progress { background: rgba(255,255,255,.12) !important; }
.progress_inner { background: var(--ax-gold) !important; }
.task_icon_warp { background: rgba(232,196,106,.12) !important; }