wui-components-v2 1.1.68 → 1.1.70

package/styles/dark-mode.css

@@ -1,485 +1,523 @@
-@charset "UTF-8";
-/**
- * 暗黑模式全局样式覆盖
- * 用于强制覆盖 wot-design-uni 组件内部样式（:deep() 无法穿透的场景）
- *
- * 注意：此文件不能使用 scoped，否则无法穿透第三方组件
- *
- * @package wui-components-v2
- *
- * 使用方式：在项目 main.ts 中 import 此文件
- *   import 'wui-components-v2/styles/dark-mode'
- */
-/* ====== CSS 变量定义（修正命名不匹配问题）====== */
-/* wot-design-uni 的 kebabCase 转换会把 darkBackground2 → --wot-dark-background-2 */
-/* 但项目中模板引用的是 --wot-dark-background2，需手动补齐 */
-:root,
-.wot-theme-dark {
-  --wot-dark-background: #1b1b1e;
-  --wot-dark-background2: #161616;
-  --wot-dark-background3: #1e1e1e;
-  --wot-dark-background4: #262626;
-  --wot-dark-background5: #333333;
-  --wot-dark-color: #ffffff;
-  --wot-dark-color2: #e8e8e8;
-  --wot-dark-color3: #999999;
-}
-
-/* ====== 暗黑模式下 wot-design-uni 组件内部文字颜色覆盖 ====== */
-.wot-theme-dark {
-  /* Cell 组件 */
-  /* CellGroup */
-  /* Switch 开关 */
-  /* Input 输入框 */
-  /* 原生 input 元素 - 必须用 uni- 前缀类名才能在小程序中命中 */
-  /* InputNumber 数字输入框 */
-  /* Textarea 多行文本输入框 */
-  /* Form 表单 */
-  /* Button 按钮 */
-  /* Popup 弹窗 */
-  /* ActionSheet */
-  /* Checkbox 复选框 */
-  /* SelectPicker 选择器弹窗 */
-  /* Calendar 日历选择器弹窗 */
-  /* Calendar 日历日期单元格暗黑适配（覆盖 wot-design-uni 内部变量）*/
-  /* YearPanel 年份选择器 */
-  /* picker-view 滚轮遮罩 - 暗黑模式下去掉白色渐变 */
-  /* DateTimePicker 时间选择器弹窗 */
-  /* Toast / Notify */
-  /* Picker */
-  /* Dialog */
-  /* Loading */
-  /* Tag 标签 */
-  /* Collapse 折叠面板 */
-  /* Tabbar tab栏 */
-  /* 未选中：白色 */
-  /* 选中态：蓝色（同权重，后定义覆盖前） */
-  /* Navbar 导航栏 */
-  /* Cell 右侧箭头图标 */
-  /* Cell 左侧图标 */
-  /* Card 卡片 - 菜单卡片暗黑背景 */
-  /* Grid 网格 */
-  /* Grid 图标区域 - 去掉白色背景 */
-  /* 快速访问区域（section-menus） */
-  /* 非TabBar区域内的普通图标（排除tabbar避免干扰选中态） */
-  /* Search 搜索栏 */
-}
-
-.wot-theme-dark .wd-cell__title {
-  color: #e8e8e8 !important;
-}
-
-.wot-theme-dark .wd-cell__right {
-  color: #666666 !important;
-}
-
-.wot-theme-dark .wd-cell__icon {
-  color: #666666 !important;
-}
-
-.wot-theme-dark .wd-cell-group {
-  background-color: #111111 !important;
-}
-
-.wot-theme-dark .wd-cell {
-  background-color: #161616 !important;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
-}
-
-.wot-theme-dark .wd-cell:active {
-  background-color: #1b1b1e !important;
-}
-
-.wot-theme-dark .wd-switch__node {
-  background-color: #3d3d3d !important;
-}
-
-.wot-theme-dark .wd-switch__node--checked {
-  background-color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-input {
-  --wot-input-bg: #252530;
-  --wot-input-inner-color: #e8e8e8;
-  --wot-input-inner-placeholder-color: #fff;
-}
-
-.wot-theme-dark .uni-input-input,
-.wot-theme-dark .wd-input__input,
-.wot-theme-dark .wd-input.is-compact .uni-input-input {
-  color: var(--wot-input-inner-color, #e8e8e8) !important;
-  caret-color: var(--wot-color-primary, #2164f3) !important;
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .uni-input-placeholder,
-.wot-theme-dark .wd-input__placeholder,
-.wot-theme-dark .wd-input.is-compact .uni-input-placeholder {
-  color: #fff !important;
-}
-
-.wot-theme-dark .wd-input-number {
-  --wot-input-number-bg: #252530;
-  --wot-input-number-inner-color: #000000;
-}
-
-.wot-theme-dark .wd-input-number .uni-input-input,
-.wot-theme-dark .wd-input-number__input {
-  color: var(--wot-input-number-inner-color, #000000) !important;
-  caret-color: var(--wot-color-primary, #2164f3) !important;
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-input-number .uni-input-placeholder,
-.wot-theme-dark .wd-input-number__input::placeholder,
-.wot-theme-dark .wd-input-number__placeholder {
-  color: #fff !important;
-}
-
-.wot-theme-dark .wd-textarea {
-  --wot-textarea-bg: #252530;
-  --wot-textarea-inner-color: #e8e8e8;
-  --wot-textarea-inner-placeholder-color: #fff;
-}
-
-.wot-theme-dark .wd-textarea__inner {
-  color: var(--wot-textarea-inner-color, #e8e8e8) !important;
-  caret-color: var(--wot-color-primary, #2164f3) !important;
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-textarea__inner::placeholder,
-.wot-theme-dark .wd-textarea__placeholder {
-  color: #fff !important;
-}
-
-.wot-theme-dark .wd-form {
-  background-color: transparent;
-}
-
-.wot-theme-dark .wd-form-item {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-form-item .wd-cell {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-form-item__label,
-.wot-theme-dark .wd-form-item__title {
-  color: var(--wot-dark-color2, #e8e8e8) !important;
-}
-
-.wot-theme-dark .wd-form-item__body {
-  background-color: transparent;
-}
-
-.wot-theme-dark .wd-button--primary {
-  --wd-button-primary-bg-color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-popup {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-popup__container {
-  background-color: #161616 !important;
-}
-
-.wot-theme-dark .wd-popup__body {
-  background-color: #1b1b1e !important;
-}
-
-.wot-theme-dark .wd-action-sheet {
-  background-color: #161616 !important;
-}
-
-.wot-theme-dark .wd-action-sheet__title {
-  color: var(--wot-dark-color, #fff) !important;
-}
-
-.wot-theme-dark .wd-action-sheet__item {
-  color: var(--wot-dark-color2, #e0e0e0) !important;
-}
-
-.wot-theme-dark .wd-action-sheet__action {
-  background-color: #1b1b1e !important;
-}
-
-.wot-theme-dark .wd-checkbox__label {
-  color: var(--wot-dark-color, #fff) !important;
-}
-
-.wot-theme-dark .wd-select-picker__wrapper {
-  background-color: #1b1b1e;
-}
-
-.wot-theme-dark .wd-select-picker__popup {
-  background-color: #161616 !important;
-}
-
-.wot-theme-dark .wd-select-picker__checkbox-label,
-.wot-theme-dark .wd-select-picker__radio-label {
-  color: var(--wot-dark-color2, #e8e8e8) !important;
-}
-
-.wot-theme-dark .wd-select-picker__text-active {
-  color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-select-picker__footer {
-  background-color: #161616;
-}
-
-.wot-theme-dark .wd-calendar__wrapper {
-  background-color: #1b1b1e;
-}
-
-.wot-theme-dark .wd-calendar__popup {
-  background-color: #161616 !important;
-}
-
-.wot-theme-dark .wd-calendar__header {
-  color: var(--wot-dark-color, #fff);
-}
-
-.wot-theme-dark .wd-calendar__view,
-.wot-theme-dark .wd-month-panel {
-  --wot-calendar-view-day-color: #e8e8e8;
-  /* 日期数字 */
-  --wot-calendar-view-week-color: #999999;
-  /* 星期头（日一二三四五六） */
-  --wot-calendar-view-panel-title-color: #ccc;
-  /* 面板标题（2026年6月） */
-  --wot-calendar-view-control-icon-color: #aaa;
-  /* 左右箭头图标 */
-  --wot-calendar-view-control-color-disabled: #444;
-  /* 禁用箭头 */
-  --wot-calendar-view-color-disabled: #555555;
-  /* 禁用/不可选日期 */
-  --wot-calendar-view-time-picker-color: #e8e8e8;
-  /* 时间选择器文字 */
-  --wot-calendar-view-time-picker-bg: #252530;
-  /* 时间选择器背景 */
-  --wot-calendar-view-range-color: #e8e8e8;
-  /* 区间模式文字色 */
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-calendar__tabs {
-  color: var(--wot-dark-color3, #999999) !important;
-}
-
-.wot-theme-dark .wd-calendar__shortcuts {
-  border-bottom-color: rgba(255, 255, 255, 0.06);
-}
-
-.wot-theme-dark .wd-calendar__view {
-  background-color: transparent;
-  color: var(--wot-dark-color2, #e8e8e8);
-}
-
-.wot-theme-dark .wd-calendar__range-item.is-placeholder {
-  color: var(--wot-dark-color3, #666666) !important;
-}
-
-.wot-theme-dark .wd-calendar__range-separator {
-  color: var(--wot-dark-color3, #666666) !important;
-}
-
-.wot-theme-dark .wd-year-panel {
-  --wot-calendar-bg: #1b1b1e;
-  --wot-picker-view-bg: #1b1b1e;
-  background-color: #1b1b1e;
-}
-
-.wot-theme-dark .wd-picker-view {
-  --wot-picker-view-bg: #1b1b1e;
-  --wot-picker-view-mask-start-color: rgba(0, 0, 0, 0.85);
-  --wot-picker-view-mask-end-color: rgba(0, 0, 0, 0.2);
-  --wot-picker-view-roller-bg: #2a2a30;
-  --wot-picker-view-column-item-color: #e8e8e8;
-  background-color: #1b1b1e;
-}
-
-.wot-theme-dark .wd-picker-view__mask {
-  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2)) !important;
-}
-
-.wot-theme-dark .wd-picker-view__roller {
-  background-color: #2a2a30 !important;
-}
-
-.wot-theme-dark .wd-picker-view__column-item {
-  color: #e8e8e8 !important;
-}
-
-.wot-theme-dark .wd-picker-view__column-item--active {
-  color: var(--wot-dark-color, #fff) !important;
-}
-
-.wot-theme-dark .wd-year-panel__text {
-  color: var(--wot-dark-color2, #e8e8e8);
-}
-
-.wot-theme-dark .wd-year-panel__item.is-active .wd-year-panel__text,
-.wot-theme-dark .wd-year-panel__item.is-active {
-  color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-datetime-picker__wrapper {
-  background-color: #1b1b1e;
-  color: var(--wot-dark-color2, #e8e8e8);
-}
-
-.wot-theme-dark .wd-datetime-picker__popup {
-  background-color: #161616 !important;
-}
-
-.wot-theme-dark::after {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-toast {
-  color: #fff !important;
-}
-
-.wot-theme-dark .wd-picker__title,
-.wot-theme-dark .wd-picker__toolbar {
-  color: var(--wot-dark-color2, #e0e0) !important;
-}
-
-.wot-theme-dark .wd-dialog {
-  color: var(--wot-dark-color2, #e0e0e0) !important;
-}
-
-.wot-theme-dark .wd-dialog__header {
-  color: var(--wot-dark-color, #fff) !important;
-}
-
-.wot-theme-dark .wd-loading-text {
-  color: var(--wot-dark-color3, #a0a0a0) !important;
-}
-
-.wot-theme-dark .wd-tag {
-  color: #fff !important;
-}
-
-.wot-theme-dark .wd-collapse {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-collapse-item__title {
-  color: var(--wot-dark-color2, #e0e0e0) !important;
-}
-
-.wot-theme-dark .wd-tabbar {
-  background-color: #111111 !important;
-  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
-}
-
-.wot-theme-dark .wd-tabbar-item {
-  color: #ffffff;
-}
-
-.wot-theme-dark .wd-tabbar-item__body .is-inactive {
-  color: #ffffff !important;
-}
-
-.wot-theme-dark .wd-tabbar-item--active {
-  color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-tabbar-item--active .wd-icon,
-.wot-theme-dark .wd-tabbar-item--active .wd-tabbar-item__icon {
-  color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-tabbar-item--active .wd-tabbar-item__body-title {
-  color: var(--wot-color-primary, #2164f3) !important;
-}
-
-.wot-theme-dark .wd-navbar {
-  background-color: #1b1b1e !important;
-}
-
-.wot-theme-dark .wd-cell__arrow {
-  color: #555555 !important;
-}
-
-.wot-theme-dark .wd-cell__left-icon {
-  color: #e0e0e0 !important;
-}
-
-.wot-theme-dark .wd-card {
-  background: linear-gradient(180deg, #1e1e23 0%, #19191e 100%) !important;
-  box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.25), 0 2rpx 8rpx rgba(0, 0, 0, 0.15) !important;
-  border-color: rgba(255, 255, 255, 0.06) !important;
-}
-
-.wot-theme-dark .wd-card__title {
-  color: #f9fafb !important;
-}
-
-.wot-theme-dark .wd-grid-item__text,
-.wot-theme-dark .wd-grid-item__content text {
-  color: #e5e7eb !important;
-}
-
-.wot-theme-dark .wd-grid-item__wrapper,
-.wot-theme-dark .wd-grid-item__content {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .wd-grid-item {
-  background-color: transparent !important;
-}
-
-.wot-theme-dark .recent-section {
-  background-color: #1e1e23 !important;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
-  border: 1px solid rgba(255, 255, 255, 0.06) !important;
-}
-
-.wot-theme-dark .recent-label {
-  color: #d1d5db !important;
-}
-
-.wot-theme-dark .wd-cell .wd-icon,
-.wot-theme-dark .wd-navbar .wd-icon,
-.wot-theme-dark .wd-button .wd-icon {
-  color: #e0e0e0 !important;
-}
-
-.wot-theme-dark .wd-cell .wd-icon svg,
-.wot-theme-dark .wd-cell .wd-icon path,
-.wot-theme-dark .wd-navbar .wd-icon svg,
-.wot-theme-dark .wd-navbar .wd-icon path,
-.wot-theme-dark .wd-button .wd-icon svg,
-.wot-theme-dark .wd-button .wd-icon path {
-  fill: currentColor !important;
-  color: currentColor !important;
-}
-
-.wot-theme-dark .wd-search,
-.wot-theme-dark .wd-search.is-light,
-.wot-theme-dark .wd-search.is-plain {
-  background: transparent !important;
-  --wot-search-input-bg: #252530 !important;
-  --wot-search-cover-bg: #252530 !important;
-  --wot-search-placeholder-color: #666666 !important;
-  --wot-search-cancel-color: var(--wot-color-primary, #2164f3) !important;
-  --wot-search-icon-color: #888888 !important;
-}
-
-.wot-theme-dark .wd-search .wd-search__block,
-.wot-theme-dark .wd-search.is-light .wd-search__block,
-.wot-theme-dark .wd-search.is-plain .wd-search__block {
-  background-color: #252530 !important;
-}
-
-.wot-theme-dark .wd-search .wd-search__cover,
-.wot-theme-dark .wd-search.is-light .wd-search__cover,
-.wot-theme-dark .wd-search.is-plain .wd-search__cover {
-  background-color: #252530 !important;
-}
+@charset "UTF-8";
+/**
+ * 暗黑模式全局样式覆盖
+ * 用于强制覆盖 wot-design-uni 组件内部样式（:deep() 无法穿透的场景）
+ *
+ * 注意：此文件不能使用 scoped，否则无法穿透第三方组件
+ *
+ * @package wui-components-v2
+ *
+ * 使用方式：在项目 main.ts 中 import 此文件
+ *   import 'wui-components-v2/styles/dark-mode'
+ */
+/* ====== CSS 变量定义（修正命名不匹配问题）====== */
+/* wot-design-uni 的 kebabCase 转换会把 darkBackground2 → --wot-dark-background-2 */
+/* 但项目中模板引用的是 --wot-dark-background2，需手动补齐 */
+:root,
+.wot-theme-dark {
+  --wot-dark-background: #1b1b1e;
+  --wot-dark-background2: #161616;
+  --wot-dark-background3: #1e1e1e;
+  --wot-dark-background4: #262626;
+  --wot-dark-background5: #333333;
+  --wot-dark-color: #ffffff;
+  --wot-dark-color2: #e8e8e8;
+  --wot-dark-color3: #999999;
+}
+
+/* ====== 暗黑模式下 wot-design-uni 组件内部文字颜色覆盖 ====== */
+.wot-theme-dark {
+  /* Cell 组件 */
+  /* CellGroup */
+  /* Switch 开关 */
+  /* Input 输入框 */
+  /* 原生 input 元素 - 必须用 uni- 前缀类名才能在小程序中命中 */
+  /* InputNumber 数字输入框 */
+  /* Textarea 多行文本输入框 */
+  /* Form 表单 */
+  /* Button 按钮 */
+  /* Popup 弹窗 */
+  /* ActionSheet */
+  /* Checkbox 复选框 */
+  /* SelectPicker 选择器弹窗 */
+  /* Calendar 日历选择器弹窗 */
+  /* Calendar 日历日期单元格暗黑适配（覆盖 wot-design-uni 内部变量）*/
+  /* YearPanel 年份选择器 */
+  /* picker-view 滚轮遮罩 - 暗黑模式下去掉白色渐变 */
+  /* DateTimePicker 时间选择器弹窗 */
+  /* Toast / Notify */
+  /* Picker */
+  /* Dialog */
+  /* Loading */
+  /* Tag 标签 */
+  /* Collapse 折叠面板 */
+  /* Tabbar tab栏 */
+  /* 未选中：白色 */
+  /* 选中态：蓝色（同权重，后定义覆盖前） */
+  /* Navbar 导航栏 */
+  /* Cell 右侧箭头图标 */
+  /* Cell 左侧图标 */
+  /* Card 卡片 - 菜单卡片暗黑背景 */
+  /* Grid 网格 */
+  /* Grid 图标区域 - 去掉白色背景 */
+  /* 快速访问区域（section-menus） */
+  /* 非TabBar区域内的普通图标（排除tabbar避免干扰选中态） */
+  /* Search 搜索栏 */
+}
+
+.wot-theme-dark .wd-cell__title {
+  color: #e8e8e8 !important;
+}
+
+.wot-theme-dark .wd-cell__right {
+  color: #666666 !important;
+}
+
+.wot-theme-dark .wd-cell__icon {
+  color: #666666 !important;
+}
+
+.wot-theme-dark .wd-cell-group {
+  background-color: #111111 !important;
+}
+
+.wot-theme-dark .wd-cell {
+  background-color: #161616 !important;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
+}
+
+.wot-theme-dark .wd-cell:active {
+  background-color: #1b1b1e !important;
+}
+
+.wot-theme-dark .wd-switch__node {
+  background-color: #3d3d3d !important;
+}
+
+.wot-theme-dark .wd-switch__node--checked {
+  background-color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-input {
+  --wot-input-bg: #252530;
+  --wot-input-inner-color: #e8e8e8;
+  --wot-input-inner-placeholder-color: #fff;
+}
+
+.wot-theme-dark .uni-input-input,
+.wot-theme-dark .wd-input__input,
+.wot-theme-dark .wd-input.is-compact .uni-input-input {
+  color: var(--wot-input-inner-color, #e8e8e8) !important;
+  caret-color: var(--wot-color-primary, #2164f3) !important;
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .uni-input-placeholder,
+.wot-theme-dark .wd-input__placeholder,
+.wot-theme-dark .wd-input.is-compact .uni-input-placeholder {
+  color: #fff !important;
+}
+
+.wot-theme-dark .wd-input-number {
+  --wot-input-number-bg: #252530;
+  --wot-input-number-inner-color: #000000;
+}
+
+.wot-theme-dark .wd-input-number .uni-input-input,
+.wot-theme-dark .wd-input-number__input {
+  color: var(--wot-input-number-inner-color, #000000) !important;
+  caret-color: var(--wot-color-primary, #2164f3) !important;
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-input-number .uni-input-placeholder,
+.wot-theme-dark .wd-input-number__input::placeholder,
+.wot-theme-dark .wd-input-number__placeholder {
+  color: #fff !important;
+}
+
+.wot-theme-dark .wd-textarea {
+  --wot-textarea-bg: #252530;
+  --wot-textarea-inner-color: #e8e8e8;
+  --wot-textarea-inner-placeholder-color: #fff;
+}
+
+.wot-theme-dark .wd-textarea__inner {
+  color: var(--wot-textarea-inner-color, #e8e8e8) !important;
+  caret-color: var(--wot-color-primary, #2164f3) !important;
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-textarea__inner::placeholder,
+.wot-theme-dark .wd-textarea__placeholder {
+  color: #fff !important;
+}
+
+.wot-theme-dark .wd-form {
+  background-color: transparent;
+}
+
+.wot-theme-dark .wd-form-item {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-form-item .wd-cell {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-form-item__label,
+.wot-theme-dark .wd-form-item__title {
+  color: var(--wot-dark-color2, #e8e8e8) !important;
+}
+
+.wot-theme-dark .wd-form-item__body {
+  background-color: transparent;
+}
+
+.wot-theme-dark .wd-button--primary {
+  --wd-button-primary-bg-color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-popup {
+  background-color: #1b1b1e !important;
+}
+
+.wot-theme-dark .wd-popup__container {
+  background-color: #161616 !important;
+}
+
+.wot-theme-dark .wd-popup__body {
+  background-color: #1b1b1e !important;
+}
+
+.wot-theme-dark .wd-action-sheet {
+  background-color: #161616 !important;
+}
+
+.wot-theme-dark .wd-action-sheet__title {
+  color: var(--wot-dark-color, #fff) !important;
+}
+
+.wot-theme-dark .wd-action-sheet__item {
+  color: var(--wot-dark-color2, #e0e0e0) !important;
+}
+
+.wot-theme-dark .wd-action-sheet__action {
+  background-color: #1b1b1e !important;
+}
+
+.wot-theme-dark .wd-checkbox__label {
+  color: var(--wot-dark-color, #fff) !important;
+}
+
+.wot-theme-dark .wd-select-picker__wrapper {
+  background-color: #1b1b1e;
+}
+
+.wot-theme-dark .wd-select-picker__popup {
+  background-color: #161616 !important;
+}
+
+.wot-theme-dark .wd-select-picker__checkbox-label,
+.wot-theme-dark .wd-select-picker__radio-label {
+  color: var(--wot-dark-color2, #e8e8e8) !important;
+}
+
+.wot-theme-dark .wd-select-picker__text-active {
+  color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-select-picker__footer {
+  background-color: #161616;
+}
+
+.wot-theme-dark .wd-calendar__wrapper {
+  background-color: #1b1b1e;
+}
+
+.wot-theme-dark .wd-calendar__popup {
+  background-color: #161616 !important;
+}
+
+.wot-theme-dark .wd-calendar__header {
+  color: var(--wot-dark-color, #fff);
+}
+
+.wot-theme-dark .wd-calendar__view,
+.wot-theme-dark .wd-month-panel {
+  --wot-calendar-view-day-color: #e8e8e8;
+  /* 日期数字 */
+  --wot-calendar-view-week-color: #999999;
+  /* 星期头（日一二三四五六） */
+  --wot-calendar-view-panel-title-color: #ccc;
+  /* 面板标题（2026年6月） */
+  --wot-calendar-view-control-icon-color: #aaa;
+  /* 左右箭头图标 */
+  --wot-calendar-view-control-color-disabled: #444;
+  /* 禁用箭头 */
+  --wot-calendar-view-color-disabled: #555555;
+  /* 禁用/不可选日期 */
+  --wot-calendar-view-time-picker-color: #e8e8e8;
+  /* 时间选择器文字 */
+  --wot-calendar-view-time-picker-bg: #252530;
+  /* 时间选择器背景 */
+  --wot-calendar-view-range-color: #e8e8e8;
+  /* 区间模式文字色 */
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-calendar__tabs {
+  color: var(--wot-dark-color3, #999999) !important;
+}
+
+.wot-theme-dark .wd-calendar__shortcuts {
+  border-bottom-color: rgba(255, 255, 255, 0.06);
+}
+
+.wot-theme-dark .wd-calendar__view {
+  background-color: transparent;
+  color: var(--wot-dark-color2, #e8e8e8);
+}
+
+.wot-theme-dark .wd-calendar__range-item.is-placeholder {
+  color: var(--wot-dark-color3, #666666) !important;
+}
+
+.wot-theme-dark .wd-calendar__range-separator {
+  color: var(--wot-dark-color3, #666666) !important;
+}
+
+.wot-theme-dark .wd-year-panel {
+  --wot-calendar-bg: #1b1b1e;
+  --wot-picker-view-bg: #1b1b1e;
+  background-color: #1b1b1e;
+}
+
+.wot-theme-dark .wd-picker-view {
+  --wot-picker-view-bg: #1b1b1e;
+  --wot-picker-view-mask-start-color: rgba(0, 0, 0, 0.85);
+  --wot-picker-view-mask-end-color: rgba(0, 0, 0, 0.2);
+  --wot-picker-view-roller-bg: #2a2a30;
+  --wot-picker-view-column-item-color: #e8e8e8;
+  background-color: #1b1b1e;
+}
+
+.wot-theme-dark .wd-picker-view__mask {
+  background-image:
+    linear-gradient(180deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2)),
+    linear-gradient(0deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.2)) !important;
+}
+
+.wot-theme-dark .wd-picker-view__roller {
+  background-color: #2a2a30 !important;
+}
+
+.wot-theme-dark .wd-picker-view__column-item {
+  color: #e8e8e8 !important;
+}
+
+.wot-theme-dark .wd-picker-view__column-item--active {
+  color: var(--wot-dark-color, #fff) !important;
+}
+
+.wot-theme-dark .wd-year-panel__text {
+  color: var(--wot-dark-color2, #e8e8e8);
+}
+
+.wot-theme-dark .wd-year-panel__item.is-active .wd-year-panel__text,
+.wot-theme-dark .wd-year-panel__item.is-active {
+  color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-datetime-picker__wrapper {
+  background-color: #1b1b1e;
+  color: var(--wot-dark-color2, #e8e8e8);
+}
+
+.wot-theme-dark .wd-datetime-picker__popup {
+  background-color: #161616 !important;
+}
+
+.wot-theme-dark::after {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-toast {
+  color: #fff !important;
+}
+
+.wot-theme-dark .wd-picker__title,
+.wot-theme-dark .wd-picker__toolbar {
+  color: var(--wot-dark-color2, #e0e0) !important;
+}
+
+.wot-theme-dark .wd-dialog {
+  color: var(--wot-dark-color2, #e0e0e0) !important;
+}
+
+.wot-theme-dark .wd-dialog__header {
+  color: var(--wot-dark-color, #fff) !important;
+}
+
+.wot-theme-dark .wd-loading-text {
+  color: var(--wot-dark-color3, #a0a0a0) !important;
+}
+
+.wot-theme-dark .wd-tag {
+  color: #fff !important;
+}
+
+.wot-theme-dark .wd-collapse {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-collapse-item__title {
+  color: var(--wot-dark-color2, #e0e0e0) !important;
+}
+
+.wot-theme-dark .wd-tabbar {
+  background-color: #111111 !important;
+  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
+}
+
+.wot-theme-dark .wd-tabbar-item {
+  color: #ffffff;
+}
+
+.wot-theme-dark .wd-tabbar-item__body .is-inactive {
+  color: #ffffff !important;
+}
+
+.wot-theme-dark .wd-tabbar-item--active {
+  color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-tabbar-item--active .wd-icon,
+.wot-theme-dark .wd-tabbar-item--active .wd-tabbar-item__icon {
+  color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-tabbar-item--active .wd-tabbar-item__body-title {
+  color: var(--wot-color-primary, #2164f3) !important;
+}
+
+.wot-theme-dark .wd-navbar {
+  background-color: #1b1b1e !important;
+}
+
+.wot-theme-dark .wd-cell__arrow {
+  color: #555555 !important;
+}
+
+.wot-theme-dark .wd-cell__left-icon {
+  color: #e0e0e0 !important;
+}
+
+.wot-theme-dark .wd-card {
+  background: linear-gradient(180deg, #1e1e23 0%, #19191e 100%) !important;
+  box-shadow:
+    0 8rpx 32rpx rgba(0, 0, 0, 0.25),
+    0 2rpx 8rpx rgba(0, 0, 0, 0.15) !important;
+  border-color: rgba(255, 255, 255, 0.06) !important;
+}
+
+.wot-theme-dark .wd-card__title {
+  color: #f9fafb !important;
+}
+
+.wot-theme-dark .wd-grid-item__text,
+.wot-theme-dark .wd-grid-item__content text {
+  color: #e5e7eb !important;
+}
+
+.wot-theme-dark .wd-grid-item__wrapper,
+.wot-theme-dark .wd-grid-item__content {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .wd-grid-item {
+  background-color: transparent !important;
+}
+
+.wot-theme-dark .recent-section {
+  background-color: #1e1e23 !important;
+  box-shadow:
+    0 4px 16px rgba(0, 0, 0, 0.2),
+    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
+  border: 1px solid rgba(255, 255, 255, 0.06) !important;
+}
+
+.wot-theme-dark .recent-label {
+  color: #d1d5db !important;
+}
+
+/* 非TabBar区域内的普通图标（排除tabbar避免干扰选中态） */
+.wot-theme-dark .wd-cell .wd-icon,
+.wot-theme-dark .wd-navbar .wd-icon,
+.wot-theme-dark .wd-button .wd-icon {
+  color: #e0e0e0 !important;
+}
+
+.wot-theme-dark .wd-cell .wd-icon svg,
+.wot-theme-dark .wd-cell .wd-icon path,
+.wot-theme-dark .wd-navbar .wd-icon svg,
+.wot-theme-dark .wd-navbar .wd-icon path,
+.wot-theme-dark .wd-button .wd-icon svg,
+.wot-theme-dark .wd-button .wd-icon path {
+  fill: currentColor !important;
+  color: currentColor !important;
+}
+
+.wot-theme-dark .wd-search,
+.wot-theme-dark .wd-search.is-light,
+.wot-theme-dark .wd-search.is-plain {
+  background: transparent !important;
+  --wot-search-input-bg: #252530 !important;
+  --wot-search-cover-bg: #252530 !important;
+  --wot-search-placeholder-color: #666666 !important;
+  --wot-search-cancel-color: var(--wot-color-primary, #2164f3) !important;
+  --wot-search-icon-color: #888888 !important;
+}
+
+.wot-theme-dark .wd-search .wd-search__block,
+.wot-theme-dark .wd-search.is-light .wd-search__block,
+.wot-theme-dark .wd-search.is-plain .wd-search__block {
+  background-color: #252530 !important;
+}
+
+.wot-theme-dark .wd-search .wd-search__cover,
+.wot-theme-dark .wd-search.is-light .wd-search__cover,
+.wot-theme-dark .wd-search.is-plain .wd-search__cover {
+  background-color: #252530 !important;
+}
+
+/* Rate 评分星级 - 暗黑模式下恢复星星选中效果 */
+.wot-theme-dark .wd-rate {
+  --wot-rate-color: #555555;
+  --wot-rate-active-color: #f5a623;
+}
+
+/* 恢复 wd-rate 星级颜色：放弃 background-clip:text（小程序不支持），改用原生 color 控制 SVG fill */
+.wot-theme-dark .wd-rate .wd-rate__item-star {
+  background: none !important;
+  -webkit-background-clip: initial !important;
+  background-clip: initial !important;
+  color: var(--wot-rate-color, #555555) !important;
+}
+
+.wot-theme-dark .wd-rate .wd-rate__item-star svg,
+.wot-theme-dark .wd-rate .wd-rate__item-star path {
+  fill: currentColor !important;
+}
+
+.wot-theme-dark .wd-rate .wd-rate__item-star--active,
+.wot-theme-dark .wd-rate .wd-rate .wd-rate__item-star.wd-rate__item-star--active {
+  color: var(--wot-rate-active-color, #f5a623) !important;
+}
+
+.wot-theme-dark .wd-rate .wd-rate__item-star--active svg,
+.wot-theme-dark .wd-rate .wd-rate__item-star--active path,
+.wot-theme-dark .wd-rate .wd-rate .wd-rate__item-star.wd-rate__item-star--active svg,
+.wot-theme-dark .wd-rate .wd-rate .wd-rate__item-star.wd-rate__item-star--active path {
+  fill: currentColor !important;
+}