/* 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;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.semi-dropdown-item,
.semi-select-option {
  color: #333333 !important;
  background: transparent !important;
}

.semi-dropdown-item:hover,
.semi-select-option:hover {
  background: rgba(74, 144, 217, 0.1) !important;
  color: var(--brand-primary) !important;
}

.semi-dropdown-item-active,
.semi-dropdown-item-selected,
.semi-select-option-selected {
  background: rgba(74, 144, 217, 0.12) !important;
  color: var(--brand-primary) !important;
  font-weight: 500 !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;
  }
}