/* ============================================================
   三角洲行动租号 · 白色主题(清爽风) 覆盖层
   html[data-theme="light"] 生效；默认(无属性/深色)不受影响。
   依赖 app.css / delta.css / admin.css / delta_admin.css
   ============================================================ */

/* ---------- 主题变量 ---------- */
:root[data-theme="light"] {
  --bg: #eef1f8;
  --panel: #ffffff;
  --panel2: #f4f6fc;
  --border: rgba(32, 45, 90, .13);
  --text: #242c42;
  --muted: #5f6a86;
  --primary: #5b4de2;
  --cyan: #0e9cb9;
  --gold: #b8730a;
  --ok: #138a4e;
  --danger: #d84052;
  --warn: #c26e04;
  --radius: 12px;
  --shadow: 0 10px 28px rgba(35, 50, 100, .13);
  /* 白色主题下上传框虚线需改为深色才可见 */
  --upload-border: rgba(32, 45, 90, .38);
}
:root[data-theme="light"] {
  --s3-bg: #eef1f8;
  --s3-panel: #ffffff;
  --s3-panel2: #f4f6fc;
  --s3-border: rgba(32, 45, 90, .13);
  --s3-text: #242c42;
  --s3-muted: #5f6a86;
  --s3-primary: #5b4de2;
  --s3-cyan: #0e9cb9;
  --s3-gold: #b8730a;
  --s3-ok: #138a4e;
  --s3-danger: #d84052;
  --s3-warn: #c26e04;
}

/* ---------- 主题切换按钮(两主题通用外观) ---------- */
.theme-toggle {
  flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid var(--border); background: var(--panel2); color: var(--text);
  font-size: 15px; line-height: 1; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .18s; padding: 0;
}
.theme-toggle:hover { border-color: var(--primary); transform: translateY(-1px); }
[data-theme="light"] .theme-toggle { box-shadow: none; }
.admin-login-box { position: relative; }
.theme-toggle-abs { position: absolute; top: 14px; right: 14px; width: 32px; height: 32px; font-size: 14px; }
.admin-top-right .theme-toggle { width: 32px; height: 32px; font-size: 14px; }

/* ============================================================
   前台 (app.css + delta.css)
   ============================================================ */
[data-theme="light"] body {
  background-image:
    radial-gradient(900px 400px at 85% -80px, rgba(91, 77, 226, .07), transparent),
    radial-gradient(700px 380px at -10% 10%, rgba(14, 156, 185, .05), transparent);
}

/* 顶栏 */
[data-theme="light"] .site-header { background: rgba(255, 255, 255, .85); }
[data-theme="light"] .logo-text {
  background: linear-gradient(90deg, #4b3fd6, #7c6bff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-theme="light"] .main-nav a { color: #4a5470; }
[data-theme="light"] .main-nav a:hover { color: var(--primary); background: rgba(91, 77, 226, .08); }
[data-theme="light"] .main-nav a.active {
  color: #fff; background: linear-gradient(135deg, #7b5cff, #3aa9ff);
  box-shadow: 0 4px 12px rgba(91, 77, 226, .3);
}
[data-theme="light"] .header-search form { background: #f4f6fc; border-color: rgba(32, 45, 90, .18); }
[data-theme="light"] .header-search input { color: var(--text); }
[data-theme="light"] .user-name { color: #4b3fd6; background: rgba(91, 77, 226, .1); border-color: rgba(91, 77, 226, .32); }
[data-theme="light"] .user-menu:hover .user-name { background: rgba(91, 77, 226, .18); border-color: rgba(91, 77, 226, .5); color: #3c2fd0; }
[data-theme="light"] .user-drop { background: #fff; box-shadow: 0 16px 40px rgba(35, 50, 100, .16); }
[data-theme="light"] .user-drop a { color: #3d465f; }
[data-theme="light"] .user-drop a:hover { background: rgba(91, 77, 226, .1); color: #3c2fd0; }
[data-theme="light"] .nav-drop a { color: #3d465f; }
[data-theme="light"] .nav-drop a:hover { background: rgba(91, 77, 226, .1); color: #3c2fd0; }

/* 移动端控件（浅色） */
[data-theme="light"] .nav-toggle, [data-theme="light"] .admin-nav-toggle {
  background: rgba(91, 77, 226, .08); border-color: rgba(91, 77, 226, .3); color: #4b3fd6;
}
[data-theme="light"] .dl-fbtn {
  color: #3a4258; background: #f4f6fc; border: 1px solid rgba(32, 45, 90, .16);
  box-shadow: none;
}
[data-theme="light"] .dl-fbtn.on { color: #fff; background: var(--primary); border-color: transparent; }
@media (max-width: 1000px) {
  [data-theme="light"] .main-nav { background: rgba(255, 255, 255, .98); box-shadow: 0 20px 44px rgba(35, 50, 100, .18); }
}

/* Hero / 首页 */
[data-theme="light"] .hero-search { box-shadow: 0 12px 34px rgba(35, 50, 100, .14); }
[data-theme="light"] .hero-tags a { color: #55607c; background: rgba(32, 45, 90, .05); }
[data-theme="light"] .hero-tags a:hover { color: var(--primary); border-color: var(--primary); }
[data-theme="light"] .game-item:hover { box-shadow: 0 8px 22px rgba(35, 50, 100, .12); }
[data-theme="light"] .game-name { color: #5f6a86; }
[data-theme="light"] .acc-card:hover { box-shadow: 0 14px 30px rgba(35, 50, 100, .16); }
[data-theme="light"] .notice-list a:hover, [data-theme="light"] .tips-list a:hover { color: var(--cyan); }
[data-theme="light"] .tips-list li { color: #4a5470; }
[data-theme="light"] .rich-text { color: #38405a; }

/* 卡片标签 / chip 系列 */
[data-theme="light"] .tag { background: rgba(32, 45, 90, .07); color: #4a5470; }
[data-theme="light"] .tag-game { background: rgba(91, 77, 226, .12); color: #4b3fd6; }
[data-theme="light"] .tag-gold { background: rgba(184, 115, 10, .13); color: #b8730a; }
[data-theme="light"] .tag-hot { background: rgba(216, 64, 82, .11); color: #c43748; }
[data-theme="light"] .tag-owner { background: rgba(14, 156, 185, .12); color: #0e7d95; }
[data-theme="light"] .dl-chip { color: #4b3fd6; background: rgba(91, 77, 226, .1); border-color: rgba(91, 77, 226, .3); }
[data-theme="light"] .dl-chip.gray { color: var(--s3-muted); background: rgba(32, 45, 90, .06); border-color: var(--s3-border); }
[data-theme="light"] .dl-chip.gold { color: #b8730a; background: rgba(184, 115, 10, .11); border-color: rgba(184, 115, 10, .32); }
[data-theme="light"] .dl-chip.knife { color: #b4552e; background: rgba(255, 160, 40, .12); border-color: rgba(220, 110, 40, .4); }
[data-theme="light"] .dl-chip.cyan { color: #0e7d95; background: rgba(14, 156, 185, .1); border-color: rgba(14, 156, 185, .3); }
[data-theme="light"] .dl-chip.red { color: #c43748; background: rgba(216, 64, 82, .1); border-color: rgba(216, 64, 82, .3); }

/* 列表筛选 / 排序 */
[data-theme="light"] .filter-games li a { color: #4a5470; }
[data-theme="light"] .filter-games li a:hover { background: rgba(91, 77, 226, .08); color: var(--primary); }
[data-theme="light"] .filter-games li a.on { background: #e9e4ff; color: #4b3fd6; font-weight: 600; }
[data-theme="light"] .sort-bar a { color: #5a6480; }
[data-theme="light"] .sort-bar a.on { background: #e9e4ff; color: #4b3fd6; }
[data-theme="light"] .pager a { color: #4a5470; }
[data-theme="light"] .crumb-bar a { color: #5a6480; }
[data-theme="light"] .dl-cat-list a { color: #4a5470; }
[data-theme="light"] .dl-cat-list a:hover { background: rgba(91, 77, 226, .08); color: var(--primary); }
[data-theme="light"] .dl-cat-list a.on { background: #e9e4ff; color: #4b3fd6; font-weight: 700; }
[data-theme="light"] .dl-fchip:hover { color: #4b3fd6; border-color: var(--s3-primary); }
[data-theme="light"] .dl-fchip.on {
  color: #fff; background: linear-gradient(135deg, #7b5cff, #3aa9ff);
  border-color: transparent; font-weight: 700;
  box-shadow: 0 6px 16px rgba(91, 77, 226, .3);
}
[data-theme="light"] .dl-ktag:hover { color: #2f6fe0; }
[data-theme="light"] .dl-more-btn { color: #2f6fe0; background: rgba(59, 130, 246, .12); }
[data-theme="light"] .dl-more-btn:hover { color: #fff; background: #3b82f6; }
/* 顶部胶囊筛选条(浅色) */
[data-theme="light"] .dl-top-filters {
  background: linear-gradient(135deg, rgba(91,77,226,.06), rgba(14,156,185,.03));
  border-color: rgba(32,45,90,.10);
}
[data-theme="light"] .dl-pill-btn {
  color: #4a5470; font-weight: 600;
  background: #f4f6fc; border-color: rgba(32,45,90,.16);
}
[data-theme="light"] .dl-pill-btn:hover { color: #4b3fd6; background: #e9e4ff; border-color: var(--s3-primary); }
[data-theme="light"] .dl-pill-btn .dl-pill-val { color: #4b3fd6; background: #e9e4ff; }
[data-theme="light"] .dl-pill-btn.on .dl-pill-val { color: #4b3fd6; background: #e9e4ff; }
[data-theme="light"] .dl-fchip { color: #4a5470; background: #f4f6fc; border-color: rgba(32,45,90,.16); }
[data-theme="light"] .dl-pill-panel .pp-title { color: #2a324a; border-color: rgba(32,45,90,.14); }
/* 顶栏搜索框(浅色) */
[data-theme="light"] .dl-top-search { background: #fff; border-color: rgba(32,45,90,.22); }
[data-theme="light"] .dl-top-search:hover { border-color: var(--s3-primary); }
[data-theme="light"] .dl-top-search:focus-within {
  border-color: var(--s3-primary); background: #fff;
  box-shadow: 0 0 0 3px rgba(91,77,226,.14);
}
[data-theme="light"] .dl-top-search input[type="text"] {
  color: var(--s3-text);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233a4a6e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
}
[data-theme="light"] .dl-top-search input[type="text"]::placeholder { color: #5f6b86; }
/* 视图切换(浅色) */
[data-theme="light"] .dl-view-switch { background: #f4f6fc; border-color: rgba(32,45,90,.16); }
[data-theme="light"] .dl-view-switch button { color: #5a6480; }
[data-theme="light"] .dl-view-switch button:hover { color: var(--s3-primary); background: rgba(91,77,226,.10); }
[data-theme="light"] .dl-view-switch button.on { background: linear-gradient(135deg, #7b5cff, #3aa9ff); color: #fff; }
/* 结果计数徽章(浅色) */
[data-theme="light"] .dl-total-count { background: #f4f6fc; border-color: rgba(32,45,90,.16); color: #5a6480; }

/* 详情 / 展示文字类 */
[data-theme="light"] .warn-bar { color: #9a5a00; }
[data-theme="light"] .busy-bar { color: #b53040; }
[data-theme="light"] .info-bar { color: #0e7d95; }
[data-theme="light"] .tier { background: #f7f9fd; }
[data-theme="light"] .tier.on { background: #e9e4ff; border-color: var(--primary); }
[data-theme="light"] .tier-label { color: #3a4258; }
[data-theme="light"] .tier.on .tier-label { color: #4b3fd6; font-weight: 600; }
[data-theme="light"] .guarantee-card li { color: #3d465f; }
[data-theme="light"] .dl-acc-title { color: #1d2436; }
[data-theme="light"] .dl-acc-card:hover { box-shadow: 0 12px 26px rgba(35, 50, 100, .14); }
[data-theme="light"] .dl-acc-row b { color: #3a4258; }
[data-theme="light"] .dl-side-panel h4 { color: #2a324a; }
[data-theme="light"] .dl-fee-row { color: #4a5470; }
[data-theme="light"] .dl-fee-row.total { color: #1d2436; }
[data-theme="light"] .dl-note { color: #0e7d95; border-color: rgba(14, 156, 185, .35); }
[data-theme="light"] .dl-warn-note { color: #9a5a00; border-color: rgba(194, 110, 4, .35); }
[data-theme="light"] .dl-spec-item b { color: #1d2436; }
[data-theme="light"] .dl-skin-group .val { color: #38405a; }
[data-theme="light"] .dl-goods-table .qty { color: #b8730a; }
[data-theme="light"] .dl-kv .v { color: #2a324a; }
[data-theme="light"] .dl-rules li { color: #3d465f; }
[data-theme="light"] .dl-rules li::before { background: #e9e4ff; color: #4b3fd6; }
[data-theme="light"] .dl-zone-card b { color: #1d2436; }
[data-theme="light"] .dl-pick { color: #3d465f; }
[data-theme="light"] .dl-pick.on { color: #4b3fd6; background: #e9e4ff; border-color: var(--s3-primary); box-shadow: 0 0 0 1px var(--s3-primary) inset; }
[data-theme="light"] .dl-cred-box { background: #f4f8ff; border-color: rgba(19, 138, 78, .4); }
[data-theme="light"] .dl-cred-box .row b { color: #0d8a50; }
[data-theme="light"] .dl-amount-preview { background: linear-gradient(135deg, rgba(91, 77, 226, .1), rgba(14, 156, 185, .07)); border-color: rgba(91, 77, 226, .35); }

/* 悬浮胶囊 TabBar（浅色） */
[data-theme="light"] .mobile-tabbar {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(15, 23, 42, .08);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .8);
}
[data-theme="light"] .mobile-tabbar a { color: #7a8199; }
[data-theme="light"] .mobile-tabbar a.on { color: #6a4dff; }
[data-theme="light"] .mobile-tabbar a.on::before { background: linear-gradient(90deg, #6a4dff, #14b8e6); }
[data-theme="light"] .mobile-tabbar a.on svg { color: #5b3df5; filter: drop-shadow(0 3px 8px rgba(106, 77, 255, .35)); }
[data-theme="light"] .mobile-tabbar a.on .txt { color: #4b3fd6; }

/* 表单输入(前台) */
[data-theme="light"] .form-item label { color: #4a5470; }
[data-theme="light"] .check-line, [data-theme="light"] .radio-line { color: #3a4258; }
[data-theme="light"] .form-subhead { color: #0e7d95; }
[data-theme="light"] .form-item input[type=text],
[data-theme="light"] .form-item input[type=password],
[data-theme="light"] .form-item input[type=number],
[data-theme="light"] .form-item input[type=email],
[data-theme="light"] .form-item select,
[data-theme="light"] .form-item textarea,
[data-theme="light"] .custom-hours {
  background: #fff; border-color: rgba(32, 45, 90, .22);
}
[data-theme="light"] .form-item input:focus,
[data-theme="light"] .form-item select:focus,
[data-theme="light"] .form-item textarea:focus,
[data-theme="light"] .custom-hours:focus { border-color: var(--primary); }
[data-theme="light"] .amt-btn { background: #f4f6fc; }
[data-theme="light"] .amt-btn:hover { border-color: var(--gold); color: var(--gold); }
[data-theme="light"] .cred-value input { background: #f4f8ff; border-color: rgba(184, 115, 10, .35); color: #b45309; }
[data-theme="light"] .cred-note { background: #f7f8fd; }
[data-theme="light"] .renew-tier { background: #f7f9fd; }
[data-theme="light"] .renew-tier.on { background: #e9e4ff; border-color: var(--primary); }
[data-theme="light"] .msg-reply { color: #12804a; border-color: rgba(19, 138, 78, .32); }

/* 卡片号主在线状态点(浅色胶囊，避免被"立即租用"按钮颜色干扰) */
[data-theme="light"] .dl-status-dot { background: rgba(19, 138, 78, .12); color: #0e7a46; }
[data-theme="light"] .dl-status-dot::before { box-shadow: 0 0 5px rgba(19, 138, 78, .5); }
[data-theme="light"] .dl-status-dot.offline { background: rgba(32, 45, 90, .1); color: #55607c; }
[data-theme="light"] .dl-status-dot.offline::before { background: #8b95b0; box-shadow: none; }

/* 用户中心 */
[data-theme="light"] .user-nav a { color: #4a5470; }
[data-theme="light"] .user-nav a:hover { background: rgba(91, 77, 226, .08); color: var(--primary); }
[data-theme="light"] .user-nav li.on a { background: #e9e4ff; color: #4b3fd6; font-weight: 600; }
[data-theme="light"] .tab-bar a.on { color: var(--primary); border-color: var(--primary); }

/* 徽标 / 状态 */
[data-theme="light"] .b-ok { background: rgba(19, 138, 78, .12); color: #0f7a43; }
[data-theme="light"] .b-warn { background: rgba(194, 110, 4, .12); color: #a85f00; }
[data-theme="light"] .b-busy { background: rgba(91, 77, 226, .13); color: #4b3fd6; }
[data-theme="light"] .b-gray { background: rgba(32, 45, 90, .1); color: #55607c; }
[data-theme="light"] .b-danger { background: rgba(216, 64, 82, .12); color: #c43748; }
[data-theme="light"] .b-info { background: rgba(14, 156, 185, .13); color: #0e7d95; }
[data-theme="light"] .b-gold { background: rgba(184, 115, 10, .13); color: #b8730a; }

/* Flash / 提示 */
[data-theme="light"] .flash-info { background: rgba(91, 77, 226, .08); border-color: rgba(91, 77, 226, .3); color: #4b3fd6; }
[data-theme="light"] .flash-success { background: rgba(19, 138, 78, .08); border-color: rgba(19, 138, 78, .3); color: #0f7a43; }
[data-theme="light"] .flash-warning { background: rgba(194, 110, 4, .08); border-color: rgba(194, 110, 4, .3); color: #a85f00; }
[data-theme="light"] .flash-danger { background: rgba(216, 64, 82, .08); border-color: rgba(216, 64, 82, .3); color: #c43748; }

/* 大厅滚动条(浅色) */
[data-theme="light"] .dl-shop > aside.dl-side-panel { scrollbar-color: rgba(60, 80, 150, .25) rgba(60, 80, 150, .07); }
[data-theme="light"] .dl-shop > aside.dl-side-panel::-webkit-scrollbar-track { background: rgba(60, 80, 150, .07); }
[data-theme="light"] .dl-shop > aside.dl-side-panel::-webkit-scrollbar-thumb { background: rgba(60, 80, 150, .25); }

/* 页脚保持深色，仅元素级替换其 muted 文本色 */
[data-theme="light"] .site-footer {
  --muted: #97a1c0;
  --cyan: #7cc7e0;
  --border: rgba(255, 255, 255, .12);
  background: #0b1020;
}
[data-theme="light"] .site-footer a:hover { color: var(--cyan); }
[data-theme="light"] .site-footer-mini p { color: #97a1c0; }

/* ============================================================
   后台 (admin.css + delta_admin.css)
   ============================================================ */
[data-theme="light"] .admin-side { border-right-color: rgba(255, 255, 255, .1); }
[data-theme="light"] .admin-top { background: rgba(255, 255, 255, .9); }
[data-theme="light"] .admin-top-right { color: #5f6a86; }
[data-theme="light"] .btn-outline:hover { border-color: var(--primary); color: #4b3fd6; }
[data-theme="light"] .inline-form input[type=text],
[data-theme="light"] .toolbar-form select,
[data-theme="light"] .toolbar-form input[type=text],
[data-theme="light"] .form-item input[type=text],
[data-theme="light"] .form-item input[type=password],
[data-theme="light"] .form-item input[type=number],
[data-theme="light"] .form-item input[type=email],
[data-theme="light"] .form-item select,
[data-theme="light"] .form-item textarea,
[data-theme="light"] .msg-reply-form input[type=text] {
  background: #fff; border-color: rgba(32, 45, 90, .22);
}
[data-theme="light"] .form-item label { color: #4a5470; }
[data-theme="light"] .check-line { color: #3a4258; }
[data-theme="light"] .form-subhead { color: #0e7d95; }
[data-theme="light"] .msg-body { background: #f7f9fd; color: #38405a; border-color: rgba(32, 45, 90, .16); }
[data-theme="light"] .msg-reply { color: #12804a; border-color: rgba(19, 138, 78, .32); }
[data-theme="light"] .info-box { border-color: rgba(194, 110, 4, .35); }
[data-theme="light"] .warn-bar { color: #9a5a00; }
[data-theme="light"] .info-bar { color: #0e7d95; }
[data-theme="light"] .da-kv .v { color: #2a324a; }
[data-theme="light"] .skin-chip-name { color: #2a324a; }
[data-theme="light"] .skin-group h4 { color: #1d2436; }

/* 后台登录页 */
[data-theme="light"] .admin-login-body {
  background: radial-gradient(800px 420px at 30% -60px, rgba(91, 77, 226, .12), transparent), var(--bg);
}
[data-theme="light"] .admin-login-box { box-shadow: 0 20px 50px rgba(35, 50, 100, .18); }

/* 浅色下保持"深色容器+亮字"的正确组合(不需改动的区块)：封面、侧栏、深色徽章等
   此处空留，避免误覆盖 cover 渐变与 admin 侧栏 */