/* ============================================================
   dz_theme_pro.css  v1  (2026-10-22)
   全站统一设计层：设计令牌 + 多皮肤 + 布局/组件规范化
   加载顺序：所有主题 CSS 之后（最后生效）
   说明：规则统一使用 html 前缀提升优先级，用于覆盖历史补丁
   ============================================================ */

/* ============================================================
   一、设计令牌（9 套皮肤）
   ============================================================ */

/* ① 湖蓝 · 经典 blue */
html body.dz-skin-blue{
  --dz-bodybg:#f4f7fd; --dz-bgf:#ffffff; --dz-bga:#e6efff; --dz-bgb:#eef4ff;
  --dz-bgd:#dfe9fb; --dz-bgsoft:#f8fbff;
  --dz-fa:#1f2937; --dz-fb:#4b5563; --dz-fc:#8b94a6;
  --dz-bordera:#a9c3ef; --dz-borderb:#b9cff5; --dz-borderc:#dbe6fa; --dz-borderd:#eaf1fd;
  --dz-color:#1a56c4; --dz-color2:#0b3a8f; --dz-ahover:#1557c9; --dz-alink:#334155;
  --dz-nvbg:#0b2f6b; --dz-nvbg2:#0e6fc8; --dz-nvtxt:#eaf2ff; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#dbe8ff; --dz-btntxt:#0b3a8f; --dz-btnbga:#1a56c4; --dz-btntxta:#ffffff;
  --xj-text:#1f2937; --xj-muted:#6b7280; --xj-line:#dbe6fa;
  --xj-green:#0b3a8f; --xj-green2:#1a56c4; --xj-green-soft:#eef4ff;
}
/* ② 护眼米绿 eyecare */
html body.dz-skin-eyecare{
  --dz-bodybg:#f2f0e6; --dz-bgf:#faf9f2; --dz-bga:#e9ecdf; --dz-bgb:#f0f1e8;
  --dz-bgd:#e2e6d4; --dz-bgsoft:#f7f6ee;
  --dz-fa:#3f4636; --dz-fb:#5f6755; --dz-fc:#8a927f;
  --dz-bordera:#a9bd96; --dz-borderb:#c5d0b4; --dz-borderc:#dfe3d5; --dz-borderd:#eceff0;
  --dz-color:#5c7a4e; --dz-color2:#3f5c33; --dz-ahover:#4f7042; --dz-alink:#3f4636;
  --dz-nvbg:#4a5f3a; --dz-nvbg2:#6d8a5d; --dz-nvtxt:#f2f5ea; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#e2e8d6; --dz-btntxt:#5c7a4e; --dz-btnbga:#6d8a5d; --dz-btntxta:#ffffff;
  --xj-text:#3f4636; --xj-muted:#5f6755; --xj-line:#dfe3d5;
  --xj-green:#3f5c33; --xj-green2:#5c7a4e; --xj-green-soft:#f0f1e8;
}
/* ③ 森林绿 forest */
html body.dz-skin-forest{
  --dz-bodybg:#eef8f2; --dz-bgf:#ffffff; --dz-bga:#d6f0e2; --dz-bgb:#e6f6ee;
  --dz-bgd:#cdeeda; --dz-bgsoft:#f5fbf8;
  --dz-fa:#17362a; --dz-fb:#3f5f4e; --dz-fc:#7c9a89;
  --dz-bordera:#86d9b4; --dz-borderb:#9fe0c2; --dz-borderc:#cfe8dc; --dz-borderd:#e6f6ee;
  --dz-color:#0f9f68; --dz-color2:#0b7e52; --dz-ahover:#0b8a58; --dz-alink:#334155;
  --dz-nvbg:#0b7e52; --dz-nvbg2:#12a06e; --dz-nvtxt:#e8f8f0; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#c9ecd9; --dz-btntxt:#0b8a58; --dz-btnbga:#0fa26b; --dz-btntxta:#ffffff;
  --xj-text:#17362a; --xj-muted:#3f5f4e; --xj-line:#cfe8dc;
  --xj-green:#0b7e52; --xj-green2:#0f9f68; --xj-green-soft:#e6f6ee;
}
/* ④ 大漠橙 sunset */
html body.dz-skin-sunset{
  --dz-bodybg:#fdf6ef; --dz-bgf:#ffffff; --dz-bga:#ffe3cd; --dz-bgb:#fff3e7;
  --dz-bgd:#ffd9b8; --dz-bgsoft:#fffaf5;
  --dz-fa:#3d2b1f; --dz-fb:#6b5241; --dz-fc:#a08370;
  --dz-bordera:#ffb980; --dz-borderb:#f7c79c; --dz-borderc:#f3d3b8; --dz-borderd:#fbeade;
  --dz-color:#e8630a; --dz-color2:#c74e06; --dz-ahover:#d1560a; --dz-alink:#333333;
  --dz-nvbg:#b34700; --dz-nvbg2:#e8630a; --dz-nvtxt:#fff1e2; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#ffdcc0; --dz-btntxt:#c74e06; --dz-btnbga:#e8630a; --dz-btntxta:#ffffff;
  --xj-text:#3d2b1f; --xj-muted:#6b5241; --xj-line:#f3d3b8;
  --xj-green:#c74e06; --xj-green2:#e8630a; --xj-green-soft:#fff3e7;
}
/* ⑤ 星空夜 dark */
html body.dz-skin-dark{
  --dz-bodybg:#0b1120; --dz-bgf:#111a2b; --dz-bga:#1e293b; --dz-bgb:#16233c;
  --dz-bgd:#0f172a; --dz-bgsoft:#0e1729;
  --dz-fa:#e2e8f0; --dz-fb:#a9b8d0; --dz-fc:#7b8aa3;
  --dz-bordera:#334155; --dz-borderb:#263449; --dz-borderc:#263449; --dz-borderd:#1e2b45;
  --dz-color:#38bdf8; --dz-color2:#818cf8; --dz-ahover:#60a5fa; --dz-alink:#cbd5e1;
  --dz-nvbg:#0f172a; --dz-nvbg2:#14254a; --dz-nvtxt:#cbd5e1; --dz-nvtxta:#38bdf8; --dz-nvfill:rgba(255,255,255,.08);
  --dz-btnbg:#1e293b; --dz-btntxt:#38bdf8; --dz-btnbga:#38bdf8; --dz-btntxta:#0f172a;
  --xj-text:#e2e8f0; --xj-muted:#a9b8d0; --xj-line:#263449;
  --xj-green:#818cf8; --xj-green2:#38bdf8; --xj-green-soft:#16233c;
}
/* ⑥ 深海蓝 ocean（新增·深色） */
html body.dz-skin-ocean{
  --dz-bodybg:#071a2b; --dz-bgf:#0d2338; --dz-bga:#16324d; --dz-bgb:#123049;
  --dz-bgd:#0a1f33; --dz-bgsoft:#0b2136;
  --dz-fa:#dceaf7; --dz-fb:#a9c3dc; --dz-fc:#7d97b3;
  --dz-bordera:#25597d; --dz-borderb:#1c3a5a; --dz-borderc:#1c3a5a; --dz-borderd:#16304b;
  --dz-color:#22d3ee; --dz-color2:#0ea5e9; --dz-ahover:#67e8f9; --dz-alink:#cfe6f7;
  --dz-nvbg:#08243b; --dz-nvbg2:#0e5a7a; --dz-nvtxt:#d7eefb; --dz-nvtxta:#67e8f9; --dz-nvfill:rgba(255,255,255,.08);
  --dz-btnbg:#16324d; --dz-btntxt:#67e8f9; --dz-btnbga:#0ea5e9; --dz-btntxta:#04283c;
  --xj-text:#dceaf7; --xj-muted:#a9c3dc; --xj-line:#1c3a5a;
  --xj-green:#0ea5e9; --xj-green2:#22d3ee; --xj-green-soft:#123049;
}
/* ⑦ 极光紫 aurora（新增·浅色） */
html body.dz-skin-aurora{
  --dz-bodybg:#f6f4fd; --dz-bgf:#ffffff; --dz-bga:#e9e4fb; --dz-bgb:#f2effe;
  --dz-bgd:#ded6f7; --dz-bgsoft:#faf9ff;
  --dz-fa:#2b2440; --dz-fb:#57496f; --dz-fc:#8b7ea6;
  --dz-bordera:#a78bfa; --dz-borderb:#c4b5fd; --dz-borderc:#ddd4f5; --dz-borderd:#efeaff;
  --dz-color:#6d3ee0; --dz-color2:#8b5cf6; --dz-ahover:#7c4ff0; --dz-alink:#3b3352;
  --dz-nvbg:#4c1d95; --dz-nvbg2:#7c3aed; --dz-nvtxt:#f1eaff; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#e9e4fb; --dz-btntxt:#5b21b6; --dz-btnbga:#7c3aed; --dz-btntxta:#ffffff;
  --xj-text:#2b2440; --xj-muted:#57496f; --xj-line:#ddd4f5;
  --xj-green:#5b21b6; --xj-green2:#7c3aed; --xj-green-soft:#f2effe;
}
/* ⑧ 石墨灰 graphite（新增·中性） */
html body.dz-skin-graphite{
  --dz-bodybg:#f4f5f7; --dz-bgf:#ffffff; --dz-bga:#e8eaee; --dz-bgb:#f1f2f5;
  --dz-bgd:#dfe2e8; --dz-bgsoft:#f8f9fa;
  --dz-fa:#1f2328; --dz-fb:#4a5058; --dz-fc:#8b9199;
  --dz-bordera:#9aa1ab; --dz-borderb:#c3c8d0; --dz-borderc:#e2e5ea; --dz-borderd:#eef0f3;
  --dz-color:#2563eb; --dz-color2:#1e40af; --dz-ahover:#1d4ed8; --dz-alink:#334155;
  --dz-nvbg:#1f2328; --dz-nvbg2:#3a4149; --dz-nvtxt:#e9ebef; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.12);
  --dz-btnbg:#e8eaee; --dz-btntxt:#1e40af; --dz-btnbga:#2563eb; --dz-btntxta:#ffffff;
  --xj-text:#1f2328; --xj-muted:#4a5058; --xj-line:#e2e5ea;
  --xj-green:#1e40af; --xj-green2:#2563eb; --xj-green-soft:#f1f2f5;
}
/* ⑨ 霞光粉 rose（新增·浅色） */
html body.dz-skin-rose{
  --dz-bodybg:#fdf5f7; --dz-bgf:#ffffff; --dz-bga:#ffe6ec; --dz-bgb:#fff1f5;
  --dz-bgd:#ffd9e3; --dz-bgsoft:#fffafc;
  --dz-fa:#3a2630; --dz-fb:#6b4a55; --dz-fc:#a0838d;
  --dz-bordera:#f9a8c0; --dz-borderb:#fbc7d8; --dz-borderc:#f5d8e0; --dz-borderd:#fdeef2;
  --dz-color:#e11d6b; --dz-color2:#be185d; --dz-ahover:#d61f6a; --dz-alink:#4a3340;
  --dz-nvbg:#9d174d; --dz-nvbg2:#e11d6b; --dz-nvtxt:#ffeaf1; --dz-nvtxta:#ffffff; --dz-nvfill:rgba(255,255,255,.14);
  --dz-btnbg:#ffe6ec; --dz-btntxt:#be185d; --dz-btnbga:#e11d6b; --dz-btntxta:#ffffff;
  --xj-text:#3a2630; --xj-muted:#6b4a55; --xj-line:#f5d8e0;
  --xj-green:#be185d; --xj-green2:#e11d6b; --xj-green-soft:#fff1f5;
}

/* ⑩ 星空夜色 night（与官网首页同款：夜色导航 + 浅绿主体 + 深绿主色 + 金色点缀） */
html body.dz-skin-night{
  --dz-bodybg:#f2f5f2; --dz-bgf:#ffffff; --dz-bga:#e2f0e8; --dz-bgb:#edf5ef;
  --dz-bgd:#d3e8da; --dz-bgsoft:#f7faf7;
  --dz-fa:#1f2937; --dz-fb:#55665f; --dz-fc:#8b9c93;
  --dz-bordera:#8cc4a8; --dz-borderb:#b8d6c2; --dz-borderc:#d8e6dc; --dz-borderd:#eef4ef;
  --dz-color:#17705c; --dz-color2:#0f5343; --dz-ahover:#35a47e; --dz-alink:#17705c;
  --dz-nvbg:#0c1a26; --dz-nvbg2:#1d3a52; --dz-nvtxt:rgba(255,255,255,.92); --dz-nvtxta:#f7e2b3; --dz-nvfill:rgba(240,194,90,.14);
  --dz-btnbg:#d7e9df; --dz-btntxt:#0f5343; --dz-btnbga:#17705c; --dz-btntxta:#ffffff;
  --xj-text:#1f2937; --xj-muted:#55665f; --xj-line:#d8e6dc;
  --xj-green:#0f5343; --xj-green2:#17705c; --xj-green-soft:#e2f0e8;
}

/* 通用令牌（尺寸/圆角/阴影/字体），与皮肤无关 */
html body{
  --dz-container:1280px;
  --dz-gutter:16px;
  --dz-radius-a:6px; --dz-radius-s:8px; --dz-radius-m:10px;
  --dz-radius-l:14px; --dz-radius-x:18px; --dz-radius-xl:24px;
  --dz-ff:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
}
html body.dz-skin-blue, html body.dz-skin-eyecare, html body.dz-skin-forest,
html body.dz-skin-sunset, html body.dz-skin-aurora, html body.dz-skin-graphite, html body.dz-skin-rose, html body.dz-skin-night{
  --dz-shadow:0 1px 3px rgba(15,23,42,.06), 0 8px 24px rgba(15,23,42,.05);
  --dz-shadow-lg:0 6px 18px rgba(15,23,42,.10), 0 18px 44px rgba(15,23,42,.08);
}
html body.dz-skin-dark, html body.dz-skin-ocean{
  --dz-shadow:0 1px 3px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.35);
  --dz-shadow-lg:0 8px 22px rgba(0,0,0,.55), 0 18px 46px rgba(0,0,0,.45);
}

/* ============================================================
   二、页面骨架与布局
   ============================================================ */
html body{
  min-width:0 !important;
  background:var(--dz-bodybg) !important;
  color:var(--dz-fa) !important;
  font-family:var(--dz-ff) !important;
  font-size:14px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
html body .wp{
  width:100% !important;
  max-width:var(--dz-container) !important;
  min-width:0 !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}
/* 主容器：宽度与顶栏一致（历史 flex + auto margin 导致内容被挤窄） */
html body #wp{
  width:var(--dz-container) !important;
  min-width:var(--dz-container) !important;
  max-width:100% !important;
  margin:0 auto !important;
  box-sizing:border-box;
}
/* 内容区与顶栏左右对齐，去掉历史留白 */
html body #wp{ padding:0 var(--dz-gutter); }
html body #ct{ padding:0; box-sizing:border-box; }
html body #ct > .mn,
html body #ct > .sd{ box-sizing:border-box; }

/* 顶栏：通栏背景 + 与内容同宽居中的内层 */
html body .dz_layer_top,
html body .topbox{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  background:linear-gradient(90deg,var(--dz-nvbg) 0%,var(--dz-nvbg2) 100%) !important;
  box-shadow:0 2px 14px rgba(15,23,42,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
html body .dz_btm_layer,
html body .dz_btm_layer.dz_nav{
  width:100% !important;
  max-width:var(--dz-container) !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding-left:var(--dz-gutter) !important;
  padding-right:var(--dz-gutter) !important;
  background:transparent !important;
  box-sizing:border-box;
}
html body .dz_nav,
html body #hd{ background:transparent !important; }

/* 顶栏文字统一由皮肤决定，保证深色/浅色下都可读 */
html body .dz_layer_nav a,
html body .dz_layer_nav ul li a,
html body .dz_layer_nav ul li.a a{
  color:var(--dz-nvtxt) !important;
  font-weight:500;
}
html body .dz_layer_nav ul li a:hover,
html body .dz_layer_nav ul li.a a{ color:var(--dz-nvtxta) !important; }
html body .dz_layer_nav ul li.a a::after,
html body .dz_layer_nav ul li a:hover::after{ background:var(--dz-nvtxta) !important; }
html body .header-right,
html body .header-right a,
html body .dz_layer_dl,
html body .header-notice,
html body .header-client,
html body .header-i18n{ color:var(--dz-nvtxt) !important; }
html body .header-notice .dzicon,
html body .header-client .dzicon{ color:var(--dz-nvtxt) !important; }
html body .search-input,
html body .header-searcher input{
  background:var(--dz-nvfill) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:var(--dz-nvtxt) !important;
  border-radius:var(--dz-radius-m) !important;
}
html body .search-input::placeholder{ color:var(--dz-nvtxt) !important; opacity:.65 }

/* 换肤入口：恢复显示并跟随皮肤 */
html body .dz_skin_picker{ display:flex !important; align-items:center !important; }
html body .dz_skin_toggle{ color:var(--dz-nvtxt) !important; background:var(--dz-nvfill) !important; border:1px solid rgba(255,255,255,.18) !important; border-radius:var(--dz-radius-m) !important; }
html body .dz_skin_menu{ background:var(--dz-bgf) !important; border:1px solid var(--dz-borderc) !important; box-shadow:var(--dz-shadow-lg) !important; border-radius:var(--dz-radius-l) !important; color:var(--dz-fa) !important; }
html body .dz_skin_menu_hd,
html body .dz_skin_menu_ft{ color:var(--dz-fc) !important; border-color:var(--dz-borderc) !important; }
html body .dz_skin_opt{ color:var(--dz-fa) !important; }
html body .dz_skin_opt:hover{ background:var(--dz-bgb) !important; }
html body .dz_skin_opt.on{ background:var(--dz-bga) !important; color:var(--dz-color2) !important; }
html body .dz_skin_ck{ color:var(--dz-color) !important; }
.dz_dot_aurora{ background:linear-gradient(135deg,#6d3ee0,#a78bfa) !important; }
.dz_dot_graphite{ background:linear-gradient(135deg,#1f2328,#6b7280) !important; }
.dz_dot_rose{ background:linear-gradient(135deg,#e11d6b,#fb9bb8) !important; }
.dz_dot_ocean{ background:linear-gradient(135deg,#08243b,#22d3ee) !important; }

/* ============================================================
   三、卡片与通用组件
   ============================================================ */
html body #ct .bm,
html body #ct .bm_c,
html body .bm,
html body .bm_c,
html body .dz_cards,
html body #category_grid{
  background:var(--dz-bgf) !important;
  border:1px solid var(--dz-borderc) !important;
  color:var(--dz-fa) !important;
  border-radius:var(--dz-radius-l) !important;
  box-shadow:var(--dz-shadow) !important;
}
html body #ct .bm{ margin:0 0 16px !important; overflow:hidden; }
html body #ct .bm_h{
  background:var(--dz-bgb) !important;
  border:0 !important;
  border-bottom:1px solid var(--dz-borderc) !important;
  padding:12px 18px !important;
}
html body #ct .bm_h h2,
html body #ct .bm_h h3,
html body #ct .bm_h a,
html body .bm_h .xs2 a{ color:var(--dz-fa) !important; font-weight:600; }
html body #ct .bm_h h2::before,
html body #ct .bm_h h3::before{
  content:"";display:inline-block;width:4px;height:14px;margin-right:8px;
  vertical-align:-2px;border-radius:2px;
  background:linear-gradient(180deg,var(--dz-color),var(--dz-color2));
}
html body #ct .bm_c{ padding:16px 18px !important; }

/* 文字层级 */
html body{ }
html body a{ color:var(--dz-alink); }
html body a:hover{ color:var(--dz-ahover); }
html body .xg1, html body .xg2, html body .xg1 a{ color:var(--dz-fc) !important; }
html body .xi2, html body a.xi2{ color:var(--dz-ahover) !important; }
html body h1, html body h2, html body h3, html body h4{ color:var(--dz-fa) !important; }

/* 表格 */
html body .bm_c table,
html body .bm_c td,
html body .bm_c th,
html body .dz_table td,
html body .dz_table th{
  background:transparent;
  border-color:var(--dz-borderc) !important;
  color:var(--dz-fa) !important;
}
html body .dz_table tr:first-child td{ background:var(--dz-bgb) !important; color:var(--dz-fa) !important; }

/* 表单控件 */
html body .px,
html body .pt,
html body textarea,
html body select,
html body input[type=text],
html body input[type=password]{
  background:var(--dz-bgf) !important;
  border:1px solid var(--dz-borderc) !important;
  color:var(--dz-fa) !important;
  border-radius:var(--dz-radius-m) !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
html body .px:focus,
html body .pt:focus,
html body textarea:focus{
  border-color:var(--dz-color) !important;
  box-shadow:0 0 0 3px var(--dz-bga) !important;
  outline:none !important;
}

/* 按钮 */
html body .pn,
html body .pnc,
html body button.pn,
html body .pgsbtn,
html body input.btn,
html body #ct button{
  background:var(--dz-btnbga) !important;
  color:var(--dz-btntxta) !important;
  border:0 !important;
  border-radius:var(--dz-radius-m) !important;
  padding:7px 16px !important;
  font-weight:600;
  cursor:pointer;
  transition:filter .15s ease, transform .15s ease;
}
html body .pn:hover,
html body .pnc:hover,
html body .pgsbtn:hover,
html body input.btn:hover,
html body #ct button:hover{ filter:brightness(1.08); transform:translateY(-1px); }
html body .pn.simple,
html body .pnc.simple{ background:var(--dz-btnbg) !important; color:var(--dz-btntxt) !important; }

/* 分页 */
html body .pg a,
html body .pg strong,
html body .pgb a,
html body .nxt a{
  background:var(--dz-bgb) !important;
  border:1px solid var(--dz-borderc) !important;
  color:var(--dz-fb) !important;
  border-radius:var(--dz-radius-m) !important;
  padding:5px 12px !important;
}
html body .pg strong,
html body .pg a:hover{ background:var(--dz-color) !important; color:#fff !important; border-color:var(--dz-color) !important; }

/* 下拉菜单 / 弹层 */
html body .p_pop,
html body .p_pof,
html body .p_opt{
  background:var(--dz-bgf) !important;
  border:1px solid var(--dz-borderb) !important;
  color:var(--dz-fa) !important;
  border-radius:var(--dz-radius-l) !important;
  box-shadow:var(--dz-shadow-lg) !important;
}
html body .p_pop a{ color:var(--dz-fa) !important; }
html body .p_pop a:hover,
html body .p_pop a.on,
html body .p_pop li.a,
html body .p_pop .a,
html body .p_pop .current{
  background:var(--dz-bga) !important;
  color:var(--dz-color2) !important;
}
/* 覆盖历史补丁中写死的链接色（仅作用于无 class 的普通链接，保留主题帖类型色） */
html body[class*="dz-skin-"] a:not([class]):not([style]){ color:var(--dz-alink) !important; }
html body[class*="dz-skin-"] a:not([class]):not([style]):hover{ color:var(--dz-ahover) !important; }

/* 悬浮工具条 / 返回顶部 / 回首页 */
html body #dz_rnav a,
html body #gohome_fab a{
  background:var(--dz-bgf) !important;
  color:var(--dz-color2) !important;
  border:1px solid var(--dz-borderc) !important;
  border-radius:var(--dz-radius-m) !important;
  box-shadow:var(--dz-shadow) !important;
}
html body #dz_fab,
html body #dz_adm_btn{ background:var(--dz-color2) !important; color:#fff !important; border-radius:50% !important; box-shadow:var(--dz-shadow-lg) !important; }
html body #dz_fab_panel,
html body #dz_mod_panel,
html body #dz_fab_tools,
html body #dz_fab_foot,
html body #dz_fab_mind{
  background:var(--dz-bgf) !important;
  border:1px solid var(--dz-borderb) !important;
  color:var(--dz-fa) !important;
  box-shadow:var(--dz-shadow-lg) !important;
}
html body #dz_fab_panel button,
html body #dz_mod_panel button,
html body #dz_fab_tools button,
html body #dz_fab_foot button,
html body #dz_fab_foot input{
  background:var(--dz-bgb) !important;
  border:1px solid var(--dz-borderc) !important;
  color:var(--dz-fa) !important;
}
html body .fab_msg.ai{ background:var(--dz-bgb) !important; color:var(--dz-fa) !important; }

/* AI 发帖弹窗 */
html body .dz_ai_mask .dz_ai_box{ background:var(--dz-bgf) !important; border:1px solid var(--dz-borderb) !important; color:var(--dz-fa) !important; box-shadow:var(--dz-shadow-lg) !important; border-radius:var(--dz-radius-x) !important; }
html body .dz_ai_hd{ background:var(--dz-bgb) !important; color:var(--dz-fa) !important; border-bottom:1px solid var(--dz-borderc) !important; }
html body .dz_ai_hd em{ color:var(--dz-fc) !important; }
html body .dz_ai_body label{ color:var(--dz-fb) !important; }
html body .dz_ai_ft{ background:var(--dz-bgsoft) !important; border-top:1px solid var(--dz-borderc) !important; }
html body .dz_ai_hint{ color:var(--dz-fc) !important; }

/* 帖子阅读区 */
html body .pls{ background:var(--dz-bgb) !important; border:0 !important; color:var(--dz-fb) !important; }
html body .plc{ background:var(--dz-bgf) !important; color:var(--dz-fa) !important; }
html body .pi{ border-color:var(--dz-borderc) !important; color:var(--dz-fb) !important; }
html body td.t_f, html body .t_fsz{ color:var(--dz-fa) !important; font-size:15.5px; line-height:1.9; }
html body #thread_subject{ color:var(--dz-fa) !important; font-size:22px; font-weight:600; }
html body .vwthd h1, html body .plc h1.ts{ color:var(--dz-fa) !important; }

/* 板块卡片 / 首页区块 */
html body .dz_fcard{ background:var(--dz-bgf) !important; border:1px solid var(--dz-borderc) !important; box-shadow:var(--dz-shadow) !important; border-radius:var(--dz-radius-l) !important; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
html body .dz_fcard:hover{ border-color:var(--dz-bordera) !important; box-shadow:var(--dz-shadow-lg) !important; transform:translateY(-2px); }
html body .dz_fcard_txt b{ color:var(--dz-fa) !important; }
html body .dz_fcard_stats span{ color:var(--dz-fc) !important; }
html body .dz_fcard_stats b{ color:var(--dz-color) !important; }
html body .dz_fcard_last{ color:var(--dz-fc) !important; }
html body .dz_fcard_last a{ color:var(--dz-ahover) !important; }
html body .dz_cat_h{ background:linear-gradient(90deg,var(--dz-bga) 0%,rgba(255,255,255,0) 100%) !important; }
html body .dz_cat_h::before{ background:linear-gradient(180deg,var(--dz-color),var(--dz-color2)) !important; }
html body .dz_cat_h h2 a{ color:var(--dz-fa) !important; }
html body .dz_cat_c .dz_cards{ background:var(--dz-bgf) !important; border-color:var(--dz-borderc) !important; }
html body .dz_home_postbar a{ background:var(--dz-bgb) !important; border:1px solid var(--dz-borderc) !important; color:var(--dz-fa) !important; }
html body .dz_home_postbar a:hover{ color:var(--dz-ahover) !important; border-color:var(--dz-bordera) !important; }
html body .dz_home_pb_icon{ background:linear-gradient(135deg,var(--dz-color),var(--dz-color2)) !important; }

/* 页脚 */
html body #ft,
html body .dz_footc{
  background:var(--dz-bgd) !important;
  color:var(--dz-fc) !important;
  border-top:1px solid var(--dz-borderc) !important;
}
html body .dz_footc a,
html body #ft a{ color:var(--dz-fb) !important; }

/* 面包屑 / 提示条 */
html body .pt{ background:var(--dz-bgsoft) !important; border:1px solid var(--dz-borderc) !important; color:var(--dz-fb) !important; border-radius:var(--dz-radius-l) !important; }

/* 搜索页 / 版块页 选项卡 */
html body .tb a,
html body .tb b,
html body .bm_h b{ color:var(--dz-fb) !important; }
html body .tb .a,
html body .tb .current,
html body .tb .a a{ color:#ffffff !important; }
html body .tb .a::after,
html body .tb .current::after{ background:#ffffff !important; }
html body .tb a:hover{ color:var(--dz-ahover) !important; }
html body[class*="dz-skin-"] .tb .a,
html body[class*="dz-skin-"] .tb .a a,
html body[class*="dz-skin-"] .tb .current,
html body[class*="dz-skin-"] .tb .current a{ color:#ffffff !important; }

/* 首页 AI 发帖入口（带 ID 的历史规则权重较高，这里再次显式指定） */
html body#nv_forum .dz_home_postbar a,
html body .dz_home_postbar a,
html body .dz_home_postbar a:hover{ color:var(--dz-fa) !important; }

/* 独立页面（products / knowledge-map 等）与论坛共用同一套皮肤令牌 */
html body.dz-pro{ background:var(--dz-bodybg) !important; color:var(--dz-fa) !important; }
html body.dz-pro .wrap,
html body.dz-pro .box{ background:var(--dz-bgf) !important; color:var(--dz-fa) !important; border-color:var(--dz-borderc) !important; }
html body.dz-pro .hd,
html body.dz-pro .cat-hd{ color:var(--dz-fa) !important; border-color:var(--dz-borderc) !important; }
html body.dz-pro .sub,
html body.dz-pro .ds,
html body.dz-pro .cnt,
html body.dz-pro .stat,
html body.dz-pro .stats,
html body.dz-pro .tip,
html body.dz-pro .ex,
html body.dz-pro .n,
html body.dz-pro .tid{ color:var(--dz-fb) !important; }
html body.dz-pro .card,
html body.dz-pro .cat-card,
html body.dz-pro .km-card{
  background:var(--dz-bgf) !important;
  border:1px solid var(--dz-borderc) !important;
  color:var(--dz-fa) !important;
  border-radius:var(--dz-radius-l) !important;
  box-shadow:var(--dz-shadow) !important;
}
html body.dz-pro .card:hover,
html body.dz-pro .cat-card:hover{ border-color:var(--dz-bordera) !important; box-shadow:var(--dz-shadow-lg) !important; }
html body.dz-pro .ic{ background:var(--dz-bgb) !important; color:var(--dz-color) !important; }
html body.dz-pro .chip,
html body.dz-pro .badge{ background:var(--dz-bga) !important; color:var(--dz-color2) !important; }
html body.dz-pro .btn,
html body.dz-pro .back-home,
html body.dz-pro .all-n{ background:var(--dz-btnbga) !important; color:var(--dz-btntxta) !important; border-radius:var(--dz-radius-m) !important; }
html body.dz-pro .t,
html body.dz-pro .nm,
html body.dz-pro .n,
html body.dz-pro .mk,
html body.dz-pro .l,
html body.dz-pro .row,
html body.dz-pro .ex{ color:var(--dz-fa) !important; }
html body.dz-pro .ds,
html body.dz-pro .cnt,
html body.dz-pro .stat,
html body.dz-pro .tip{ color:var(--dz-fb) !important; }
html body.dz-pro .cat-card,
html body.dz-pro .cat-card .nm,
html body.dz-pro .cat-card .t,
html body.dz-pro .cat-card .n,
html body.dz-pro .card,
html body.dz-pro .box{ background:var(--dz-bgf) !important; }
html body.dz-pro .cat-card .cnt{ background:var(--dz-bgb) !important; color:var(--dz-fb) !important; }
html body.dz-pro .cat-card .stat,
html body.dz-pro .cat-card .n{ background:transparent !important; color:var(--dz-fc) !important; }
html body.dz-pro .cat-card div,
html body.dz-pro .cat-card span{ background:transparent !important; color:var(--dz-fa) !important; }
html body.dz-pro .cat-card .ic{ background:var(--dz-bgb) !important; color:var(--dz-color) !important; }
html body.dz-pro .cat-card .cnt{ background:var(--dz-bgb) !important; color:var(--dz-fb) !important; }
html body.dz-pro .stat,
html body.dz-pro .stats > div,
html body.dz-pro .n{
  background:var(--dz-bgb) !important;
  color:var(--dz-fa) !important;
  border-color:var(--dz-borderc) !important;
}
html body.dz-pro .stat .n,
html body.dz-pro .stat .t{ background:transparent !important; }

/* 搜索页组件跟随皮肤 */
html body .dz_sr_hero,
html body .dz_sr_box,
html body .dz_sr_tabs,
html body .dz_sr_hero_ft{
  background:var(--dz-bgf) !important;
  color:var(--dz-fa) !important;
  border-color:var(--dz-borderc) !important;
}
html body .dz_sr_hero span,
html body .dz_sr_tabs span,
html body .dz_sr_tabs a,
html body .dz_sr_hero_ft a,
html body .dz_sr_hero_t,
html body a.showmenu{ color:var(--dz-fa) !important; }
html body .dz_sr_tabs span.y{ color:var(--dz-color2) !important; }
html body .dz_sr_block,
html body .dz_sr_block_c{
  background:var(--dz-bgf) !important;
  color:var(--dz-fa) !important;
  border-color:var(--dz-borderc) !important;
}
html body .dz_sr_hotchip,
html body .dz_sr_fchip{
  background:var(--dz-bga) !important;
  color:var(--dz-color2) !important;
  border-color:var(--dz-borderc) !important;
}
html body .dz_sr_cat,
html body .dz_sr_cat *{
  background:var(--dz-bgf) !important;
  color:var(--dz-fa) !important;
  border-color:var(--dz-borderc) !important;
}
html body[class*="dz-skin-"] .bm_c b,
html body[class*="dz-skin-"] .bm_h b,
html body[class*="dz-skin-"] .dz_sr_box b,
html body[class*="dz-skin-"] .dz_sr_block b,
html body[class*="dz-skin-"] .dz_sr_hero b{ color:var(--dz-fa) !important; }
html body a.showmenu{ background:var(--dz-bgb) !important; border:1px solid var(--dz-borderc) !important; border-radius:var(--dz-radius-m) !important; }
html body[class*="dz-skin-"] .dz_sr_tabs a.a{ color:var(--dz-btntxta) !important; }
html body[class*="dz-skin-"] .tb .a,
html body[class*="dz-skin-"] .tb .a a{ color:#ffffff !important; }
html body.dz-pro .grid{ display:grid; gap:14px; }
html body.dz-pro .back-home{ border:0 !important; padding:8px 14px !important; }

/* 首页区块正文与统计文字：避免深色皮肤下沿用浅色文字色 */
html body .dz_home_postbar,
html body .dz_home_pb_txt,
html body .dz_home_pb_sub,
html body .dz_home_pb_title,
html body .dz_home_stats,
html body #chart,
html body #chart .chart,
html body #chart h4,
html body #category_grid h4,
html body .dz_card_meta{ color:var(--dz-fa) !important; }
html body .dz_home_pb_sub,
html body .dz_home_stats span{ color:var(--dz-fb) !important; }
html body cite,
html body .dz_fcard_last cite,
html body .category_newlist li a{ color:var(--dz-fc) !important; }

/* 列表行悬停反馈 */
html body #threadlist tbody:hover td,
html body #threadlist tr:hover td{ background:var(--dz-bgsoft) !important; }

/* 图片与头像 */
html body img{ border-radius:var(--dz-radius-s); }
html body .avt img,
html body .dz_avatar_wrap img,
html body .user_avatar{ border-radius:50% !important; }

/* ============================================================
   四、响应式
   ============================================================ */
@media (max-width:1400px){
  html body{ --dz-container:min(1200px,100%); }
}
@media (max-width:1100px){
  html body{ --dz-container:100%; }
  html body #wp{ padding:0 12px; }
}
@media (max-width:768px){
  html body #wp{ padding:0 10px; }
  html body #ct .bm_c{ padding:12px 14px !important; }
  html body #thread_subject{ font-size:19px !important; }
}