/* ==========================================================
   ONEAIART 全站暗色主题层（v107）
   - 与创作页 create.html 的暗色令牌一致（oaa-theme 互通）
   - 变量驱动页（app/styles.css、index、login、register、recharge）
     走变量覆盖；硬编码页（gallery、history、settings）走选择器覆盖
   - admin.html / admin-login.html / upload_test.html 本就是暗色设计，
     不接入本文件
   ========================================================== */

/* ---------- 基础 ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
}
html[data-theme="dark"] body{
  background:#0f1117;
  color:#eef1f6;
}

/* ---------- 主题切换按钮（与创作页 .theme-toggle 同款） ---------- */
.theme-toggle{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:10px;background:transparent;cursor:pointer;font-size:16px;transition:all .15s;color:#475569;flex-shrink:0}
.theme-toggle:hover{border-color:#6366f1;color:#6366f1}
html[data-theme="dark"] .theme-toggle{border-color:#262b38;color:#a6adbc}
html[data-theme="dark"] .theme-toggle:hover{border-color:#5b7cfa;color:#5b7cfa}
/* 无导航页（login/register/recharge）右上角浮动 */
.theme-toggle-float{position:fixed;top:18px;right:18px;z-index:900;background:rgba(255,255,255,.75);backdrop-filter:blur(8px)}
html[data-theme="dark"] .theme-toggle-float{background:rgba(23,26,34,.75)}

/* ==========================================================
   app.html —— 共享设计系统 /css/styles.css 变量覆盖
   ========================================================== */
html[data-theme="dark"]{
  --color-bg:#0f1117;
  --color-bg-alt:#161a23;
  --color-white:#171a22;                 /* 23 处卡片/输入面背景 */
  --color-border:#262b38;
  --color-border-light:#202634;
  --color-text:#eef1f6;
  --color-text-secondary:#a6adbc;
  --color-text-muted:#69707f;
  --color-primary-bg:#1d2438;            /* 靛蓝软底 */
  --color-primary-dark:#a5b4fc;          /* 深靛在暗色下转亮靛（文字/渐变） */
  --color-success-bg:rgba(52,211,153,.12);
  --color-warning-bg:rgba(245,158,11,.1);
  --color-error-bg:rgba(239,68,68,.12);
  --color-info-bg:rgba(59,130,246,.12);
}
/* --color-white 翻转后唯一一处文字用法补丁（成功色按钮 hover 文字保持白） */
html[data-theme="dark"] .placeholder-actions .btn-publish-single:hover{color:#fff}

/* ==========================================================
   index.html —— 自有变量（--ink/--bg/--card/--border 等）
   ========================================================== */
html[data-theme="dark"]{
  --ink:#eef1f6; --ink2:#a6adbc; --ink3:#69707f;
  --bg:#0f1117; --bg2:#12151d; --bg3:#1a1e29;
  --card:#171a22; --border:#262b38;
  --shadow:0 1px 3px rgba(0,0,0,.4);
  --shadow-lg:0 20px 60px rgba(0,0,0,.45);
}
html[data-theme="dark"] .nav{background:rgba(15,17,23,.85);border-bottom-color:#262b38}
/* [v109] 三步电商流程段：原渐变尾部硬编码 #eef2ff 浅靛，暗色下刺眼 */
html[data-theme="dark"] .flow{background:linear-gradient(180deg,#12151d 0%,#0f1117 100%)}
html[data-theme="dark"] .showcase-item{background:#171a22}
html[data-theme="dark"] .showcase-thumb{background:linear-gradient(135deg,rgba(99,102,241,.14),rgba(139,92,246,.18))}

/* ==========================================================
   login.html / register.html / recharge.html —— 同一套变量
   （--canvas/--ink/--surface/--surface-input/--hairline/--primary-soft）
   ========================================================== */
html[data-theme="dark"]{
  --canvas:#0f1117;
  --ink:#eef1f6;
  --ink-soft:#a6adbc;
  --ink-muted:#69707f;
  --surface:#171a22;
  --surface-input:#1f2330;
  --hairline:#262b38;
  --primary-soft:rgba(91,124,250,.16);
  --shadow-md:0 4px 16px rgba(0,0,0,.45);
  --shadow-xl:0 20px 60px rgba(0,0,0,.5);
}
/* 输入框 focus 硬编码白底修正 */
html[data-theme="dark"] .f-input:focus,
html[data-theme="dark"] .inp:focus{background:#1f2330}
/* 注册页次按钮 */
html[data-theme="dark"] .btn-secondary{background:#1f2330;color:#eef1f6}
html[data-theme="dark"] .btn-secondary:hover{background:#262b38}
/* 充值页状态徽章：浅色粉彩 → 暗色半透明 */
html[data-theme="dark"] .status.pending{background:rgba(245,158,11,.12);color:#fbbf24}
html[data-theme="dark"] .status.completed{background:rgba(52,211,153,.12);color:#34d399}
html[data-theme="dark"] .status.waiting{background:rgba(99,102,241,.16);color:#a5b4fc}
html[data-theme="dark"] .pending-banner{background:rgba(245,158,11,.08)}
html[data-theme="dark"] .banner-title{color:#fbbf24}
html[data-theme="dark"] .banner-sub{color:#e0a53f}
html[data-theme="dark"] .success-title{color:#34d399}

/* ==========================================================
   gallery.html —— 硬编码浅色选择器覆盖
   ========================================================== */
html[data-theme="dark"] .nav{background:rgba(15,17,23,.85);border-bottom-color:#262b38}
html[data-theme="dark"] .nav-name{color:#eef1f6}
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .nav-item{color:#a6adbc}
html[data-theme="dark"] .nav-item.active{background:rgba(91,124,250,.16)}
html[data-theme="dark"] .btn-ghost{color:#eef1f6;border-color:#262b38}
html[data-theme="dark"] .gallery-card{background:#171a22;border-color:#262b38}
html[data-theme="dark"] .gallery-card .info{color:#a6adbc}
html[data-theme="dark"] .gallery-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.5)}
html[data-theme="dark"] .empty-hint{color:#69707f}
html[data-theme="dark"] .pagination button{background:#171a22;color:#a6adbc;border-color:#262b38}
html[data-theme="dark"] .pagination span{color:#69707f}

/* ==========================================================
   history.html —— 硬编码浅色选择器覆盖
   ========================================================== */
html[data-theme="dark"] .nav{background:rgba(15,17,23,.85);border-bottom-color:#262b38}
html[data-theme="dark"] .nav-name{color:#eef1f6}
html[data-theme="dark"] .nav-links a{color:#a6adbc}
html[data-theme="dark"] .btn-ghost{color:#eef1f6;border-color:#262b38}
html[data-theme="dark"] .card{background:#171a22;border-color:#262b38}
html[data-theme="dark"] .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.5)}
html[data-theme="dark"] .card .meta{color:#8b93a5}
html[data-theme="dark"] .empty{color:#69707f}
html[data-theme="dark"] .spin{border-color:#262b38;border-top-color:#5b7cfa}
html[data-theme="dark"] .detail{border-top-color:#262b38}
/* 状态徽章：浅色粉彩 → 暗色半透明 */
html[data-theme="dark"] .st.ok{background:rgba(52,211,153,.12);color:#34d399}
html[data-theme="dark"] .st.ing{background:rgba(59,130,246,.14);color:#60a5fa}
html[data-theme="dark"] .st.wait{background:rgba(245,158,11,.12);color:#fbbf24}
html[data-theme="dark"] .st.fail{background:rgba(239,68,68,.12);color:#f87171}

/* ==========================================================
   settings.html —— 硬编码浅色选择器覆盖
   ========================================================== */
html[data-theme="dark"] .nav{background:rgba(15,17,23,.85);border-bottom-color:#262b38}
html[data-theme="dark"] .nav-name{color:#eef1f6}
html[data-theme="dark"] .nav-links a,
html[data-theme="dark"] .nav-item{color:#a6adbc}
html[data-theme="dark"] .btn-ghost{color:#eef1f6;border-color:#262b38}
html[data-theme="dark"] .settings-form{background:#171a22;border-color:#262b38}
html[data-theme="dark"] .settings-form label{color:#a6adbc}
html[data-theme="dark"] .settings-form input{background:#1f2330;border-color:#262b38;color:#eef1f6}
html[data-theme="dark"] .settings-form input:disabled{background:#161a23;color:#69707f}

/* ==========================================================
   移动端公共层（v110）—— 所有接入页生效，与主题无关
   修复：导航按钮被挤压换行（如「退出」竖排两行）
   ========================================================== */
/* 按钮文字永不折行、不被 flex 压缩 */
.btn,.btn-ghost,.btn-primary,.theme-toggle,
.nav-cta a,.nav-cta button{white-space:nowrap;flex-shrink:0}

@media(max-width:640px){
  /* --- 导航收紧：logo 保留、文字品牌名隐藏；放不下自动折行兜底 --- */
  .nav-inner{padding:6px 12px;height:auto;min-height:54px;flex-wrap:wrap;row-gap:6px}
  .nav-brand{gap:0}
  .nav-name{display:none}
  .nav-cta{gap:6px}
  .nav-user{gap:6px}
  /* 用户名手机端收起（个人信息在设置页可见） */
  #navUser,#navUsername{display:none !important}
  /* 按钮压缩（!important 压 HTML 内联样式） */
  .nav-cta .btn,.nav-cta .btn-ghost,.nav-cta .btn-primary{padding:6px 10px !important;font-size:12px !important}
  .nav-cta a[href*="recharge"]{padding:6px 12px !important;font-size:12px !important}
  /* 积分徽章压缩（各页 id 不同，统一按内联样式覆盖） */
  .nav-cta span[id^="navBal"]{font-size:11px !important;padding:2px 8px !important;margin-right:0 !important}
  /* 导航链接组 */
  .nav-links{gap:12px}
  .nav-links a,.nav-item{font-size:13px}
  .nav-links a.nav-btn-create{padding:6px 12px;font-size:13px}
  /* 主题按钮 */
  .theme-toggle{width:32px;height:32px;font-size:14px}
  .theme-toggle-float{top:12px;right:12px}

  /* --- 内容区 --- */
  .main{padding:16px 14px}
  .gallery-grid{padding:16px 12px;gap:12px}
  .pagination{padding:8px 12px 40px;gap:10px}
  .settings-form{margin:20px auto;padding:22px 16px}
  .card{padding:14px}
  /* 历史页缩略图：390px 下 180px 会顶满一行只放一张 */
  .imgs img{max-width:44vw;height:84px}
  .viewer img{max-width:96vw;max-height:82vh}
  /* 充值页 */
  .wrap{padding:14px}
  /* 首页 hero 按钮允许换行 */
  .hero-btns{flex-wrap:wrap;gap:10px}
}
@media(max-width:380px){
  .nav-links{gap:9px}
  .nav-links a,.nav-item{font-size:12.5px}
}