/* ============================================================
   锐界资源网 · vip2026 模板设计系统（深色覆盖层）
   在 design_light.css 之后引入，整体切换为深色配色（可选方案）
   主色：#8b7cf6 → #38bdf8，底色：#0b1220
   ============================================================ */
:root{
  --bg:#0b1220; --card:#111a2e; --text:#e2e8f0; --muted:#7c8aa5;
  --border:#1e293b; --shadow:0 3px 14px rgba(0,0,0,.3);
  --shadow-hover:0 12px 30px rgba(139,124,246,.22);
  --grad:linear-gradient(90deg,#8b7cf6,#6d5ef2);
  --grad2:linear-gradient(120deg,#8b7cf6,#38bdf8 130%);
}
body{background:var(--bg);color:var(--text)}
.topbar,.cats,.item,.vip-band,.list-wrap,.plan,.benefit,.hero-txt .cta .primary{background:var(--card)}
.topbar{border-bottom:1px solid var(--border)}
.logo small,.cat span,.sec-head .more,.meta,.crumb{color:var(--muted)}
.nav a,.topbtn .login{color:#94a3b8}
.search{background:#1a2440}
.search input{color:#e2e8f0}
.search input::placeholder{color:#7c8aa5}
.search i{background:var(--grad)}
.cat:hover{background:#1a2440}
.cat b,.item .body h3,.list-head h2,.sec-head h2,.benefit h3,.vip-band .txt h3{color:#e2e8f0}
.item .body .tags span{background:#1a2440;color:#94a3b8}
.item .body .tags span.v{background:#232f55;color:#a5b4fc}
.vip-band::before{background:linear-gradient(180deg,#8b7cf6,#38bdf8)}
.pack{border-color:var(--border);background:var(--card)}
.pack.hot{border-color:#8b7cf6;background:#18234a}
.pack b,.pack .price{color:#e2e8f0}
.plan{border-color:var(--border);background:var(--card)}
.plan.hot{border-color:#8b7cf6}
.plan b,.plan .pr{color:#e2e8f0}
.plan ul li{color:#94a3b8;border-bottom:1px dashed var(--border)}
.plan .buy.plain,.pager a,.pager span{background:#1a2440;color:#94a3b8}
.benefit .b{background:#1a2440}
.benefit .b b{color:#e2e8f0}
.pager .cur{background:var(--grad);color:#fff}
.list-wrap .pill.ghost,.list-head .pill.ghost{border-color:#334155;color:#94a3b8}
.list-wrap div[style*="background:#f8fafc"]{background:#1a2440!important}
.list-wrap div[style*="color:#475569"]{color:#e2e8f0!important}

/* ===== vip2026 深色框架适配 ===== */
.navwrap{background:var(--card);border-top-color:var(--border);border-bottom-color:var(--border)}
.navwrap .nav a{color:#94a3b8}
.navwrap .nav a:hover,.navwrap .nav a.on{color:#a5b4fc}
.navwrap .nav .dd-menu{background:#111a2e;border-color:var(--border)}
.navwrap .nav .dd-menu a{color:#94a3b8}
.navwrap .nav .dd-menu a:hover{color:#e2e8f0;background:#1a2440}
.topbar .search{background:#1a2440}
.topbar .search select{background:transparent;color:#7c8aa5}
.topbar .search input{color:#e2e8f0}
.topbar .search input::placeholder{color:#7c8aa5}
.topbar .topbtn .login{color:#94a3b8}