/* ============================================================
   MuyuGPT Light / Dark 语义主题系统 v3（muyu-theme）
   Light = 现有白色风格零改动（变量仅声明不强制应用）。
   Dark  = html[data-theme="dark"] 下按语义完整映射全站文字与表面。
   纯视觉：不含任何内容/结构/SEO/业务规则。
   ============================================================ */
:root{
  color-scheme:light;
  --page-bg:#ffffff;  --page-bg-soft:#f7f8f8;
  --surface-1:#ffffff; --surface-2:#f3f5f5; --surface-3:#eaf1f0;
  --text-strong:#111514; --text-primary:#252b29; --text-secondary:#646d69;
  --text-muted:#8a938f;  --text-disabled:#aeb5b2; --text-on-accent:#ffffff;
  --border-subtle:rgba(17,21,20,.10); --border-medium:rgba(17,21,20,.18);
  --accent:#00a86b; --danger:#e64040; --success:#00a86b;
  /* 首页线性装置（Light） */
  --k-line:#1c1c1a; --k-line-soft:rgba(20,20,20,.34); --k-line-faint:rgba(20,20,20,.16);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#080908;  --page-bg-soft:#0d0f0e;
  --surface-1:#121513; --surface-2:#171b19; --surface-3:#1e2421;
  --text-strong:#f5f7f6; --text-primary:#e2e7e4; --text-secondary:#b8c0bc;
  --text-muted:#929c97;  --text-disabled:#707975; --text-on-accent:#07110d;
  --border-subtle:rgba(255,255,255,.11); --border-medium:rgba(255,255,255,.18);
  --accent:#00a86b; --danger:#ff6b63; --success:#31d492;
  --k-line:#f0f0ec; --k-line-soft:rgba(255,255,255,.42); --k-line-faint:rgba(255,255,255,.18);
}

/* ---------- 导航整组左移（视觉定位，Logo 文件零改动） ---------- */
.nav .nav-inner{position:relative;left:-36px;}
@media (max-width:1024px){ .nav .nav-inner{left:0;} }

/* ---------- 主题切换按钮 ---------- */
.theme-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:36px;height:36px;border-radius:50%;border:1px solid var(--border-medium);
  background:var(--surface-1);font-size:16px;line-height:1;cursor:pointer;display:inline-flex;
  align-items:center;justify-content:center;z-index:5;
  transition:background-color .25s,border-color .25s;}
.theme-toggle:hover{border-color:var(--accent);}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
@media (max-width:1024px){ .theme-toggle{right:58px;} }

/* ---------- 颜色过渡（仅颜色属性，无 transition:all） ---------- */
body,.nav,.rx-cat,.pcard,.modal-card,.rx-trust-card,.rx-guard,.feature,
.rx-compare,.cl-compare,.step,.rx-faq details,.acc,.cx-feat,footer.footer,
.pay-notice-bar,.chat-fab,.prod-opt,.rx-pill,input,textarea,select{
  transition:background-color .28s ease,color .28s ease,border-color .28s ease;}

/* ---------- 装置小球明暗 ---------- */
.ball-dark{fill:#1c1c1a;}
html[data-theme="dark"] .ball-dark{fill:#e8e8e4;}
.ball-white{fill:#ffffff;stroke:rgba(20,20,20,.25);stroke-width:1;}
html[data-theme="dark"] .ball-white{stroke:rgba(255,255,255,.3);}

/* ============================================================
   DARK MODE 全站语义映射（以下全部仅在 dark 生效）
   ============================================================ */

/* --- 0) 页面基底与通用文字元素（不使用 * 通配） --- */
html[data-theme="dark"] body{background:var(--page-bg) !important;color:var(--text-primary);}
html[data-theme="dark"] .brand-ambient{display:none !important;}
html[data-theme="dark"] h1{color:var(--text-strong);}
html[data-theme="dark"] h2{color:var(--text-strong);}
html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:var(--text-strong);}
html[data-theme="dark"] :is(p,li,dd,dt,td,figcaption,summary,blockquote,label){color:var(--text-primary);}
html[data-theme="dark"] th{color:var(--text-strong);}
html[data-theme="dark"] small{color:var(--text-muted);}
/* 内联写死的深灰字批量矫正（#333~#999 / 黑），按明度映射语义层级 */
html[data-theme="dark"] [style*="color:#111"],html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color:#222"],html[data-theme="dark"] [style*="color:#333"]{color:var(--text-strong) !important;}
html[data-theme="dark"] [style*="color:#444"],html[data-theme="dark"] [style*="color:#555"]{color:var(--text-primary) !important;}
html[data-theme="dark"] [style*="color:#666"],html[data-theme="dark"] [style*="color:#777"]{color:var(--text-secondary) !important;}
html[data-theme="dark"] [style*="color:#888"],html[data-theme="dark"] [style*="color:#999"]{color:var(--text-muted) !important;}

/* --- 1) 导航 / 下拉 --- */
html[data-theme="dark"] .nav{background:rgba(8,9,8,.9);border-bottom:1px solid var(--border-subtle);}
html[data-theme="dark"] .nav-link{color:var(--text-primary) !important;}
html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .nav-link:focus-visible{color:var(--text-strong) !important;}
html[data-theme="dark"] .nav-link.nav-active{color:var(--text-strong) !important;}
html[data-theme="dark"] .brand-name{color:var(--text-strong) !important;}
html[data-theme="dark"] .brand-name em{color:var(--accent) !important;}
html[data-theme="dark"] .nav-toggle{color:var(--text-primary) !important;}
html[data-theme="dark"] .logo-img{background:#ffffff;border-radius:9px;padding:3px;box-sizing:content-box;}
html[data-theme="dark"] .drop{background:var(--surface-2);border:1px solid var(--border-medium);box-shadow:0 22px 48px rgba(0,0,0,.7);}
html[data-theme="dark"] .drop-item b{color:var(--text-strong);}
html[data-theme="dark"] .drop-item span{color:var(--text-muted);}
html[data-theme="dark"] .drop-item:hover{background:var(--surface-3);}
@media (max-width:1024px){
  html[data-theme="dark"] .nav-menu{background:var(--page-bg-soft);border-color:var(--border-subtle);}
}

/* --- 2) 首页 Hero 与板块 --- */
html[data-theme="dark"] .rx-pill{background:var(--surface-2);border-color:var(--border-medium);color:var(--text-secondary);}
html[data-theme="dark"] .rx-h1{color:var(--text-strong) !important;}
html[data-theme="dark"] .rx-lead{color:var(--text-secondary) !important;}
html[data-theme="dark"] .rx-cta .btn-fill{background:#ffffff !important;color:#111514 !important;border-color:#ffffff !important;}
html[data-theme="dark"] .rx-cta .btn-fill:hover{background:#e6e6e1 !important;}
html[data-theme="dark"] .rx-cta .btn:not(.btn-fill){background:transparent !important;color:var(--text-strong) !important;border:1px solid var(--border-medium) !important;}
html[data-theme="dark"] .rx-cta .btn:not(.btn-fill):hover{border-color:var(--accent) !important;}
html[data-theme="dark"] :is(.rx-section,.section){background:transparent !important;}
html[data-theme="dark"] :is(.rx-soft,.section.band){background:var(--page-bg-soft) !important;border-block:1px solid var(--border-subtle) !important;}
html[data-theme="dark"] .rx-head .eyebrow,html[data-theme="dark"] .sec-head .eyebrow{color:var(--text-muted) !important;}
html[data-theme="dark"] .rx-head h2,html[data-theme="dark"] .sec-head h2{color:var(--text-strong) !important;}
html[data-theme="dark"] .rx-head p,html[data-theme="dark"] .sec-head p{color:var(--text-secondary) !important;}
html[data-theme="dark"] .rx-head p a,html[data-theme="dark"] .sec-head p a{color:var(--accent);}
html[data-theme="dark"] .rx-cat{background:var(--surface-1);border:1px solid var(--border-subtle);box-shadow:none;}
html[data-theme="dark"] .rx-cat:hover{border-color:var(--border-medium);}
html[data-theme="dark"] .rx-cat-k{color:var(--text-strong);}
html[data-theme="dark"] .rx-cat-d{color:var(--text-secondary);}
html[data-theme="dark"] .rx-cat-d b{color:var(--text-strong);}
html[data-theme="dark"] .rx-cat-go{color:var(--text-secondary);}
html[data-theme="dark"] .rx-cat:hover .rx-cat-go{color:var(--accent);}
html[data-theme="dark"] :is(.rx-trust-card,.rx-guard,.feature,.step){background:var(--surface-1);border:1px solid var(--border-subtle);}
html[data-theme="dark"] .rx-trust-card b{color:var(--text-strong);}
html[data-theme="dark"] .rx-trust-card span{color:var(--text-muted);}
html[data-theme="dark"] .rx-guard .t{color:var(--text-strong);}
html[data-theme="dark"] :is(.rx-guard,.feature,.step) p{color:var(--text-secondary);}
html[data-theme="dark"] :is(.feature,.step) h3{color:var(--text-strong);}
html[data-theme="dark"] .step-no{color:var(--accent);}
html[data-theme="dark"] .rx-ui-chip{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);}
html[data-theme="dark"] .rx-video-frame{border:1px solid var(--border-subtle);background:#000;}
html[data-theme="dark"] .rx-cta-black{background:var(--page-bg-soft);border-block:1px solid var(--border-subtle);}
html[data-theme="dark"] .rx-cta-black h2{color:var(--text-strong);}
html[data-theme="dark"] .rx-cta-black p{color:var(--text-secondary);}
html[data-theme="dark"] .rx-btn-white{background:#ffffff !important;color:#111514 !important;}
html[data-theme="dark"] .hero-v2 .muyu-kinetic-mark{filter:none;}

/* --- 3) 表格（首页对比表 + 产品页权益表 + 通用 table） --- */
html[data-theme="dark"] :is(.rx-compare,.cl-compare){background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--text-primary);}
html[data-theme="dark"] :is(.rx-compare,.cl-compare) :is(th,td){border-color:var(--border-subtle);}
html[data-theme="dark"] :is(.rx-compare,.cl-compare) thead th{background:var(--surface-2);color:var(--text-strong);}
html[data-theme="dark"] :is(.rx-compare,.cl-compare) tbody :is(th,td:first-child){background:var(--surface-2);color:var(--text-primary);}
html[data-theme="dark"] :is(.rx-compare,.cl-compare) td.yes{color:var(--success);}
html[data-theme="dark"] :is(.rx-compare,.cl-compare) td a{color:var(--accent);}

/* --- 4) FAQ（首页 details + FAQ 页手风琴，答案必须清晰） --- */
html[data-theme="dark"] .rx-faq details{background:var(--surface-1);border:1px solid var(--border-subtle);}
html[data-theme="dark"] .rx-faq summary{color:var(--text-strong);}
html[data-theme="dark"] .rx-faq .rx-a{color:var(--text-primary);opacity:1;}
html[data-theme="dark"] .acc{background:var(--surface-1) !important;border:1px solid var(--border-subtle) !important;}
html[data-theme="dark"] .acc-q{color:var(--text-strong) !important;background:transparent;}
html[data-theme="dark"] .acc-q i{color:var(--text-secondary);}
html[data-theme="dark"] .acc-a,html[data-theme="dark"] .acc-a p,html[data-theme="dark"] .acc-a li{color:var(--text-primary) !important;opacity:1;}
html[data-theme="dark"] .acc-a a{color:var(--accent) !important;}
html[data-theme="dark"] .faq-cat,html[data-theme="dark"] .faq-side a{color:var(--text-primary);}
html[data-theme="dark"] .faq-count{color:var(--text-secondary);}

/* --- 5) 套餐/产品卡（方案A：全站统一深色卡） --- */
html[data-theme="dark"] .pcard{background:var(--surface-1) !important;border:1px solid var(--border-medium) !important;box-shadow:none !important;}
html[data-theme="dark"] .pcard:hover{border-color:var(--border-medium) !important;}
html[data-theme="dark"] .p-brand{color:var(--text-muted) !important;}
html[data-theme="dark"] .p-name{color:var(--text-strong) !important;}
html[data-theme="dark"] .p-desc{color:var(--text-secondary) !important;}
html[data-theme="dark"] .p-feat li{color:var(--text-primary) !important;}
html[data-theme="dark"] .p-price :is(.amt,.cur){color:var(--text-strong) !important;}
html[data-theme="dark"] .p-price :is(.unit,.orig){color:var(--text-muted) !important;}
html[data-theme="dark"] :is(.product-service-notice,.tier-footred,.tier-servicered){color:var(--danger) !important;}
html[data-theme="dark"] .p-badge{background:#ffffff;color:#111514;}
html[data-theme="dark"] .type-chip{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle);}
html[data-theme="dark"] .p-buy{background:#ffffff !important;color:#111514 !important;border-color:#ffffff !important;}
html[data-theme="dark"] .p-buy:hover{background:var(--accent) !important;color:var(--text-on-accent) !important;border-color:var(--accent) !important;}
html[data-theme="dark"] .p-buy:disabled{background:var(--surface-3) !important;color:var(--text-disabled) !important;border-color:var(--border-subtle) !important;}
/* 成品号紫色提示卡：低饱和深紫底 + 高对比浅字 */
html[data-theme="dark"] :is(.pcard--account,.product-card--account) .type-chip{background:rgba(139,92,246,.18);color:#cfc3f5;border-color:rgba(139,92,246,.35);}

/* --- 5.5) 四充值页套餐区专项：压各页内嵌的 #cl-plans ID 级 !important 白卡锁
   （chatgpt/claude/gemini/grok 四页共用 id="cl-plans"；本块特异性 1-1-2 > 页内 1-1-0） --- */
html[data-theme="dark"] #cl-plans .pcard,
html[data-theme="dark"] .detail-tiers .pcard{background:#151816 !important;
  border:1px solid rgba(255,255,255,.14) !important;box-shadow:none !important;}
html[data-theme="dark"] #cl-plans .pcard:hover{border-color:rgba(255,255,255,.24) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.5) !important;}
html[data-theme="dark"] #cl-plans .pcard.pcard--account{
  background:linear-gradient(180deg,rgba(139,92,246,.16) 0,#151816 110px) !important;}
html[data-theme="dark"] #cl-plans .p-name{color:#f5f7f6 !important;}
html[data-theme="dark"] #cl-plans .p-brand{color:#98a29d !important;}
html[data-theme="dark"] #cl-plans .p-desc{color:#c5ccc8 !important;}
html[data-theme="dark"] #cl-plans .p-feat li{color:#dce2df !important;}
html[data-theme="dark"] #cl-plans .p-price .amt{color:#ffffff !important;}
html[data-theme="dark"] #cl-plans .p-price .cur{color:#ffffff !important;}
html[data-theme="dark"] #cl-plans .p-price .unit,
html[data-theme="dark"] #cl-plans .p-price .orig{color:#aeb7b2 !important;}
html[data-theme="dark"] #cl-plans .p-badge{background:#ffffff !important;color:#111514 !important;}
html[data-theme="dark"] #cl-plans .type-chip{background:rgba(255,255,255,.08) !important;
  color:#c5ccc8 !important;border-color:rgba(255,255,255,.16) !important;}
html[data-theme="dark"] #cl-plans :is(.product-service-notice,.tier-footred,.tier-servicered){color:#ff6b63 !important;}
html[data-theme="dark"] #cl-plans .p-buy{background:#ffffff !important;color:#111514 !important;border-color:#ffffff !important;}
html[data-theme="dark"] #cl-plans .p-buy:hover{background:#00a86b !important;color:#07110d !important;border-color:#00a86b !important;}
html[data-theme="dark"] #cl-plans .p-buy:disabled{background:#1e2421 !important;color:#707975 !important;border-color:rgba(255,255,255,.12) !important;}
html[data-theme="dark"] #cl-plans .cx-plan-featured{border-color:rgba(255,255,255,.28) !important;}
html[data-theme="dark"] #modalGrid .pcard{background:#151816 !important;border-color:rgba(255,255,255,.14) !important;}
/* 成品号卡片图标名（.pd-* 锁为深绿 #009452）暗色下提亮 */
html[data-theme="dark"] .detail-tiers .pcard-hasimg .p-name{color:#31d492 !important;}

/* --- 6) 四充值页表面组件 --- */
html[data-theme="dark"] .hero--product h1{color:var(--text-strong) !important;}
html[data-theme="dark"] .hero--product h1 .ink{-webkit-text-fill-color:var(--accent);color:var(--accent) !important;background:none;}
html[data-theme="dark"] .hero--product .sub{color:var(--text-secondary) !important;}
html[data-theme="dark"] .hero--product .pill{background:var(--surface-2) !important;color:var(--text-secondary) !important;border-color:var(--border-medium) !important;}
html[data-theme="dark"] .chome-strip span{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-subtle);}
html[data-theme="dark"] .chome-strip .chome-guide{background:transparent;color:var(--text-primary);border-color:var(--border-medium);}
html[data-theme="dark"] .chome-strip .chome-guide:hover{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent);}
html[data-theme="dark"] .cx-feat{background:var(--surface-1) !important;border:1px solid var(--border-subtle) !important;box-shadow:none !important;}
html[data-theme="dark"] .cx-feat h3{color:var(--text-strong) !important;}
html[data-theme="dark"] .cx-feat p{color:var(--text-secondary) !important;}
html[data-theme="dark"] .cx-feat .cap-label{color:var(--accent) !important;}
html[data-theme="dark"] .cx-qr{background:#ffffff;border-color:var(--border-medium);}   /* 二维码保持白底可扫 */
html[data-theme="dark"] :is(.cx-cs-line,.cx-cs-time){color:var(--text-primary) !important;}
html[data-theme="dark"] .cx-copy-btn{color:var(--success);}

/* --- 7) 教程/内容页通用卡与步骤 --- */
html[data-theme="dark"] :is(.tut-card,.guide-card,.g-step,.tut-step,.content-card,.panel,.card){
  background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-primary);}
html[data-theme="dark"] :is(.tut-card,.guide-card,.g-step,.tut-step) :is(h3,h4,.t,b){color:var(--text-strong);}
html[data-theme="dark"] :is(.tut-card,.guide-card,.g-step,.tut-step) p{color:var(--text-secondary);}
html[data-theme="dark"] :is(.side-nav,.toc) a{color:var(--text-primary);}
html[data-theme="dark"] :is(.side-nav,.toc) a:hover{color:var(--text-strong);}
html[data-theme="dark"] :is(.side-nav,.toc) .on,html[data-theme="dark"] :is(.side-nav,.toc) .active{color:var(--accent);}

/* --- 8) 表单 / 输入 / 弹窗 / 提示 --- */
html[data-theme="dark"] :is(input,textarea,select){background:var(--surface-2) !important;color:var(--text-primary) !important;border-color:var(--border-medium) !important;}
html[data-theme="dark"] :is(input,textarea,select):focus{border-color:var(--accent) !important;outline-color:var(--accent);}
html[data-theme="dark"] ::placeholder{color:var(--text-muted) !important;opacity:1;}
html[data-theme="dark"] :is(input,textarea,select):disabled{color:var(--text-disabled) !important;background:var(--surface-3) !important;}
html[data-theme="dark"] .modal-mask{background:rgba(0,0,0,.78);}
html[data-theme="dark"] .modal-card{background:var(--surface-1);border:1px solid var(--border-medium);color:var(--text-primary);box-shadow:0 40px 120px rgba(0,0,0,.8);}
html[data-theme="dark"] .modal-head h3{color:var(--text-strong);}
html[data-theme="dark"] .modal-head p{color:var(--text-secondary);}
html[data-theme="dark"] .modal-close{color:var(--text-primary);background:var(--surface-2);border-radius:8px;}
html[data-theme="dark"] .prod-opt{background:var(--surface-2);border:1px solid var(--border-subtle);}
html[data-theme="dark"] .prod-opt .po-name{color:var(--text-strong);}
html[data-theme="dark"] .prod-opt:hover{background:var(--surface-3);}
html[data-theme="dark"] .prod-opt .po-arrow{color:var(--accent);}
html[data-theme="dark"] .pay-notice-bar{background:var(--surface-1) !important;border:1px solid var(--border-subtle) !important;color:var(--text-secondary) !important;}
html[data-theme="dark"] .chat-fab{background:var(--surface-2);border:1px solid var(--border-medium);color:var(--text-strong);}
html[data-theme="dark"] .toast{background:var(--surface-3);color:var(--text-strong);border:1px solid var(--border-medium);}

/* --- 9) 博客（文章容器/正文/元信息/引用/代码/推荐；不动内容与结构） --- */
html[data-theme="dark"] :is(.blog-wrap,.post,.post-wrap,.article,.post-body,.post-card,.blog-card,article){
  background:transparent;color:var(--text-primary);}
html[data-theme="dark"] :is(article,.post-body) :is(p,li){color:var(--text-primary);}
html[data-theme="dark"] :is(article,.post-body) :is(h2,h3){color:var(--text-strong);}
html[data-theme="dark"] :is(.post-meta,.byline,.date,.read-time){color:var(--text-muted) !important;}
html[data-theme="dark"] :is(article,.post-body) a{color:var(--accent);}
html[data-theme="dark"] :is(pre,code){background:var(--surface-2);color:var(--text-primary);border-color:var(--border-subtle);}
html[data-theme="dark"] blockquote{background:rgba(0,168,107,.10);border-left:3px solid var(--accent);color:var(--text-primary);}
html[data-theme="dark"] :is(.post-card,.blog-card,.related-card){background:var(--surface-1);border-color:var(--border-subtle);}
html[data-theme="dark"] :is(.post-card,.blog-card,.related-card) :is(h3,b,.title){color:var(--text-strong);}
html[data-theme="dark"] :is(.post-card,.blog-card,.related-card) p{color:var(--text-secondary);}
/* 收藏提醒浮层（bookmark-prompt 白卡）暗色化 */
html[data-theme="dark"] .muyu-bookmark-prompt{background:var(--surface-1);border-color:var(--border-medium);color:var(--text-primary);}
html[data-theme="dark"] .muyu-bookmark-prompt__title{color:var(--text-strong);}
html[data-theme="dark"] .muyu-bookmark-prompt__desc{color:var(--text-secondary);}
html[data-theme="dark"] .muyu-bookmark-prompt__how{background:var(--surface-2);border-color:var(--border-subtle);color:var(--text-primary);}
html[data-theme="dark"] .muyu-bookmark-prompt__keys kbd{background:var(--surface-2);border-color:var(--border-medium);color:var(--text-strong);}

/* --- 11) 教程页 guide：页面卡片保持浅色，内部文字强制深色（浅卡深字策略） --- */
html[data-theme="dark"] .content :is(h1,h2,h3){color:#111514 !important;}
html[data-theme="dark"] .content h4{color:#1c2320 !important;}
html[data-theme="dark"] .content :is(p,li,dd,td){color:#3f4945 !important;opacity:1;}
html[data-theme="dark"] .content :is(small,.muted,.tip,.note){color:#66706b !important;}
html[data-theme="dark"] .content a:not(.btn){color:var(--accent) !important;}
html[data-theme="dark"] .step-head h2{color:#111514 !important;}
html[data-theme="dark"] .step-badge{background:var(--accent);color:#ffffff;}
html[data-theme="dark"] .ov-card h3{color:#111514 !important;}
html[data-theme="dark"] .ov-card p{color:#66706b !important;}
html[data-theme="dark"] .substep .sc h4{color:#111514 !important;}
html[data-theme="dark"] .substep .sc p{color:#3f4945 !important;}
html[data-theme="dark"] .substep .sn{color:#111514;}
html[data-theme="dark"] .status-card{color:#3f4945;}
html[data-theme="dark"] .status-card :is(b,strong,h4){color:#111514;}
html[data-theme="dark"] .shot{color:#828c87;}
html[data-theme="dark"] .toc{background:#f7f8f8;border-color:rgba(0,0,0,.10);}
html[data-theme="dark"] .toc a{color:#3f4945 !important;}
html[data-theme="dark"] .toc a:hover{color:#111514 !important;}
html[data-theme="dark"] .toc :is(a.on,.on a,a.active,.active a,a.active){color:var(--accent) !important;}
html[data-theme="dark"] .toc-mtoggle{background:#f7f8f8;color:#111514;border-color:rgba(0,0,0,.12);}
html[data-theme="dark"] .content .btn:not(.btn-fill){color:#111514 !important;border-color:rgba(0,0,0,.25) !important;background:#ffffff !important;}

/* --- 12) FAQ 页真实组件（site.js 渲染：.faq-cat-btn / .panel-title / .faq-item>.faq-q/.faq-a） --- */
/* 左侧深色分类栏 */
html[data-theme="dark"] .faq-side{background:var(--surface-1);border-color:var(--border-subtle);}
html[data-theme="dark"] .faq-cat-btn{color:#dce2df;background:transparent;}
html[data-theme="dark"] .faq-cat-btn .cat-name{color:#dce2df;}
html[data-theme="dark"] .faq-cat-btn .cat-count{color:#aeb7b2;}
html[data-theme="dark"] .faq-cat-btn.active,html[data-theme="dark"] .faq-cat-btn.active .cat-name{color:var(--accent);}
/* 左栏底部浅色网络检测卡：浅卡深字 */
html[data-theme="dark"] .network-check-entry{background:#f7f8f8;border-color:rgba(0,0,0,.10);}
html[data-theme="dark"] .network-check-entry .nce-title{color:#111514 !important;}
html[data-theme="dark"] .network-check-entry .nce-sub{color:#3f4945 !important;}
html[data-theme="dark"] .network-check-entry .nce-go{color:var(--accent) !important;}
/* 右侧问答：浅色卡保持浅底，问题/答案强制深字，opacity 拉满 */
html[data-theme="dark"] .panel-title{color:#f5f7f6;}
html[data-theme="dark"] .panel-title .pt-count{color:#aeb7b2;}
html[data-theme="dark"] .faq-item .faq-q{color:#111827 !important;}
html[data-theme="dark"] .faq-item .faq-q i{color:var(--accent) !important;}
html[data-theme="dark"] .faq-item .faq-a,html[data-theme="dark"] .faq-item .faq-a p{color:#3f4945 !important;opacity:1 !important;}
html[data-theme="dark"] .faq-item.open .faq-q{color:#111827 !important;}
html[data-theme="dark"] .faq-more{color:#aeb7b2;}
html[data-theme="dark"] .faq-more a{color:var(--accent);}

/* --- 13) 查询订单页真实组件（#order-lookup .lk-panel 及内部） --- */
html[data-theme="dark"] #order-lookup .lk-panel{background:var(--surface-1);border-color:var(--border-medium);box-shadow:none;}
html[data-theme="dark"] #order-lookup :is(h1,h2),html[data-theme="dark"] .lk-panel :is(h2,h3,h4,b,strong){color:#f5f7f6 !important;}
html[data-theme="dark"] .lk-panel :is(p,label,li){color:#dce2df !important;}
html[data-theme="dark"] .lk-panel :is(small,.hint,.tip){color:#aeb7b2 !important;}
html[data-theme="dark"] .lk-panel a{color:var(--accent);}

/* --- 14) 博客首页真实组件（blog/index 的 bg-* 系） --- */
html[data-theme="dark"] .bg-head h1{color:#f5f7f6;}
html[data-theme="dark"] .bg-head p{color:#aeb7b2;}
html[data-theme="dark"] .bg-search{background:var(--surface-2);border-color:var(--border-medium);}
html[data-theme="dark"] .bg-search input{background:transparent !important;color:#e2e7e4 !important;border-color:transparent !important;}
html[data-theme="dark"] .bg-cats a{color:#dce2df;background:var(--surface-2);border-color:var(--border-subtle);}
html[data-theme="dark"] .bg-cats a:is(.on,:hover){color:var(--accent);border-color:var(--accent);}
html[data-theme="dark"] .bg-sec-title{color:#f5f7f6;}
html[data-theme="dark"] .bg-card{background:var(--surface-1);border-color:var(--border-subtle);box-shadow:none;}
html[data-theme="dark"] .bg-card :is(h2,h3){color:#f5f7f6;}
html[data-theme="dark"] .bg-card-b p{color:#b8c0bc;}
html[data-theme="dark"] .bg-tag{background:rgba(0,168,107,.15);color:#31d492;}
html[data-theme="dark"] .bg-meta{color:#929c97;}
html[data-theme="dark"] .bg-more{color:var(--accent);}

/* --- 10) 页脚 --- */
html[data-theme="dark"] footer.footer{background:var(--page-bg-soft) !important;border-top:1px solid var(--border-subtle);color:var(--text-muted);}
html[data-theme="dark"] .footer-col h4{color:var(--text-secondary);}
html[data-theme="dark"] :is(.footer-col a,.footer-brand p,.footer-cs a){color:var(--text-muted);}
html[data-theme="dark"] .footer-col a:hover{color:var(--text-primary);}
html[data-theme="dark"] .footer-bottom{color:var(--text-disabled);border-top:1px solid var(--border-subtle);}