/* yangdev 品牌定制样式 - 日间模式 */
/* 版本: 4.0 - 简洁日间模式，高可读性 */

/* ===== 品牌色彩变量 ===== */
:root {
  /* 品牌主色 */
  --brand-primary: #4a90d9;
  --brand-primary-hover: #3a7bc8;
  --brand-primary-active: #2a6ab7;
  --brand-secondary: #667eea;

  /* 覆盖 Semi Design 主色 */
  --semi-color-primary: #4a90d9;
  --semi-color-primary-hover: #3a7bc8;
  --semi-color-primary-active: #2a6ab7;
  --semi-color-primary-light-default: rgba(74, 144, 217, 0.12);
  --semi-color-primary-light-hover: rgba(74, 144, 217, 0.2);

  /* 背景色 - 日间 */
  --semi-color-bg-0: #ffffff;
  --semi-color-bg-1: #fafbfc;
  --semi-color-bg-2: #f5f7fa;
  --semi-color-bg-3: #ebedf0;

  /* 文字色 - 日间高对比度 */
  --semi-color-text-0: #1a1a1a;
  --semi-color-text-1: #333333;
  --semi-color-text-2: #555555;
  --semi-color-text-3: #777777;

  /* 边框 */
  --semi-color-border: #e0e0e0;

  /* 链接 */
  --semi-color-link: #4a90d9;
  --semi-color-link-hover: #3a7bc8;

  /* 阴影 */
  --shadow-brand: 0 4px 12px rgba(74, 144, 217, 0.2);
}

/* ===== 全局基础 ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  background: #ffffff;
  color: #1a1a1a;
}

/* ===== 导航栏 ===== */
.semi-navigation-header {
  background: #ffffff !important;
  border-bottom: 1px solid #e0e0e0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.semi-navigation-header .semi-navigation-item {
  color: #333333 !important;
}

.semi-navigation-item:hover {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.08) !important;
}

.semi-navigation-item-selected {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.12) !important;
  font-weight: 500 !important;
}

/* ===== 侧边栏 ===== */
.semi-navigation-vertical {
  background: #ffffff !important;
  border-right: 1px solid #e0e0e0 !important;
}

.semi-navigation-vertical .semi-navigation-item {
  color: #333333 !important;
}

.semi-navigation-vertical .semi-navigation-item:hover {
  background: rgba(74, 144, 217, 0.06) !important;
}

.semi-navigation-vertical .semi-navigation-item-selected {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.1) !important;
  border-right: 3px solid var(--brand-primary) !important;
}

/* 子菜单 */
.semi-navigation-sub {
  background: #ffffff !important;
}

.semi-navigation-sub-title {
  color: #333333 !important;
}

.semi-navigation-sub .semi-navigation-item {
  color: #555555 !important;
}

.semi-navigation-sub .semi-navigation-item:hover {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.06) !important;
}

.semi-navigation-sub .semi-navigation-item-selected {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.1) !important;
}

/* ===== 按钮 ===== */
.semi-button-primary {
  background: linear-gradient(135deg, #4a90d9 0%, #667eea 100%) !important;
  border: none !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(74, 144, 217, 0.25) !important;
}

.semi-button-primary:hover {
  background: linear-gradient(135deg, #3a7bc8 0%, #5a6eea 100%) !important;
  transform: translateY(-1px) !important;
}

.semi-button-secondary {
  background: #f5f7fa !important;
  border: 1px solid #e0e0e0 !important;
  color: #333333 !important;
}

.semi-button-secondary:hover {
  background: rgba(74, 144, 217, 0.08) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}

/* ===== 卡片 ===== */
.semi-card {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.semi-card-header {
  color: #1a1a1a !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.semi-card-header-title {
  font-weight: 600 !important;
  color: #1a1a1a !important;
}

.semi-card-body {
  color: #333333 !important;
}

/* ===== 表格 ===== */
.semi-table {
  background: transparent !important;
  color: #333333 !important;
}

.semi-table-thead {
  background: #f5f7fa !important;
}

.semi-table-thead .semi-table-row-head {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #e0e0e0 !important;
}

.semi-table-thead .semi-table-row-head .semi-table-cell {
  color: #1a1a1a !important;
}

.semi-table-tbody .semi-table-row {
  background: #ffffff !important;
  color: #333333 !important;
}

.semi-table-tbody .semi-table-row:nth-child(even) {
  background: #fafbfc !important;
}

.semi-table-tbody .semi-table-cell {
  color: #333333 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

.semi-table-tbody .semi-table-row:hover {
  background: rgba(74, 144, 217, 0.06) !important;
}

/* ===== 表单 ===== */
.semi-form-field-label {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.semi-form-field-extra {
  color: #777777 !important;
}

.semi-input-wrapper {
  background: #ffffff !important;
  border-color: #d0d0d0 !important;
}

.semi-input-wrapper:hover {
  border-color: var(--brand-primary) !important;
}

.semi-input-wrapper-focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12) !important;
}

.semi-input {
  color: #1a1a1a !important;
}

.semi-input::placeholder {
  color: #999999 !important;
}

.semi-select {
  background: #ffffff !important;
  border-color: #d0d0d0 !important;
  color: #1a1a1a !important;
}

/* ===== 下拉菜单 ===== */
.semi-dropdown-menu,
.semi-select-dropdown {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16) !important;
}

.semi-dropdown-item,
.semi-select-option {
  color: #1f2937 !important;
  background: transparent !important;
  min-height: 38px !important;
  line-height: 1.35 !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.semi-dropdown-item:hover,
.semi-select-option:hover {
  background: rgba(74, 144, 217, 0.14) !important;
  color: #0f4c81 !important;
}

.semi-dropdown-item-active,
.semi-dropdown-item-selected,
.semi-select-option-selected {
  background: rgba(74, 144, 217, 0.2) !important;
  color: #0b3b63 !important;
  font-weight: 600 !important;
}

.semi-select-option-disabled,
.semi-dropdown-item-disabled {
  color: #9ca3af !important;
}

.semi-select-option .semi-select-option-content,
.semi-dropdown-item .semi-dropdown-item-content {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
}

.semi-select-selection-text,
.semi-select-selection-placeholder {
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.semi-select-selection-placeholder {
  color: #6b7280 !important;
}

.semi-select .semi-input,
.semi-select .semi-input-wrapper {
  color: #1f2937 !important;
}

.semi-select-dropdown .semi-input-wrapper {
  border-color: #cfd6de !important;
  background: #ffffff !important;
}

.semi-select-dropdown .semi-input-wrapper-focus {
  border-color: var(--brand-primary) !important;
  box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12) !important;
}

/* =========================================================================
 * Portal / 下拉弹层日间模式兜底（最高优先级）
 *
 * new-api 的 /console 有大量 Select / Dropdown / Popover 面板通过 Portal 挂载
 * 到 body 下。Semi Design 的 scoped CSS variables 可能不会透传到 Portal，
 * 导致弹层残留深色主题。这里在 `.semi-portal` 作用域强制重置所有颜色变量，
 * 并对所有可能的弹层容器 / 选项 / 自定义卡做白底覆盖。
 * ========================================================================= */

/* 1) 在 portal 内部重置 Semi 所有与颜色相关的变量 —— 比单点覆盖 class 更稳 */
.semi-portal,
.semi-portal-inner,
body > div[id^="semi-"],
body > div[data-popper-placement] {
  --semi-color-bg-0: #ffffff !important;
  --semi-color-bg-1: #fafbfc !important;
  --semi-color-bg-2: #f5f7fa !important;
  --semi-color-bg-3: #ebedf0 !important;
  --semi-color-bg-4: #e5e7eb !important;
  --semi-color-fill-0: #ffffff !important;
  --semi-color-fill-1: #f5f7fa !important;
  --semi-color-fill-2: #ebedf0 !important;
  --semi-color-nav-bg: #ffffff !important;
  --semi-color-nav-bg-hover: rgba(74, 144, 217, 0.08) !important;
  --semi-color-text-0: #1a1a1a !important;
  --semi-color-text-1: #333333 !important;
  --semi-color-text-2: #555555 !important;
  --semi-color-text-3: #777777 !important;
  --semi-color-border: #e0e0e0 !important;
  --semi-color-tertiary: #555555 !important;
}

/* 2) 所有 Portal 容器及其直接面板（无论 class 命名规则）统一白底 */
.semi-portal,
.semi-portal-inner,
.semi-portal > div,
.semi-portal-inner > div,
.semi-popover,
.semi-popover-content,
.semi-popover-wrapper,
.semi-popover-inner,
.semi-popover-inner-content,
.semi-select-dropdown,
.semi-select-option-list,
.semi-dropdown,
.semi-dropdown-content,
.semi-dropdown-menu,
.semi-tree-select-dropdown,
.semi-cascader-option-list,
body > div[role="dialog"],
body > div[role="listbox"],
body > div[role="menu"] {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14) !important;
}

/* 内部容器不叠加边框 —— 只最外层一个 border */
.semi-portal .semi-select-dropdown,
.semi-portal .semi-select-option-list,
.semi-portal .semi-dropdown-menu,
.semi-popover-inner-content .semi-select-option-list {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 3) 兼容 ARIA / 含糊 class 的选项行 */
.semi-portal [role="listbox"],
.semi-portal [role="menu"],
.semi-portal [class*="option-list"],
.semi-portal [class*="dropdown-menu"] {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: none !important;
}

.semi-portal [role="option"],
.semi-portal [role="menuitem"],
.semi-portal [class*="select-option"],
.semi-portal [class*="dropdown-item"],
.semi-portal [class*="menu-item"] {
  background: transparent !important;
  color: #1f2937 !important;
  min-height: 40px !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

/* 内部文字/描述继承 option 行的颜色，避免某些 span 被强制深色 */
.semi-portal [role="option"] *,
.semi-portal [role="menuitem"] *,
.semi-portal [class*="select-option"] *,
.semi-portal [class*="dropdown-item"] * {
  color: inherit !important;
}

/* hover / selected / focus 颜色 */
.semi-portal [role="option"]:hover,
.semi-portal [role="menuitem"]:hover,
.semi-portal [class*="select-option"]:hover,
.semi-portal [class*="dropdown-item"]:hover {
  background: rgba(74, 144, 217, 0.10) !important;
  color: #0b3b63 !important;
}

.semi-portal [role="option"][aria-selected="true"],
.semi-portal [role="option"][aria-checked="true"],
.semi-portal [class*="option"][class*="selected"],
.semi-portal [class*="menu-item"][class*="selected"] {
  background: rgba(74, 144, 217, 0.16) !important;
  color: #082f4d !important;
  font-weight: 600 !important;
}

.semi-portal [role="option"]:focus-visible,
.semi-portal [class*="option"]:focus-visible,
.semi-portal [class*="menu-item"]:focus-visible {
  outline: 2px solid #4a90d9 !important;
  outline-offset: -2px !important;
}

/* 4) new-api 自定义 renderOptionItem（带"X 倍率"绿色 tag 的分组卡）兜底
 *    面板里的任何次级容器若被 inline-styled 成深色，强制改白 */
.semi-portal [style*="background"][style*="rgb(42"],
.semi-portal [style*="background"][style*="rgb(30"],
.semi-portal [style*="background"][style*="rgb(20"],
.semi-portal [style*="background"][style*="#1"],
.semi-portal [style*="background"][style*="#2"],
.semi-portal [style*="background-color"][style*="rgb(42"],
.semi-portal [style*="background-color"][style*="rgb(30"],
.semi-portal [style*="background-color"][style*="rgb(20"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

/* 任何在 portal 里用白色/浅色文字的 inline style 反转成深色 */
.semi-portal [style*="color: rgb(255"],
.semi-portal [style*="color:rgb(255"],
.semi-portal [style*="color: #fff"],
.semi-portal [style*="color:#fff"],
.semi-portal [style*="color: rgba(255"],
.semi-portal [style*="color:rgba(255"] {
  color: #1f2937 !important;
}

/* ===== 标签页 ===== */
.semi-tabs-bar {
  border-bottom: 1px solid #e0e0e0 !important;
}

.semi-tabs-tab {
  color: #555555 !important;
}

.semi-tabs-tab:hover {
  color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.06) !important;
}

.semi-tabs-tab-active {
  color: var(--brand-primary) !important;
  border-bottom-color: var(--brand-primary) !important;
  font-weight: 500 !important;
}

.semi-tabs-content {
  color: #333333 !important;
}

/* ===== 模态框 ===== */
.semi-modal-content,
.semi-dialog-content {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12) !important;
}

.semi-modal-header,
.semi-modal-header-title {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}

/* ===== 列表 ===== */
.semi-list-item {
  background: #ffffff !important;
  border-bottom: 1px solid #e8e8e8 !important;
  color: #333333 !important;
}

.semi-list-item:hover {
  background: #f5f7fa !important;
}

.semi-list-item-meta-title {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.semi-list-item-meta-description {
  color: #777777 !important;
}

/* ===== 折叠面板 ===== */
.semi-collapse {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

.semi-collapse-header {
  background: #f5f7fa !important;
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.semi-collapse-content {
  background: #ffffff !important;
  color: #333333 !important;
}

/* ===== 步骤条 ===== */
.semi-steps-item-icon {
  background: #f5f7fa !important;
  border-color: #d0d0d0 !important;
  color: #555555 !important;
}

.semi-steps-item-process .semi-steps-item-icon {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: white !important;
}

.semi-steps-item-finish .semi-steps-item-icon {
  background: rgba(74, 144, 217, 0.15) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}

.semi-steps-item-title {
  color: #1a1a1a !important;
}

.semi-steps-item-description {
  color: #777777 !important;
}

/* ===== 分页器 ===== */
.semi-pagination-item {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  color: #333333 !important;
}

.semi-pagination-item:hover {
  background: rgba(74, 144, 217, 0.08) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
}

.semi-pagination-item-active {
  background: rgba(74, 144, 217, 0.12) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary) !important;
  font-weight: 600 !important;
}

/* ===== 日历 ===== */
.semi-calendar {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
}

.semi-calendar-day {
  color: #333333 !important;
}

.semi-calendar-day:hover {
  background: rgba(74, 144, 217, 0.1) !important;
}

.semi-calendar-day-today {
  color: var(--brand-primary) !important;
  font-weight: 600 !important;
  background: rgba(74, 144, 217, 0.08) !important;
}

.semi-calendar-day-selected {
  background: var(--brand-primary) !important;
  color: white !important;
}

.semi-calendar-day-other-month {
  color: #aaaaaa !important;
}

/* ===== 日期选择器 ===== */
.semi-datepicker {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.semi-datepicker-day {
  color: #333333 !important;
}

.semi-datepicker-day:hover {
  background: rgba(74, 144, 217, 0.12) !important;
}

.semi-datepicker-day-today {
  color: var(--brand-primary) !important;
}

.semi-datepicker-day-selected {
  background: var(--brand-primary) !important;
  color: white !important;
}

/* ===== Switch ===== */
.semi-switch {
  background: #d0d0d0 !important;
}

.semi-switch-checked {
  background: var(--brand-primary) !important;
}

.semi-switch-knob {
  background: white !important;
}

/* ===== Radio & Checkbox ===== */
.semi-radio-inner,
.semi-checkbox-inner {
  background: #ffffff !important;
  border-color: #d0d0d0 !important;
}

.semi-radio:hover .semi-radio-inner,
.semi-checkbox:hover .semi-checkbox-inner {
  border-color: var(--brand-primary) !important;
}

.semi-radio-checked .semi-radio-inner,
.semi-checkbox-checked .semi-checkbox-inner {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.semi-radio-label,
.semi-checkbox-label {
  color: #1a1a1a !important;
}

/* ===== 滑块 ===== */
.semi-slider-rail {
  background: #e0e0e0 !important;
}

.semi-slider-track {
  background: var(--brand-primary) !important;
}

.semi-slider-handle {
  background: white !important;
  border: 2px solid var(--brand-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* ===== 警告提示 ===== */
.semi-alert-info {
  background: rgba(74, 144, 217, 0.08) !important;
  border: 1px solid rgba(74, 144, 217, 0.15) !important;
}

.semi-alert-info .semi-alert-message {
  color: #1a1a1a !important;
}

.semi-alert-success {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.15) !important;
}

.semi-alert-warning {
  background: rgba(245, 166, 35, 0.08) !important;
  border: 1px solid rgba(245, 166, 35, 0.15) !important;
}

.semi-alert-error {
  background: rgba(239, 68, 68, 0.08) !important;
  border: 1px solid rgba(239, 68, 68, 0.15) !important;
}

/* ===== Banner ===== */
.semi-banner-info {
  background: rgba(74, 144, 217, 0.1) !important;
  border-left: 4px solid var(--brand-primary) !important;
}

.semi-banner-info .semi-banner-content {
  color: #1a1a1a !important;
}

/* ===== Tooltip ===== */
.semi-tooltip-content {
  background: #333333 !important;
  color: white !important;
}

/* ===== 通知 ===== */
.semi-notification-notice {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.semi-notification-notice-message {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

.semi-notification-notice-content {
  color: #555555 !important;
}

/* ===== Toast ===== */
.semi-toast-content {
  background: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* ===== 文字排版 ===== */
.semi-typography {
  color: #1a1a1a !important;
}

.semi-typography-secondary {
  color: #555555 !important;
}

.semi-typography h1,
.semi-typography h2,
.semi-typography h3,
.semi-typography h4 {
  color: #1a1a1a !important;
}

/* ===== 链接 ===== */
a {
  color: var(--brand-primary);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--brand-primary-hover);
}

.semi-typography a,
.semi-typography-link {
  color: var(--brand-primary) !important;
}

/* ===== 抽屉 ===== */
.semi-drawer-content {
  background: #ffffff !important;
  border-left: 1px solid #e0e0e0 !important;
}

/* ===== 加载状态 ===== */
.semi-spin-wrapper {
  color: var(--brand-primary) !important;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: rgba(74, 144, 217, 0.5);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(74, 144, 217, 0.7);
}

/* ===== 选中文本 ===== */
::selection {
  background: rgba(74, 144, 217, 0.25) !important;
  color: #1a1a1a !important;
}

/* ===== 品牌渐变文字效果 ===== */
.brand-gradient {
  background: linear-gradient(135deg, #4a90d9 0%, #667eea 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== 统计数字高亮 ===== */
.semi-statistic-value {
  color: var(--brand-primary) !important;
  font-weight: 600 !important;
}

/* ===== 标签定制 ===== */
.semi-tag-primary {
  background: var(--brand-primary) !important;
  color: white !important;
}

/* ===== 进度条 ===== */
.semi-progress-line-inner {
  background: var(--brand-primary) !important;
}

/* ===== 树形控件 ===== */
.semi-tree-node {
  color: #333333 !important;
}

.semi-tree-node:hover {
  background: #f5f7fa !important;
}

.semi-tree-node-selected {
  background: rgba(74, 144, 217, 0.12) !important;
  color: var(--brand-primary) !important;
}

/* ===== 面包屑 ===== */
.semi-breadcrumb-item {
  color: #555555 !important;
}

.semi-breadcrumb-item a {
  color: var(--brand-primary) !important;
}

.semi-breadcrumb-item:last-child {
  color: #1a1a1a !important;
  font-weight: 500 !important;
}

/* ===== 空状态 ===== */
.semi-empty-description {
  color: #777777 !important;
}

/* ===== 上传组件 ===== */
.semi-upload-drag-area {
  background: #fafbfc !important;
  border-color: #e0e0e0 !important;
  color: #555555 !important;
}

.semi-upload-drag-area:hover {
  border-color: var(--brand-primary) !important;
  background: rgba(74, 144, 217, 0.05) !important;
}

/* ===== 时间线 ===== */
.semi-timeline-item-head {
  background: #e0e0e0 !important;
  border-color: #d0d0d0 !important;
}

.semi-timeline-item-head-blue,
.semi-timeline-item-head-primary {
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.semi-timeline-item-content {
  color: #1a1a1a !important;
}

.semi-timeline-item-time {
  color: #777777 !important;
}

/* ===== 描述列表 ===== */
.semi-descriptions-item-label {
  color: #555555 !important;
}

.semi-descriptions-item-content {
  color: #1a1a1a !important;
}

/* ===== 代码块 ===== */
code, pre {
  font-family: 'Fira Code', 'Monaco', 'Consolas', monospace !important;
  background: #f5f7fa !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  color: #333333 !important;
}

/* ===== 响应式优化 ===== */
@media (max-width: 768px) {
  .semi-card {
    margin: 8px;
  }
}

/* ===== 打印优化 ===== */
@media print {
  body {
    background: white !important;
    color: black !important;
  }
}