/* ========================================================= UIV6 THEME SYSTEM (Single source of truth) - Light:clean white,minimal borders - Dark:higher contrast,layered surfaces,less "black mud" - Base font-size:15px ========================================================= */
/* ========================= Base Tokens ========================= */
:root{--uiv6-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--uiv6-fs:15px;--uiv6-radius:14px;--uiv6-primary:#2563eb;--uiv6-danger:#ef4444;--uiv6-warning:#f59e0b;/* motion */
 --uiv6-ease:cubic-bezier(.2,.8,.2,1);--uiv6-speed:.16s;}
/* ========================= Light Theme (default) ========================= */
html[data-theme="light"],html:not([data-theme]),html[data-theme=""]{color-scheme:light;--uiv6-bg:#ffffff;--uiv6-surface:#ffffff;--uiv6-surface-2:#ffffff;--uiv6-text:#111827;--uiv6-text-2:#4b5563;--uiv6-muted:#6b7280;/* 极淡边线：尽量不用边框，但给表单/分割线留一个非常淡的值 */
 --uiv6-border:rgba(17,24,39,.06);/* 柔和分层阴影（替代边线） */
 --uiv6-shadow:0 6px 18px rgba(15,23,42,.06);/* 轻浮层阴影（dropdown / modal 小一点） */
 --uiv6-shadow-float:0 10px 28px rgba(15,23,42,.10);}
/* ========================= Dark Theme (FIXED) 核心：不要“纯黑”，要“层级面 + 对比度” ========================= */
html[data-theme="dark"]{color-scheme:dark;/* 背景不要太黑，否则一片糊 */
 --uiv6-bg:#0b1220;/* 两级面板：surface 更亮一点，surface-2 再亮一点用于 hover/块 */
 --uiv6-surface:#0f1a2f;--uiv6-surface-2:#132243;/* 文本对比加强（你截图里最痛点就是灰字看不清） */
 --uiv6-text:rgba(255,255,255,.92);--uiv6-text-2:rgba(226,232,240,.82);--uiv6-muted:rgba(226,232,240,.62);/* 边线更淡更细，不要白边框抢眼 */
 --uiv6-border:rgba(148,163,184,.16);/* 关键：阴影不要“黑坨坨”，用更自然的层次阴影 */
 --uiv6-shadow:0 10px 28px rgba(0,0,0,.40);--uiv6-shadow-float:0 18px 44px rgba(0,0,0,.55);}
/* ========================= Global Base ========================= */
html,body{font-family:var(--uiv6-font);font-size:var(--uiv6-fs);line-height:1.65;}
body.xcz-app{background:var(--uiv6-bg);color:var(--uiv6-text);}
/* 让滚动条在深色下更协调（可选） */
html[data-theme="dark"]{scrollbar-color:rgba(255,255,255,.18) rgba(255,255,255,.06);}
/* ========================= Text Helpers (override BS) ========================= */
.text-gray-600{color:var(--uiv6-text-2) !important;}
.text-body-tertiary{color:var(--uiv6-muted) !important;}
/* 让 text-danger 在深色不要刺眼发粉 */
html[data-theme="dark"] .text-danger{color:rgba(248,113,113,.95) !important;}
/* ========================= Link System (clean & modern) ========================= */
a{color:inherit;text-decoration:none;transition:color var(--uiv6-speed) var(--uiv6-ease),background-color var(--uiv6-speed) var(--uiv6-ease),text-decoration-color var(--uiv6-speed) var(--uiv6-ease);}
/* a:hover{color:var(--uiv6-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(37,99,235,.45);} */
a:hover{color:var(--uiv6-primary);}
/* 强调链接（显式指定才上蓝） */
a.link-primary,.text-primary,.text-primary a{color:var(--uiv6-primary) !important;text-decoration:none !important;}
/* 导航 / 按钮 / 下拉内不需要下划线 */
.navbar a,.dropdown-menu a,.btn,.btn a,.badge a{text-decoration:none !important;}
/* ========================= Card / Panel System ========================= */
.card{background:var(--uiv6-surface);border:0;border-radius:var(--uiv6-radius);box-shadow:var(--uiv6-shadow);}
/* 深色卡片如果内容太糊：加一点点“内描边”帮助分层（非常淡，不是白边） */
html[data-theme="dark"] .card{outline:1px solid rgba(255,255,255,.05);outline-offset:0;}
.card-header{background:transparent;border:0;padding:12px 14px;}
.card-body{padding:14px;}
/* 你模板里很多 card border border-gray-200：统一不画边框 */
.card.border,.card.border-top,.card.border-bottom,.card.border-start,.card.border-end{border:0 !important;}
/* ========================= Background helpers ========================= */
/* .bg-light,.bg-gray-100{background:var(--uiv6-surface-2) !important;} */
/* 深色下避免 bg-light 变得太黑：surface-2 已经处理过 */
html[data-theme="dark"] .bg-light,html[data-theme="dark"] .bg-gray-100{background:var(--uiv6-surface-2) !important;}
/* ========================= Borders / HR (very light) ========================= */
hr,.border,.border-top,.border-bottom,.border-start,.border-end{border-color:var(--uiv6-border) !important;}
/* 深色下“border-gray-200”这种也统一淡化 */
html[data-theme="dark"] .border-gray-200,html[data-theme="dark"] .tw-border-gray-200{border-color:rgba(255,255,255,.08) !important;}
/* ========================= Forms / Dropdown / Offcanvas ========================= */
.form-control,.form-select{background:var(--uiv6-surface);color:var(--uiv6-text);border-color:var(--uiv6-border);}
.form-control::placeholder{color:var(--uiv6-muted);}
.form-control:focus,.form-select:focus{border-color:rgba(37,99,235,.55);box-shadow:none;}
.dropdown-menu{background:var(--uiv6-surface);color:var(--uiv6-text);border-color:var(--uiv6-border);box-shadow:var(--uiv6-shadow-float);}
.offcanvas{background:var(--uiv6-surface);color:var(--uiv6-text);border-color:var(--uiv6-border);box-shadow:var(--uiv6-shadow-float);}
/* ========================= Top Navigation ========================= */
.xcz-top-nav{background:var(--uiv6-surface);border-bottom:1px solid var(--uiv6-border);}
/* 顶栏按钮/搜索框：深色下需要更亮一点，不然跟背景糊在一起 */
.xcz-top-nav a.nav-li,.top-right-btnli,.top-searchbox{background:var(--uiv6-surface-2);border-color:var(--uiv6-border);color:var(--uiv6-text);}
.xcz-top-nav a.nav-li:hover,.top-right-btnli:hover,.xcz-top-mainnav .dropdown:hover > .dropdown-toggle{background:rgba(148,163,184,.14);}
/* ========================= Layout spacing ========================= */
.container-xl.mt-3,.container-xxl.mt-3{margin-top:10px;}
/* ========================= Home Left Modules (公告/更新日志/官网资讯) 这里是你截图2最“糊”的主要区域：统一做深色层次 ========================= */
/* “更多/版本”小 pill */
.col-lg-3 .card-header a.bg-gray-300{background:rgba(15,23,42,.06) !important;color:rgba(15,23,42,.78) !important;border-radius:999px !important;padding:4px 10px !important;}
/* 深色下：pill 需要反过来（更亮 + 字更清楚） */
html[data-theme="dark"] .col-lg-3 .card-header a.bg-gray-300{background:rgba(255,255,255,.08) !important;color:rgba(255,255,255,.82) !important;}
/* 更新日志 list item */
.list-li{padding:10px 10px;border-radius:12px;background:rgba(15,23,42,.03);margin-bottom:10px;}
.upmain-tit{gap:8px;align-items:center;}
.upmain-tit h4{margin:0 !important;font-weight:700;line-height:1.35;color:var(--uiv6-text);}
.upmain_tit_time.badge,.badge.badge-light{background:rgba(15,23,42,.06) !important;color:rgba(15,23,42,.68) !important;font-weight:600;border:0 !important;padding:6px 10px;border-radius:999px;}
.list-li,.list-li .font-14{font-size:13px !important;line-height:1.6;color:rgba(15,23,42,.78);}
.list-li a{font-weight:600;}
/* 深色下：日志块必须更“亮一档”，否则全糊成一片 */
html[data-theme="dark"] .list-li{background:rgba(255,255,255,.06) !important;}
html[data-theme="dark"] .list-li,html[data-theme="dark"] .list-li .font-14{color:rgba(226,232,240,.80) !important;}
html[data-theme="dark"] .upmain_tit_time.badge,html[data-theme="dark"] .badge.badge-light{background:rgba(255,255,255,.08) !important;color:rgba(226,232,240,.70) !important;}
/* 官网资讯/版本前瞻 ul/li */
.col-lg-3 .card.none ul{list-style:none;padding:10px 12px 12px;margin:0;display:flex;flex-direction:column;gap:8px;}
.col-lg-3 .card.none li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:rgba(15,23,42,.03);}
.col-lg-3 .card.none li a{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650;}
.col-lg-3 .card.none .li_r_badges{background:rgba(15,23,42,.06) !important;color:rgba(15,23,42,.65) !important;border:0 !important;padding:5px 10px;border-radius:999px;}
/* 深色下：资讯条目块提升对比度 */
html[data-theme="dark"] .col-lg-3 .card.none li{background:rgba(255,255,255,.06) !important;}
html[data-theme="dark"] .col-lg-3 .card.none .li_r_badges{background:rgba(255,255,255,.08) !important;color:rgba(226,232,240,.72) !important;}
/* 公告正文 */
.news-content{font-size:14px;line-height:1.75;color:rgba(15,23,42,.78);}
html[data-theme="dark"] .news-content{color:rgba(226,232,240,.78);}
/* ========================= Highlight Card (重要更新) 深色下你原来的橙色渐变会发脏，改成“深色蓝紫辉光” ========================= */
.xcz-highlight-card{border-radius:1.25rem;background:linear-gradient(135deg,#fef3c7 0,#fffbeb 40%,#fff7ed 100%);border:1px solid rgba(245,158,11,.25);}
.xcz-highlight-left .xcz-highlight-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .8rem;border-radius:999px;background:#f97316;color:#fff;font-size:.8rem;font-weight:600;box-shadow:0 8px 18px rgba(248,160,43,.35);}
.xcz-highlight-img{width:80px;height:80px;border-radius:1rem;box-shadow:0 8px 20px rgba(248,181,63,.30);object-fit:contain;}
.xcz-highlight-content{font-size:.93rem;line-height:1.7;color:#7c2d12;}
.xcz-highlight-item{margin-bottom:.35rem;display:flex;align-items:flex-start;gap:.45rem;}
.xcz-highlight-tag{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:#f97316;color:#fff;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem;}
/* 深色：更高级、更克制的“辉光卡片” */
html[data-theme="dark"] .xcz-highlight-card{border:0;background:radial-gradient(1200px 300px at 20% 0%,rgba(59,130,246,.22),rgba(0,0,0,0) 60%),radial-gradient(900px 240px at 80% 20%,rgba(168,85,247,.18),rgba(0,0,0,0) 55%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));outline:1px solid rgba(255,255,255,.06);}
html[data-theme="dark"] .xcz-highlight-content{color:rgba(226,232,240,.86);}
html[data-theme="dark"] .xcz-highlight-left .xcz-highlight-badge{background:rgba(59,130,246,.92);box-shadow:0 10px 22px rgba(59,130,246,.20);}
html[data-theme="dark"] .xcz-highlight-tag{background:rgba(168,85,247,.92);}
/* ========================= Tool Cards (实用工具/职业等卡片 hover) ========================= */
.xcz-section-card a.h-full{background:rgba(15,23,42,.03) !important;border:0 !important;box-shadow:0 1px 0 rgba(15,23,42,.04);transition:transform var(--uiv6-speed) var(--uiv6-ease),box-shadow var(--uiv6-speed) var(--uiv6-ease),background-color var(--uiv6-speed) var(--uiv6-ease);}
.xcz-section-card a.h-full:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.12);background:rgba(37,99,235,.06) !important;}
/* 深色：hover 变亮一点 + 阴影更自然 */
html[data-theme="dark"] .xcz-section-card a.h-full{background:rgba(255,255,255,.05) !important;box-shadow:0 1px 0 rgba(255,255,255,.04);}
html[data-theme="dark"] .xcz-section-card a.h-full:hover{background:rgba(59,130,246,.10) !important;box-shadow:0 18px 46px rgba(0,0,0,.55);}
/* ========================= “实用站点”标签 bg-warning 在深色下别刺眼 ========================= */
.xcz-content-wrapper .bg-warning.text-white.rounded.px-2{border-radius:999px !important;font-weight:800;}
html[data-theme="dark"] .xcz-content-wrapper .bg-warning.text-white.rounded.px-2{background:rgba(245,158,11,.22) !important;color:rgba(255,255,255,.90) !important;}
/* ========================= Right QR Float Card (主题化) 位置仍建议放 private.css，这里只负责“颜色/质感” ========================= */
.zhiwawa-qrcode-card{border-radius:14px;padding:12px 12px 16px;text-align:center;background:var(--uiv6-surface);box-shadow:var(--uiv6-shadow-float);border:1px solid var(--uiv6-border);}
.zhiwawa-qrcode-title{font-size:14px;font-weight:700;color:var(--uiv6-text);letter-spacing:1px;}
.zhiwawa-qrcode-sub{font-size:14px;color:var(--uiv6-muted);margin-top:4px;}
.zhiwawa-qrcode-img{width:100%;border-radius:10px;margin-top:10px;}
/* 深色下二维码卡片：更亮一点，文字更清楚 */
html[data-theme="dark"] .zhiwawa-qrcode-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);}
/* ========================= Small polish ========================= */
/* 模态框深色优化（否则你弹窗会像一块灰） */
html[data-theme="dark"] .modal-content{background:var(--uiv6-surface);color:var(--uiv6-text);border-color:rgba(255,255,255,.10);box-shadow:var(--uiv6-shadow-float);}
/* Toast 深色更清晰 */
html[data-theme="dark"] .toast.bg-dark{background:rgba(15,23,42,.88) !important;}
/* 图片圆角更统一 */
img.rounded{border-radius:12px !important;}
/* ========================================================= Dark Fix Pack (for legacy utility classes) Put at END of /ui_v6/css/uiv6.theme.css ========================================================= */
html[data-theme="dark"]{/* 更舒服的深色层级（你原来的 0b1324 太“闷”且对比不够） */
 --uiv6-bg:#0b1220;--uiv6-surface:#0f1a2e;/* 卡片 */
 --uiv6-surface-2:#111f36;/* 次级底色块 */
 --uiv6-border:rgba(255,255,255,.08);--uiv6-text:rgba(255,255,255,.92);--uiv6-text-2:rgba(255,255,255,.72);--uiv6-muted:rgba(255,255,255,.55);--uiv6-shadow:0 10px 26px rgba(0,0,0,.45);}
/* 1) 你页面大量在用的“浅色语义类”在深色下要反向映射 */
html[data-theme="dark"] .bg-light,html[data-theme="dark"] .bg-gray-100{background:var(--uiv6-surface-2) !important;}
/* 常见灰底块（公告/列表 item 的那种灰） */
html[data-theme="dark"] .list-li,html[data-theme="dark"] .col-lg-3 .card.none li,html[data-theme="dark"] .xcz-top-nav a.nav-li,html[data-theme="dark"] .top-right-btnli,html[data-theme="dark"] .top-searchbox{background:rgba(255,255,255,.06) !important;}
/* 2) 卡片统一：深色下边框更“克制”，但要有一点分层 */
html[data-theme="dark"] .card{background:var(--uiv6-surface) !important;border:1px solid var(--uiv6-border) !important;box-shadow:var(--uiv6-shadow) !important;}
/* 3) 文本类：避免“灰到看不见” */
html[data-theme="dark"] .text-gray-600{color:var(--uiv6-text-2) !important;}
html[data-theme="dark"] .text-body-tertiary{color:var(--uiv6-muted) !important;}
/* 4) 你用的 text-danger 在深色下不要那么亮红（否则很刺） */
html[data-theme="dark"] .text-danger{color:#ff6b6b !important;/* 柔一点的红 */
}
/* 5) badge-light / 右侧 onclick badge / 顶部“数据库版本”等 */
html[data-theme="dark"] .badge.badge-light,html[data-theme="dark"] .upmain_tit_time.badge,html[data-theme="dark"] .li_r_badges,html[data-theme="dark"] .xcz-top-nav .bg-gray-300{background:rgba(255,255,255,.10) !important;color:rgba(255,255,255,.78) !important;border:1px solid rgba(255,255,255,.08) !important;}
/* 6) 实用站点那三条黄色标签：深色下改成“琥珀色胶囊”更协调 */
html[data-theme="dark"] .bg-warning{background:rgba(245,158,11,.16) !important;/* amber */
 color:rgba(255,255,255,.90) !important;border:1px solid rgba(245,158,11,.28) !important;}
/* 7) 工具卡片：你目前是 bg-gray-100 + tw-border-gray-100，深色下会脏/发灰 */
html[data-theme="dark"] .xcz-section-card a.h-full{background:rgba(255,255,255,.06) !important;box-shadow:0 1px 0 rgba(0,0,0,.25) !important;}
html[data-theme="dark"] .xcz-section-card a.h-full:hover{background:rgba(96,165,250,.10) !important;box-shadow:0 14px 30px rgba(0,0,0,.35) !important;}
/* tailwind 前缀 tw- 的边框灰：深色下改成白色系淡边 */
html[data-theme="dark"] .tw-border-gray-100{border-color:rgba(255,255,255,.08) !important;}
/* ========================================================= Bootstrap Variables Override for Dark Mode Works with html[data-theme="dark"] Put at END of uiv6.theme.css ========================================================= */
html[data-theme="dark"]{/* 让 bootstrap 的 color-scheme 走 dark（影响表单、滚动条等） */
 color-scheme:dark;/* ===== Body ===== */
 --bs-body-bg:var(--uiv6-bg);--bs-body-color:var(--uiv6-text);--bs-body-color-rgb:229,231,235;/* 近似 #e5e7eb */
 --bs-body-text-align:left;/* ===== Typography / muted ===== */
 --bs-secondary-color:var(--uiv6-text-2);--bs-secondary-color-rgb:203,213,225;/* 近似 #cbd5e1 */
 --bs-tertiary-color:var(--uiv6-muted);--bs-tertiary-color-rgb:148,163,184;/* 近似 #94a3b8 */
 --bs-emphasis-color:var(--uiv6-text);/* ===== Background surfaces ===== */
 --bs-body-bg-rgb:11,18,32;/* #0b1220 */
 --bs-secondary-bg:var(--uiv6-surface);--bs-tertiary-bg:var(--uiv6-surface-2);/* ===== Borders ===== */
 --bs-border-color:var(--uiv6-border);--bs-border-color-translucent:rgba(255,255,255,.10);/* ===== Links ===== */
 --bs-link-color:var(--uiv6-primary);--bs-link-hover-color:rgba(96,165,250,.90);/* ===== Headings ===== */
 --bs-heading-color:var(--uiv6-text);/* ===== Code / highlight (可选) ===== */
 --bs-code-color:#fda4af;/* ===== Shadows (Bootstrap 也会用) ===== */
 --bs-box-shadow:0 10px 26px rgba(0,0,0,.45);--bs-box-shadow-sm:0 2px 10px rgba(0,0,0,.35);--bs-box-shadow-lg:0 16px 40px rgba(0,0,0,.55);}
/* 让 bootstrap 的 “bg-body / text-body” 等跟着你主题走 */
html[data-theme="dark"] body{background:var(--bs-body-bg) !important;color:var(--bs-body-color) !important;}
/* 一些组件常见底色（避免还是白/浅灰） */
html[data-theme="dark"] .modal-content,html[data-theme="dark"] .dropdown-menu,html[data-theme="dark"] .offcanvas,html[data-theme="dark"] .popover{background:var(--uiv6-surface) !important;color:var(--uiv6-text) !important;border-color:var(--uiv6-border) !important;box-shadow:var(--uiv6-shadow) !important;}
/* 表格可读性（如果你页面有 table） */
html[data-theme="dark"] .table{--bs-table-bg:transparent;--bs-table-color:var(--uiv6-text);--bs-table-border-color:var(--uiv6-border);}
html[data-theme="dark"] .xcz-footer{background:var(--uiv6-surface);border-top:1px solid var(--uiv6-border);}
/* 深色模式：修正 btn-close 在深色背景看不见的问题 */
html[data-theme="dark"] .btn-close{filter:invert(1) grayscale(100%);opacity:.85;}
html[data-theme="dark"] .btn-close:hover{opacity:1;}
html[data-theme="dark"] .btn-close:focus{box-shadow:0 0 0 .25rem rgba(255,255,255,.25);}
/* ========================== 右侧悬浮按钮 - 深色模式适配 作用域：Bootstrap 5.3 data-theme="dark" ========================== */
html[data-theme="dark"] .leftNav-item ul li{background:rgba(255,255,255,.08);/* 原来 #EEE 在深色太亮，改成半透明浅色 */
 color:rgba(255,255,255,.75);/* box-shadow:0 8px 22px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08);*/
 backdrop-filter:blur(6px);/* 可选：让按钮更“玻璃” */
}
html[data-theme="dark"] .leftNav-item ul li i{color:rgba(255,255,255,.75);}
/* hover：更亮一点，且图标更白 */
html[data-theme="dark"] .leftNav-item ul li:hover{background:rgba(59,130,246,.92);/* 蓝色高亮（你也可以换成主题色） */
 color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.10);}
html[data-theme="dark"] .leftNav-item ul li:hover i,html[data-theme="dark"] .leftNav-item ul i:hover{color:#fff;}
/* 旋转弹出的 rota（你原来是 #1B8BF5）深色下也可以保留，但建议更通透些 */
html[data-theme="dark"] .leftNav-item ul li .rota{background:rgba(37,99,235,.95);/* 更接近深色主题的蓝 */
 color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.45);}
/* hover 时 rota 的透明度你原来是 .9，深色里稍微更稳一点 */
html[data-theme="dark"] .leftNav-item ul li:hover .rota{opacity:.95;}
/* 右侧小标题 tooltip：原来 rgba(0,0,0,0.5) 太灰，改更高级一点 */
html[data-theme="dark"] .leftNav-item ul li .title{background:rgba(15,23,42,.92);/* slate-900 느낌 */
 color:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);}
/* 图片弹层：边框/底色 */
html[data-theme="dark"] .leftNav-item ul li .img-item{border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.92);box-shadow:0 14px 36px rgba(0,0,0,.55);}
/* 文本弹层：原来白底，深色改为暗底 */
html[data-theme="dark"] .leftNav-item ul li .text-item{border:1px solid rgba(255,255,255,.12);background:rgba(15,23,42,.92);color:rgba(255,255,255,.88);box-shadow:0 14px 36px rgba(0,0,0,.55);}
/* 文本弹层里的小图标颜色 */
html[data-theme="dark"] .leftNav-item ul li .text-item span i{color:rgba(255,255,255,.75);}
/* 如果你想在深色下把按钮做成“圆角胶囊”那种（像你截图那样）： 不改 HTML 的情况下只能控制每个 li 的圆角 */
html[data-theme="dark"] .leftNav-item ul li{/* border-radius:18px;*/
}
/* 让悬浮按钮组整体更“贴近”截图那种浅白胶囊容器效果（可选） ——前提：你的 HTML 外层 ul 有包一层容器，否则不生效 */
html[data-theme="dark"] .leftNav-item ul{background:rgba(255,255,255,.06);border-radius:26px;/* padding:6px;*/
 /* box-shadow:0 14px 40px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.10);*/
}
html[data-theme="dark"] .xcz-top-nav .dropdown-item:hover{background-color:rgba(255,255,255,.06);}
html[data-theme="dark"] .xcz-top-mainnav .dropdown-submenu:hover>.dropdown-item{background-color:rgba(255,255,255,.06);}
/* =============== Offcanvas / Left Sider Base =============== */
html[data-theme="dark"] .xcz-sider.offcanvas-start{background:var(--uiv6-surface) !important;color:var(--uiv6-text) !important;border-right:1px solid var(--uiv6-border) !important;box-shadow:var(--uiv6-shadow-float) !important;}
/* offcanvas header / close */
html[data-theme="dark"] .xcz-sider .offcanvas-header{border-bottom:1px solid rgba(255,255,255,.06);}
html[data-theme="dark"] .xcz-sider .btn-close{filter:invert(1) grayscale(100%);opacity:.85;}
html[data-theme="dark"] .xcz-sider .btn-close:hover{opacity:1;}
/* =============== Sider Search Box =============== */
html[data-theme="dark"] .top-searchbox{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10) !important;color:var(--uiv6-text) !important;border-radius:10px !important;}
html[data-theme="dark"] .top-searchbox:hover{border-color:rgba(96,165,250,.55) !important;box-shadow:0 0 0 .2rem rgba(59,130,246,.12);}
html[data-theme="dark"] .top-search-rbt{background:rgba(255,255,255,.10) !important;color:rgba(255,255,255,.92) !important;border:1px solid rgba(255,255,255,.10) !important;border-radius:8px !important;}
/* =============== Sidebar Headings / Right Buttons =============== */
html[data-theme="dark"] .menu-sidebar-heading{color:rgba(96,165,250,.95) !important;font-weight:800;}
html[data-theme="dark"] ul.sider-sigle-right-buttons > li{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.86);}
html[data-theme="dark"] ul.sider-sigle-right-buttons > li:hover{background:rgba(59,130,246,.12) !important;border-color:rgba(59,130,246,.25);}
/* =============== Sider Menu Links =============== */
html[data-theme="dark"] .sider-menu-ul a,html[data-theme="dark"] .sider-menu-ul a:active,html[data-theme="dark"] .sider-menu-ul a:hover{color:rgba(255,255,255,.86) !important;text-decoration:none !important;}
html[data-theme="dark"] .sider-menu-ul > li > a{background:transparent;border:1px solid transparent;border-radius:12px;}
html[data-theme="dark"] .sider-menu-ul > li > a:hover{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.08);}
/* 子菜单：左侧竖线（原来 #e0f3ff）改成深色柔和蓝 */
html[data-theme="dark"] .sider-menu-ul ul::before{background:rgba(96,165,250,.22) !important;opacity:1;}
/* 子菜单 item */
html[data-theme="dark"] .sider-menu-ul ul > li > a{color:rgba(226,232,240,.84) !important;border:1px solid transparent;}
html[data-theme="dark"] .sider-menu-ul ul > li > a:hover{background:rgba(96,165,250,.10) !important;border-color:rgba(96,165,250,.14);}
html[data-theme="dark"] .sider-menu-ul ul > li > a.active{background:rgba(59,130,246,.16) !important;border-color:rgba(59,130,246,.22);color:rgba(255,255,255,.92) !important;}
/* 折叠箭头 rotate 图标颜色 */
html[data-theme="dark"] .rotate-icon{color:rgba(226,232,240,.70);}
/* =============== Search Modal (top-header-search / search-model) =============== */
html[data-theme="dark"] #top-header-search .modal-content,html[data-theme="dark"] #search-model .modal-content{background:var(--uiv6-surface) !important;color:var(--uiv6-text) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:var(--uiv6-shadow-float) !important;}
/* 你原来 hr 是 #EEE，深色下改淡 */
html[data-theme="dark"] .xcz-search-mobalmainbox hr,html[data-theme="dark"] #search-model hr{border-color:rgba(255,255,255,.08) !important;opacity:1;}
/* 搜索框（DocSearch-Form） */
html[data-theme="dark"] .DocSearch-Form{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.10);border-radius:12px !important;}
html[data-theme="dark"] .DocSearch-MagnifierLabel{color:rgba(96,165,250,.95) !important;}
html[data-theme="dark"] .DocSearch-Input{color:rgba(255,255,255,.92) !important;}
html[data-theme="dark"] .DocSearch-Input::placeholder{color:rgba(226,232,240,.55) !important;}
html[data-theme="dark"] .DocSearch-Reset{color:rgba(226,232,240,.78);opacity:.85;}
html[data-theme="dark"] .DocSearch-Reset:hover{opacity:1;}
/* 搜索弹窗右上角 close pill */
html[data-theme="dark"] .search-btn-box .search-btn-close{background:rgba(255,255,255,.10) !important;color:rgba(255,255,255,.88) !important;border:1px solid rgba(255,255,255,.10);}
html[data-theme="dark"] .search-btn-box .search-btn-close:hover{background:rgba(59,130,246,.22) !important;border-color:rgba(59,130,246,.25);color:#fff !important;}
/* =============== Search Tabs / Login Tabs =============== */
html[data-theme="dark"] .border-searchtab{border-bottom-color:rgba(255,255,255,.10) !important;color:rgba(226,232,240,.72);}
html[data-theme="dark"] .border-searchtab.active{border-bottom-color:rgba(96,165,250,.85) !important;color:rgba(255,255,255,.92) !important;}
html[data-theme="dark"] .login-modal-tab div{border-bottom:2px solid rgba(255,255,255,.08) !important;color:rgba(226,232,240,.72);}
html[data-theme="dark"] .login-modal-tab div.active{color:rgba(96,165,250,.95) !important;border-bottom-color:rgba(96,165,250,.95) !important;}
/* ========================= Top Nav:remove underline / blue bottom line ========================= */
.xcz-top-nav a,.xcz-top-nav a:hover,.xcz-top-nav a:focus{text-decoration:none !important;}
/* 如果你的“蓝色底线”是 border-bottom / box-shadow 产生的，直接强制干掉 */
.xcz-top-nav .nav-link,.xcz-top-nav a.nav-li,.xcz-top-nav .dropdown-toggle{border-bottom:0 !important;box-shadow:none !important;}
.xcz-top-nav .nav-link:hover,.xcz-top-nav a.nav-li:hover,.xcz-top-nav .dropdown-toggle:hover{border-bottom:0 !important;box-shadow:none !important;}
/* ========================= Top Nav dropdown:clearer border ========================= */
/* ========================= Top Nav dropdown:colored border (higher contrast) ========================= */
/* 浅色：用“主题蓝 + 一点透明”，更清晰但不抢 */
html[data-theme="light"] .xcz-top-nav .dropdown-menu,html:not([data-theme]) .xcz-top-nav .dropdown-menu,html[data-theme=""] .xcz-top-nav .dropdown-menu{border:1px solid rgba(37,99,235,.22) !important;/* 主色蓝描边 */
 box-shadow:0 14px 40px rgba(15,23,42,.12) !important;border-radius:6px;}
/* 深色：用更亮的“蓝描边”，让轮廓更明显 */
html[data-theme="dark"] .xcz-top-nav .dropdown-menu{border:1px solid rgba(96,165,250,.28) !important;/* 更亮一点的蓝描边 */
 box-shadow:0 18px 44px rgba(0,0,0,.55) !important;border-radius:6px;}
/* 可选：再加一个很淡的“内描边”，质感更像高级浮层 */
html[data-theme="light"] .xcz-top-nav .dropdown-menu{outline:1px solid rgba(245,158,11,.10);/* 淡琥珀内光 */
 outline-offset:-2px;}
html[data-theme="dark"] .xcz-top-nav .dropdown-menu{outline:1px solid rgba(168,85,247,.10);/* 深色下淡紫内光 */
 outline-offset:-2px;}
/* ========================= Light Top Nav:subtle tinted gradient (less plain white) ========================= */
html[data-theme="light"] .xcz-top-nav,html:not([data-theme]) .xcz-top-nav,html[data-theme=""] .xcz-top-nav{background:radial-gradient(900px 240px at 18% 0%,rgba(245,158,11,.10),rgba(0,0,0,0) 60%),radial-gradient(760px 220px at 82% 0%,rgba(37,99,235,.08),rgba(0,0,0,0) 55%),linear-gradient(180deg,#ffffff 0%,#fbfdff 55%,#f8fafc 100%) !important;border-bottom:1px solid rgba(15,23,42,.08) !important;}
/* =========================================================
   Dark mapping for legacy gray utilities
   - Covers: bg-gray-200 / bg-gray-300 / border-gray-200 / border-gray-300
   - Also fixes typo: gorder-gray-300 (if your code里真有这个写错的类)
   Put at END of uiv6.theme.css
   ========================================================= */
html[data-theme="dark"]{

  /* 灰底：200/300 用两档，保持层次 */
  --uiv6-gray-200-bg: rgba(255,255,255,.06);
  --uiv6-gray-300-bg: rgba(255,255,255,.09);

  /* 灰边：200/300 用两档 */
  --uiv6-gray-200-border: rgba(255,255,255,.10);
  --uiv6-gray-300-border: rgba(255,255,255,.14);
}

/* ===== Background utilities ===== */
html[data-theme="dark"] .bg-gray-200{ background: var(--uiv6-gray-200-bg) !important; }
html[data-theme="dark"] .bg-gray-300{ background: var(--uiv6-gray-300-bg) !important; }

/* 你很多地方是 “bg-gray-200 + text-dark” 这种组合，深色下字也顺便兜底一下（可选但推荐） */
html[data-theme="dark"] .bg-gray-200,
html[data-theme="dark"] .bg-gray-300{
  color: var(--uiv6-text) !important;
}

/* ===== Border utilities ===== */
html[data-theme="dark"] .border-gray-200{ border-color: var(--uiv6-gray-200-border) !important; }
html[data-theme="dark"] .border-gray-300{ border-color: var(--uiv6-gray-300-border) !important; }

/* 防呆：如果你代码里真的写成了 gorder-gray-300，也给它生效 */
html[data-theme="dark"] .gorder-gray-300{ border-color: var(--uiv6-gray-300-border) !important; }

/* ===== 常见组合：边框类覆盖到四边（有些组件用的是 border-top/bottom 等） ===== */
html[data-theme="dark"] .border-gray-200.border,
html[data-theme="dark"] .border-gray-200.border-top,
html[data-theme="dark"] .border-gray-200.border-bottom,
html[data-theme="dark"] .border-gray-200.border-start,
html[data-theme="dark"] .border-gray-200.border-end{
  border-color: var(--uiv6-gray-200-border) !important;
}

html[data-theme="dark"] .border-gray-300.border,
html[data-theme="dark"] .border-gray-300.border-top,
html[data-theme="dark"] .border-gray-300.border-bottom,
html[data-theme="dark"] .border-gray-300.border-start,
html[data-theme="dark"] .border-gray-300.border-end{
  border-color: var(--uiv6-gray-300-border) !important;
}

/* =========================================================
   Dark mapping for legacy td-* highlight backgrounds
   Put at END of uiv6.theme.css
   ========================================================= */
html[data-theme="dark"] .td-hui{
  background-color: rgba(255,255,255,.05) !important; /* 中性灰底 */
}

html[data-theme="dark"] .td-hong{
  background-color: rgba(255,255,255,.05) !important; /* 你原来跟 hui 一样 */
}

/* 偏红粉（F7E5EA）=> 深色下用“红系染色” */
html[data-theme="dark"] .td-hong2{
  background-color: rgba(248,113,113,.10) !important; /* red tint */
}

/* 偏绿青（ddf4f4）=> 深色下用“青系染色” */
html[data-theme="dark"] .td-lv{
  background-color: rgba(34,211,238,.10) !important; /* cyan tint */
}

/* 偏黄（FFF9CE）=> 深色下用“琥珀染色” */
html[data-theme="dark"] .td-huang{
  background-color: rgba(245,158,11,.12) !important; /* amber tint */
}

/* 可选：如果这些 td 上文字发灰，统一提一点对比 */
html[data-theme="dark"] .td-hui,
html[data-theme="dark"] .td-hong,
html[data-theme="dark"] .td-hong2,
html[data-theme="dark"] .td-lv,
html[data-theme="dark"] .td-huang{
  color: var(--uiv6-text) !important;
}

/* =========================================================
   Bootstrap bg-warning-subtle Dark Mode Mapping (UIV6)
   Put at END of uiv6.theme.css
   ========================================================= */
html[data-theme="dark"] .bg-warning-subtle{
  background-color: rgba(245,158,11,.14) !important; /* amber / warning tint */
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(245,158,11,.28) !important;
}

/* ============================
   右侧悬浮按钮（浅色模式：紧凑型，美化背景/阴影）
   保持原来 li 贴在一起的样式
   ============================ */

html[data-theme="light"] .leftNav-item,
html:not([data-theme]) .leftNav-item,
html[data-theme=""] .leftNav-item{
  position:fixed;
  z-index:999999;
  margin-left:1400px;
  bottom:150px;
}

/* 容器：改成更干净的浅灰白底 + 细边框 + 阴影 */
html[data-theme="light"] .leftNav-item ul,
html:not([data-theme]) .leftNav-item ul,
html[data-theme=""] .leftNav-item ul{
  margin:0;
  padding:0;
  list-style:none;

  /* 关键：容器承担“背景”和“阴影” */
  background:#F9F9F9;
  border:1px solid #f5f5f5;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(15,23,42,.12);
  backdrop-filter:saturate(1.2) blur(8px);

  overflow:hidden; /* 让按钮贴合圆角 */
}

/* 保持紧凑：每个按钮不加间距，不改尺寸 */
html[data-theme="light"] .leftNav-item ul li,
html:not([data-theme]) .leftNav-item ul li,
html[data-theme=""] .leftNav-item ul li{
  width:50px;
  height:50px;

  /* 不再用 #EEE 那种“脏灰”，改成更柔和的表面色 */
  background:transparent; /* 让容器底色透出来，更一体 */
  color:#64748b;

  transition:background-color .16s cubic-bezier(.2,.8,.2,1),
             color .16s cubic-bezier(.2,.8,.2,1),
             transform .16s cubic-bezier(.2,.8,.2,1);
}

/* 图标颜色更高级一点 */
html[data-theme="light"] .leftNav-item ul li i,
html:not([data-theme]) .leftNav-item ul li i,
html[data-theme=""] .leftNav-item ul li i{
  color:#64748b;
  line-height:50px;
  font-size:24px;
  transition:color .16s cubic-bezier(.2,.8,.2,1);
}

/* hover：轻微提亮 + 主色提示（不改变紧凑结构） */
html[data-theme="light"] .leftNav-item ul li:hover,
html:not([data-theme]) .leftNav-item ul li:hover,
html[data-theme=""] .leftNav-item ul li:hover{
  background:rgba(37,99,235,.10);
  color:#2563eb;
}

html[data-theme="light"] .leftNav-item ul li:hover i,
html:not([data-theme]) .leftNav-item ul li:hover i,
html[data-theme=""] .leftNav-item ul li:hover i{
  color:#2563eb;
}

/* 点击反馈：轻微压下 */
html[data-theme="light"] .leftNav-item ul li:active,
html:not([data-theme]) .leftNav-item ul li:active,
html[data-theme=""] .leftNav-item ul li:active{
  transform:translateY(1px);
}

/* 你的提示层（title）顺手更干净 */
html[data-theme="light"] .leftNav-item ul li .title,
html:not([data-theme]) .leftNav-item ul li .title,
html[data-theme=""] .leftNav-item ul li .title{
  background:rgba(15,23,42,.92);
  color:#fff;
  border-radius:10px;
  padding:6px 10px;
  box-shadow:0 10px 20px rgba(15,23,42,.18);
}

/* 小屏：沿用原规则 */
@media (max-width: 1600px) {
  html[data-theme="light"] .leftNav-item,
  html:not([data-theme]) .leftNav-item,
  html[data-theme=""] .leftNav-item{
    right:20px;
    bottom:50px;
    margin-left:0;
  }
}