/* ============================================ Theme4 暗黑模式样式表通过 .io-black-mode 类应用到配合 app.min.js 中的暗黑模式切换使用 ============================================ */ /* ==================== Dark Mode 切换过渡动画 ==================== */ /* 所有在暗黑模式下改变属性（颜色/背景/边框/阴影）的元素添加平滑过渡 */ /* 注意：transition 必须定义在 .io-black-mode 范围外，这样添加和移除类时都能触发动画 */ /* 页面级别基础过渡 */ html { transition: background-color .35s ease; } body { transition: background-color .35s ease, color .35s ease; } /* 主要卡片容器 — 全部变换属性 */ .card, .block, .page-header, .panel-body, .near-navigation, .single-top-area, footer.main-footer, .modal-content, .theiaStickySidebar { transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease; } /* 子容器 — 背景+边框+文字色 */ .card-header, .card-footer, .modal-header, .modal-footer, .form-control, .input-group-text, .dropdown-menu, .siteico, .flex-avatar, .sidebar-nav-inner, .new-news ul li i, .down-content .statement, .down-content .card-header-img, #footer-tools .btn, .sidebar .card .searchform input[type='text'], .sidebar .url-card .card, .navbar-collapse ul li ul, .bg-white, .border-light { transition: background-color .35s ease, color .35s ease, border-color .35s ease; } /* 模板特有组件 — 内联