/* ============================================================
   牛来中转站 · PPT 风格主题（对齐 pptoken.cc 的视觉语言）
   —— 暗色 navy + teal/cyan + indigo 渐变 PP 标识
   —— 只覆盖色板 / 关键组件，不改控制台原有交互逻辑
   ============================================================ */
:root{
  /* 主题色板（与 pptoken.cc 同步） */
  --bg:#0d1421;          /* 主背景 深 navy */
  --bg2:#101a2c;          /* 次背景 略浅 navy */
  --card:#161f33;         /* 卡片背景 偏蓝深灰 */
  --card-2:#1c2741;       /* 卡片 hover / 激活 */
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.12);
  --t1:#f1f5f9;           /* 主文字 */
  --t2:#94a3b8;           /* 次文字 slate-400 */
  --t3:#64748b;           /* 弱文字 */

  /* 强调色 */
  --acc:#14b8a6;          /* teal-500 主强调 */
  --acc-2:#06b6d4;        /* cyan-500 次强调 */
  --acc-soft:rgba(20,184,166,.14);
  --acc-glow:rgba(20,184,166,.35);

  /* logo 渐变 indigo→cyan */
  --logo-1:#818cf8;       /* indigo-400 */
  --logo-2:#06b6d4;       /* cyan-500 */

  /* 状态色 */
  --green:#34d399;
  --red:#f87171;
  --blue:#60a5fa;
  --purple:#a78bfa;
  --orange:#fb923c;
  --gold:#facc15;
}

/* ===== 侧栏（dashboard / portal） ===== */
.app, .layout{ background: radial-gradient(900px 500px at 80% -10%,rgba(20,184,166,.08),transparent 60%),var(--bg); }

/* 侧栏 */
.sidebar{ background: linear-gradient(180deg,#0f1729,#0c1322) !important; border-right-color: var(--line) !important; }
.sidebar .side-brand{ background: transparent !important; }
.sidebar .side-brand .brand-logo{
  background: linear-gradient(135deg,var(--logo-1),var(--logo-2)) !important;
  color:#fff !important;
}
.sidebar .side-brand b{ color:var(--t1) !important; }
.sidebar .side-brand small{ color:var(--t3) !important; }
.nav-group{ color:var(--t3) !important; }
.nav-item{ color:var(--t2) !important; }
.nav-item:hover{ background:var(--card) !important; color:var(--t1) !important; }
.nav-item.active{
  background: linear-gradient(90deg,rgba(20,184,166,.18),rgba(20,184,166,.04)) !important;
  color:var(--acc) !important;
  border-left:3px solid var(--acc) !important;
}
.nav-item .nav-badge{ display:none !important; } /* PPT 侧栏极简 不要徽标 */

/* 顶部右侧 */
.topbar h1{ color:var(--t1) !important; }
.topbar .top-right .btn-ghost{ color:var(--t2) !important; border-color:var(--line) !important; }

/* 余额条 */
#navBalance{ color:var(--acc) !important; }
.user-mini{ background:transparent !important; border-top-color:var(--line) !important; }
.user-mini .avatar{
  background: linear-gradient(135deg,var(--logo-1),var(--logo-2)) !important; color:#fff !important;
}

/* ===== 主区卡片 ===== */
.main{ background:transparent !important; }
.hero{
  background:linear-gradient(135deg,rgba(129,140,248,.10),rgba(6,182,212,.10)) !important;
  border:1px solid var(--line) !important;
}
.hero h2{ color:var(--t1) !important; }
.hero p{ color:var(--t2) !important; }
.hero .bg-glyph{ color:rgba(255,255,255,.04) !important; }

.card{
  background: linear-gradient(180deg,var(--card),var(--bg2)) !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
}
.card .bar b{ color:var(--t1) !important; }
.card .bar .tag{ background:var(--card-2) !important; color:var(--t2) !important; }

/* 状态卡片图标圆点 */
.stat .icon{ border-radius:10px !important; }
.stat .val{ color:var(--t1) !important; }
.stat .lab{ color:var(--t2) !important; }
.stat .trend{ color:var(--t3) !important; }

/* ===== 按钮 ===== */
.btn-gold{
  background:linear-gradient(135deg,var(--logo-1),var(--logo-2)) !important;
  color:#fff !important;
  border:none !important;
}
.btn-gold:hover{ filter:brightness(1.08); box-shadow:0 6px 24px rgba(6,182,212,.35); }
.btn-ghost{ background:transparent !important; color:var(--t2) !important; border:1px solid var(--line) !important; }
.btn-ghost:hover{ color:var(--t1) !important; border-color:var(--acc) !important; }

/* ===== 表格 ===== */
.table-wrap table thead th{ color:var(--t3) !important; background:var(--card) !important; }
.table-wrap table tbody tr{ border-color:var(--line) !important; }
.table-wrap table tbody tr:hover{ background:var(--card) !important; }

/* ===== 弹层 ===== */
.modal-mask{ background:rgba(0,0,0,.6) !important; }
.modal{ background:linear-gradient(180deg,var(--card),var(--bg2)) !important; border:1px solid var(--line) !important; }
.modal-head{ border-bottom-color:var(--line) !important; }
.modal-foot{ border-top-color:var(--line) !important; }
.modal .close-x{ color:var(--t3) !important; }
.modal .in{ background:var(--bg) !important; color:var(--t1) !important; border-color:var(--line) !important; }

/* ===== Toast / 红包 / 输入 ===== */
.toast{ background:linear-gradient(135deg,var(--acc),var(--acc-2)) !important; color:#062925 !important; }
.toast.err{ background:linear-gradient(135deg,#ef4444,#f87171) !important; color:#fff !important; }
.redpacket{ background:linear-gradient(160deg,#ef4444,#f87171) !important; }

/* ===== Tag 配色对齐 ===== */
.tag-green{ background:rgba(52,211,153,.14) !important; color:#34d399 !important; }
.tag-red{ background:rgba(248,113,113,.14) !important; color:#f87171 !important; }
.tag-orange{ background:rgba(251,146,60,.14) !important; color:#fb923c !important; }
.tag-blue{ background:rgba(96,165,250,.14) !important; color:#60a5fa !important; }
.tag-purple{ background:rgba(167,139,250,.14) !important; color:#a78bfa !important; }

/* ===== 模型价格广场卡片 ===== */
.model-card{
  background: linear-gradient(180deg,var(--card),var(--bg2)) !important;
  border:1px solid var(--line) !important;
}
.model-card:hover{ border-color:var(--acc) !important; box-shadow:0 8px 30px rgba(20,184,166,.18); }
.model-hot{
  background:var(--acc) !important; color:#062925 !important;
}

/* ===== 订阅卡片对齐 PPT ===== */
.plan{
  background:linear-gradient(180deg,var(--card),var(--bg2)) !important;
  border:1px solid var(--line) !important;
}
.plan:hover{ border-color:var(--acc) !important; box-shadow:0 16px 40px rgba(20,184,166,.16); }
.plan h3{ color:var(--t1) !important; }
.plan .tag{ background:rgba(167,139,250,.14) !important; color:#a78bfa !important; }
.plan .ribbon{ background:rgba(248,113,113,.16) !important; color:var(--red) !important; }
.plan .price b{ color:var(--acc) !important; }
.plan .price .cur{ color:var(--acc) !important; }
.plan .price .strike{ color:var(--t3) !important; }
.plan .price .off{ background:rgba(52,211,153,.14) !important; color:var(--green) !important; }
.plan .stats{ background:rgba(13,20,33,.6) !important; border:1px solid var(--line) !important; }
.plan .stats div span{ color:var(--t1) !important; }
.plan button{
  background: linear-gradient(135deg,var(--logo-1),var(--logo-2)) !important;
  color:#fff !important;
}

/* ===== 平台 chip ===== */
.platforms .platform{
  background:var(--card) !important; border:1px solid var(--line) !important; color:var(--t1) !important;
}

/* ===== 弹层里的收款码 ===== */
.qr-frame{
  background:#fff; padding:14px; border-radius:14px; display:inline-block;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.qr-frame img{ max-width:240px; display:block; border-radius:8px; }
.pay-tip{
  display:inline-block; margin-top:10px; padding:4px 12px;
  background:linear-gradient(135deg,#facc15,#fb923c); color:#1a1306;
  border-radius:999px; font-weight:800; font-size:12.5px;
}
.pay-meta{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; margin-top:14px; font-size:13px; color:var(--t2); }
.pay-meta b{ color:var(--acc); }

/* ===== 简化的设置面板 ===== */
.set-row{ border-bottom:1px solid var(--line) !important; }
.set-row b{ color:var(--t1) !important; }
.set-row .ic{ color:var(--acc) !important; }