/* ============================================================================
   WB 夜间适配 · 频道页深色
   主题深色开关 = <html scheme="dark">（不是 data-theme，也不是 class）
   作用域：#wb-aipic（AI 图片/视频）· .wbsz（Skill/专家区）· .wbplug（插件广场）
   原则：先重定义各频道自己的颜色变量，再补那些写死 #fff / #xxx 的地方。
        特异性 html[scheme=dark] + 容器 恒高于原规则（原 CSS 无 !important）。
   ========================================================================== */

/* ---------- 0. 原生控件跟随深色（select 下拉、滚动条、日期选择器等） ---------- */
html[scheme="dark"] #wb-aipic,
html[scheme="dark"] .wbsz,
html[scheme="dark"] .wbplug{color-scheme:dark}

/* ============================================================================
   1. AI 图片 / AI 视频  →  #wb-aipic
   ========================================================================== */
html[scheme="dark"] #wb-aipic{
  --blue:#6ea8fe;          /* 主色提亮，深底上才够亮 */
  --green:#4fd39a;
  --ink:#e9edf3;           /* 标题/正文 */
  --lav:#2a3038;           /* 浅紫底 */
  --muted:#a3adba;
  --line:#3f454b;
  --bg:#1f2328;            /* 与主题深色底一致 */
  --card:#272c31;
}
/* 吸顶工具条 */
html[scheme="dark"] #wb-aipic .tools{background:rgba(31,35,40,.92)}
/* 一堆白底小件 */
html[scheme="dark"] #wb-aipic .search,
html[scheme="dark"] #wb-aipic .seg,
html[scheme="dark"] #wb-aipic select.sort,
html[scheme="dark"] #wb-aipic .rail-box,
html[scheme="dark"] #wb-aipic .more,
html[scheme="dark"] #wb-aipic .vsrc,
html[scheme="dark"] #wb-aipic .dlg-more,
html[scheme="dark"] #wb-aipic .railtoggle,
html[scheme="dark"] #wb-aipic .blkbox{background:#272c31}
/* 分段控件选中：原设计是「墨底白字」，深色下墨色已变白 —— 换成主色蓝底 + 深字 */
html[scheme="dark"] #wb-aipic .seg button.on{background:#6ea8fe;color:#101418}
html[scheme="dark"] #wb-aipic .seg button:not(.on):hover,
html[scheme="dark"] #wb-aipic .catmaj:hover,
html[scheme="dark"] #wb-aipic .subs button:hover{background:rgba(255,255,255,.06)}
/* 缩略图占位底 */
html[scheme="dark"] #wb-aipic .card .thumb,
html[scheme="dark"] #wb-aipic .moregrid button .thumb{background:#20242a}
html[scheme="dark"] #wb-aipic .card:hover{
  border-color:#4d545d;box-shadow:0 10px 28px -12px rgba(0,0,0,.6)}
html[scheme="dark"] #wb-aipic .subs button{color:#b6bcc7}
/* 浅灰小标签（chips / ptabs / dlg 普通标签 / vsrc 小按钮 / 关闭键） */
html[scheme="dark"] #wb-aipic .chips button,
html[scheme="dark"] #wb-aipic .ptabs button,
html[scheme="dark"] #wb-aipic .dlg-tags .t.plain,
html[scheme="dark"] #wb-aipic .vsrc button,
html[scheme="dark"] #wb-aipic .vsrc a,
html[scheme="dark"] #wb-aipic .blkbox .bclose{background:rgba(255,255,255,.07);color:#b6bcc7}
html[scheme="dark"] #wb-aipic .chips button:hover,
html[scheme="dark"] #wb-aipic .ptabs button:hover{background:rgba(255,255,255,.11)}
html[scheme="dark"] #wb-aipic .more:hover{background:rgba(110,168,254,.1)}
/* 提示词块 */
html[scheme="dark"] #wb-aipic .pblock{background:#20242a}
html[scheme="dark"] #wb-aipic .pblock pre{color:#dfe4ea;scrollbar-color:#4a515a transparent}
html[scheme="dark"] #wb-aipic .pblock pre::-webkit-scrollbar-thumb{background:#4a515a;border-color:#20242a}
html[scheme="dark"] #wb-aipic .pblock pre::-webkit-scrollbar-thumb:hover{background:#5a626c}
/* 金色提示条 */
html[scheme="dark"] #wb-aipic .pnote{
  color:#e8c274;background:rgba(232,194,116,.12);border-color:rgba(232,194,116,.3)}
/* 视频来源条 */
html[scheme="dark"] #wb-aipic .vsrc .vlab{color:#e9edf3}
html[scheme="dark"] #wb-aipic .vsrc code{color:#a3adba}
/* 拦截/建议标签 */
html[scheme="dark"] #wb-aipic .blkbox .tagr{background:rgba(239,143,143,.15);color:#ef8f8f}
html[scheme="dark"] #wb-aipic .blkbox .tagr.sug{background:rgba(232,194,116,.14);color:#e8c274}
html[scheme="dark"] #wb-aipic .blkbox .tagr.pol{background:rgba(169,156,255,.16);color:#a99cff}
/* 零碎文字色 */
html[scheme="dark"] #wb-aipic .search input::placeholder{color:#7d8794}
html[scheme="dark"] #wb-aipic .catmaj .chev{color:#6d7783}
html[scheme="dark"] #wb-aipic .card .meta .dot{background:#5a626c}
html[scheme="dark"] #wb-aipic .dlg-info::-webkit-scrollbar-thumb{background:#4a515a}
/* 分类小标签是 PHP 写死的内联 style（浅底 + 同色深字），只能靠 !important 压。
   深色下那套浅底会变成一排亮块，统一收成主色系胶囊；分类名本身已表达信息。 */
html[scheme="dark"] #wb-aipic .cat,
html[scheme="dark"] #wb-aipic .dlg-tags .t{
  background:rgba(110,168,254,.14) !important;
  color:#8cc0ff !important}
/* 详情页（/ai-image/<key>、/ai-video/<key>）：模板自带的内联 style 给 .dlg-top 铺了白底，
   特异性与它打平会被顺序压过，这里多带一层 .wbap-single 稳压。 */
html[scheme="dark"] #wb-aipic .wbap-single .dlg-top,
html[scheme="dark"] #wb-aipic .dlg-top{background:#272c31;border-color:#3f454b}
/* 主色/绿色实心按钮上的字：深色下主色提亮了，白字对比不够，换深字 */
html[scheme="dark"] #wb-aipic .subs button.active,
html[scheme="dark"] #wb-aipic .chips button.on,
html[scheme="dark"] #wb-aipic .ptabs button.on,
html[scheme="dark"] #wb-aipic .pblock .copy,
html[scheme="dark"] #wb-aipic .vsrc button.done{color:#101418}
html[scheme="dark"] #wb-aipic .pblock .copy:hover{background:#8cc0ff}

/* ============================================================================
   2. Skill 区 / 专家区  →  .wbsz
   ========================================================================== */
html[scheme="dark"] .wbsz{
  --z-accent:#6ea8fe;
  --z-green:#4fd39a;
  --z-head:#ffffff;
  --z-body:#e3e7ed;
  --z-line:#3f454b;
  --z-light:#2a3036;
  --z-mute:#a3adba;
}
/* hero：原浅蓝→浅紫→白 的径向渐变，深色下换成深蓝→深灰→页底 */
html[scheme="dark"] .wbsz-hero{
  background:radial-gradient(120% 160% at 88% 10%,#22304a 0%,#262a3a 42%,#1f2328 78%)}
html[scheme="dark"] .wbsz-kicker,
html[scheme="dark"] .wbsz-chip,
html[scheme="dark"] .wbsz-filter a.is-on{background:rgba(110,168,254,.16)}
html[scheme="dark"] .wbsz-kicker,
html[scheme="dark"] .wbsz-chip{color:#8cc0ff}
html[scheme="dark"] .wbsz-chip-green{color:#4fd39a;background:rgba(79,211,154,.14)}
html[scheme="dark"] .wbsz-chip-hot{color:#ff9a7a;background:rgba(255,154,122,.14)}
/* 白底卡片 */
html[scheme="dark"] .wbsz-rank-item a,
html[scheme="dark"] .wbsz-filter a,
html[scheme="dark"] .wbsz-sort,
html[scheme="dark"] .wbsz-card,
html[scheme="dark"] .wbsz-pager .page-numbers{background:#272c31}
/* hover 边框与阴影 */
html[scheme="dark"] .wbsz-rank-item a:hover,
html[scheme="dark"] .wbsz-filter a:hover,
html[scheme="dark"] .wbsz-card:hover,
html[scheme="dark"] .wbsz-pager .page-numbers:hover{border-color:rgba(110,168,254,.55)}
html[scheme="dark"] .wbsz-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.5)}
html[scheme="dark"] .wbsz-sort a:hover{background:rgba(255,255,255,.06)}
html[scheme="dark"] .wbsz-sort a.is-on{background:rgba(110,168,254,.16);color:#8cc0ff}
/* 文字 */
html[scheme="dark"] .wbsz-intro,
html[scheme="dark"] .wbsz-lead{color:#a3adba}
html[scheme="dark"] .wbsz-desc{color:#a3adba}
html[scheme="dark"] .wbsz-tag{color:#b6bcc7}
html[scheme="dark"] .wbsz-filter a,
html[scheme="dark"] .wbsz-filter a span,
html[scheme="dark"] .wbsz-sort a,
html[scheme="dark"] .wbsz-pager .page-numbers{color:#b6bcc7}
html[scheme="dark"] .wbsz-filter a span{color:#8b93a1}
html[scheme="dark"] .wbsz-rank-no{color:#5f6874}
html[scheme="dark"] .wbsz-rank-item:nth-child(1) .wbsz-rank-no{color:#e0a007}
/* 主色实心上的字 */
html[scheme="dark"] .wbsz-filter a.is-on,
html[scheme="dark"] .wbsz-pager .page-numbers.current{
  background:#6ea8fe;border-color:#6ea8fe;color:#101418}
html[scheme="dark"] .wbsz-filter a.is-on span{color:rgba(16,20,24,.62)}
/* 蓝绿渐变徽标：深色下略提亮，白字保留 */
html[scheme="dark"] .wbsz-core,
html[scheme="dark"] .wbsz-glyph{background:linear-gradient(135deg,#4b8ef7,#2fc98f)}
html[scheme="dark"] .wbsz-orbit{border-color:rgba(110,168,254,.22)}
html[scheme="dark"] .wbsz-orbit-2{border-color:rgba(110,168,254,.3)}
html[scheme="dark"] .wbsz-orbit-3{border-color:rgba(79,211,154,.32)}

/* ============================================================================
   3. 插件广场  →  .wbplug
   ========================================================================== */
html[scheme="dark"] .wbplug{
  --p-accent:#6ea8fe;
  --p-green:#4fd39a;
  --p-head:#ffffff;
  --p-body:#e3e7ed;
  --p-line:#3f454b;
  --p-light:#2a3036;
  --p-mute:#a3adba;
}
html[scheme="dark"] .wbplug-hero{
  background:radial-gradient(120% 160% at 88% 10%,#22304a 0%,#262a3a 42%,#1f2328 78%)}
html[scheme="dark"] .wbplug-kicker,
html[scheme="dark"] .wbplug-chip,
html[scheme="dark"] .wbplug-cat,
html[scheme="dark"] .wbplug-filter a.is-on{background:rgba(110,168,254,.16)}
html[scheme="dark"] .wbplug-chip-green{color:#4fd39a;background:rgba(79,211,154,.14)}
html[scheme="dark"] .wbplug-chip-hot{color:#ff9a7a;background:rgba(255,154,122,.14)}
/* 浅蓝底上的蓝字要提亮，否则蓝底蓝字糊在一起 */
html[scheme="dark"] .wbplug-kicker,
html[scheme="dark"] .wbplug-chip,
html[scheme="dark"] .wbplug-cat,
html[scheme="dark"] .wbplug-install-label{color:#8cc0ff}
html[scheme="dark"] .wbplug-cat:hover{background:rgba(110,168,254,.24)}
/* 白底卡片与按钮 */
html[scheme="dark"] .wbplug-rank-item a,
html[scheme="dark"] .wbplug-filter a,
html[scheme="dark"] .wbplug-sort,
html[scheme="dark"] .wbplug-view,
html[scheme="dark"] .wbplug-card,
html[scheme="dark"] .wbplug-pager .page-numbers,
html[scheme="dark"] .wbplug-slogo,
html[scheme="dark"] .wbplug-btn,
html[scheme="dark"] .wbplug-btn-ghost,
html[scheme="dark"] .wbplug-panel{background:#272c31}
html[scheme="dark"] .wbplug-logo{border-color:#3f454b}
html[scheme="dark"] .wbplug-logo-txt,
html[scheme="dark"] .wbplug-install-label,
html[scheme="dark"] .wbplug-ver{background:rgba(110,168,254,.12)}
html[scheme="dark"] .wbplug-install{background:#20242a}
html[scheme="dark"] .wbplug-install code{color:#dfe4ea;background:#15181c}
html[scheme="dark"] .wbplug-shead{
  background:radial-gradient(120% 200% at 100% 0,#22304a 0,#1f2328 62%)}
html[scheme="dark"] .wbplug-btn:hover,
html[scheme="dark"] .wbplug-btn-ghost:hover{background:rgba(255,255,255,.06)}
html[scheme="dark"] .wbplug-btn:hover,
html[scheme="dark"] .wbplug-btn-ghost:hover,
html[scheme="dark"] .wbplug-rank-item a:hover,
html[scheme="dark"] .wbplug-filter a:hover,
html[scheme="dark"] .wbplug-card:hover,
html[scheme="dark"] .wbplug-pager .page-numbers:hover{border-color:rgba(110,168,254,.55)}
html[scheme="dark"] .wbplug-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.5)}
html[scheme="dark"] .wbplug-sort a:hover{background:rgba(255,255,255,.06)}
html[scheme="dark"] .wbplug-sort a.is-on{background:rgba(110,168,254,.16);color:#8cc0ff}
/* 文字 */
html[scheme="dark"] .wbplug-lead,
html[scheme="dark"] .wbplug-desc,
html[scheme="dark"] .wbplug-body,
html[scheme="dark"] .wbplug-md,
html[scheme="dark"] .wbplug-sort a,
html[scheme="dark"] .wbplug-view button,
html[scheme="dark"] .wbplug-pager .page-numbers,
html[scheme="dark"] .wbplug-filter a{color:#b6bcc7}
html[scheme="dark"] .wbplug-filter a span,
html[scheme="dark"] .wbplug-tagline,
html[scheme="dark"] .wbplug-gh,
html[scheme="dark"] .wbplug-foot-note{color:#8b93a1}
html[scheme="dark"] .wbplug-ver,
html[scheme="dark"] .wbplug-tags span{color:#a8b3c1}
html[scheme="dark"] .wbplug-md code{background:rgba(255,255,255,.08);color:#dfe4ea}
html[scheme="dark"] .wbplug-md th{background:rgba(255,255,255,.06)}
html[scheme="dark"] .wbplug-md blockquote{color:#a3adba}
html[scheme="dark"] .wbplug-tags span{background:rgba(255,255,255,.08)}
html[scheme="dark"] .wbplug-stars,
html[scheme="dark"] .wbplug-stars b{color:#3f454b}
/* 主色实心上的字 */
html[scheme="dark"] .wbplug-filter a.is-on,
html[scheme="dark"] .wbplug-view button.is-on,
html[scheme="dark"] .wbplug-pager .page-numbers.current,
html[scheme="dark"] .wbplug-copy{color:#101418}
html[scheme="dark"] .wbplug-filter a.is-on,
html[scheme="dark"] .wbplug-view button.is-on,
html[scheme="dark"] .wbplug-pager .page-numbers.current{
  background:#6ea8fe;border-color:#6ea8fe}
html[scheme="dark"] .wbplug-filter a.is-on span{color:rgba(16,20,24,.62)}
html[scheme="dark"] .wbplug-copy:hover{background:#8cc0ff}
html[scheme="dark"] .wbplug-core,
html[scheme="dark"] .wbplug-glyph{background:linear-gradient(135deg,#4b8ef7,#2fc98f)}
html[scheme="dark"] .wbplug-orbit{border-color:rgba(110,168,254,.22)}
html[scheme="dark"] .wbplug-orbit-2{border-color:rgba(110,168,254,.3)}
html[scheme="dark"] .wbplug-orbit-3{border-color:rgba(79,211,154,.32)}

/* ============================================================================
   4. AI 导航  →  .wban-root
   （老板这次没点名，但深色下同样是整页白板，一起收掉）
   ========================================================================== */
html[scheme="dark"] .wban-root{
  --wbg:#1f2328;
  --wpanel:#272c31;
  --wink:#e9edf3;
  --wink2:#b6bcc7;
  --wink3:#8b93a1;
  --wline:#3f454b;
  --wbrand:#6ea8fe;
  --wsoft:rgba(110,168,254,.14);
  --wgreen:#4fd39a;
  --wshadow:0 2px 10px rgba(0,0,0,.34),0 12px 30px rgba(0,0,0,.3);
  color-scheme:dark
}
/* 白底输入框与按钮 */
html[scheme="dark"] .wban-search input,
html[scheme="dark"] .wban-hero-badge,
html[scheme="dark"] .wban-subtab,
html[scheme="dark"] .wban-back,
html[scheme="dark"] .wban-empty,
html[scheme="dark"] .wban-shot,
html[scheme="dark"] .wban-fallback,
html[scheme="dark"] .wban-rel-card,
html[scheme="dark"] .wban-panel,
html[scheme="dark"] .wban-detail{
  background:#272c31
}
html[scheme="dark"] .wban-search input:focus{border-color:rgba(110,168,254,.55)}
html[scheme="dark"] .wban-cat:hover{background:rgba(255,255,255,.06)}
html[scheme="dark"] .wban-cat-num{background:rgba(255,255,255,.08);color:#8b93a1}
html[scheme="dark"] .wban-cat.on .wban-cat-num{background:#6ea8fe;color:#101418}
/* 小标签 */
html[scheme="dark"] .wban-tag{background:rgba(255,255,255,.07);color:#a3adba}
html[scheme="dark"] .wban-detail .wban-tag{
  background:rgba(255,255,255,.07);color:#a3adba;border-color:#3f454b}
html[scheme="dark"] .wban-card:hover,
html[scheme="dark"] .wban-card:focus{border-color:rgba(110,168,254,.55)}
html[scheme="dark"] .wban-pg{border-color:#3f454b;background:#272c31;color:#b6bcc7}
html[scheme="dark"] .wban-pg:hover{border-color:rgba(110,168,254,.55);color:#8cc0ff}
html[scheme="dark"] .wban-pg.on{background:#6ea8fe;border-color:#6ea8fe;color:#101418}
html[scheme="dark"] .wban-btn{border-color:#3f454b;background:#272c31;color:#b6bcc7}
html[scheme="dark"] .wban-btn.pri{background:#6ea8fe;border-color:#6ea8fe;color:#101418}
html[scheme="dark"] .wban-md blockquote{background:rgba(110,168,254,.1);color:#b6bcc7}
html[scheme="dark"] .wban-side::-webkit-scrollbar-thumb{background:#4a515a}
html[scheme="dark"] .wban-go{color:#8b93a1}
html[scheme="dark"] .wban-go:hover{color:#8cc0ff;background:rgba(110,168,254,.14)}
/* 站点 logo 的小方块保留白底：深色下白底托图更清楚，也更像「图标」 */
html[scheme="dark"] .wban-logo-img,
html[scheme="dark"] .wban-dlogo-img,
html[scheme="dark"] .wban-rel-logo-img{background:#fff}