/* 右侧横幅主题适配样式 */

/* 默认样式 */
.todayCard {
  transition: all 0.3s ease-in-out;
}

/* 亮色主题 */
[data-theme="light"] .todayCard {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .todayCard::after {
  box-shadow: 0 -109px 133px -9px rgba(0, 0, 0, 0.1) inset !important;
}

[data-theme="light"] .todayCard-info {
  color: #2c3e50 !important;
}

[data-theme="light"] .todayCard-tips {
  color: #7f8c8d !important;
}

[data-theme="light"] .todayCard-title {
  color: #2c3e50 !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* 暗色主题 */
[data-theme="dark"] .todayCard {
  background: rgba(27, 28, 32, 0.95) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .todayCard::after {
  box-shadow: 0 -109px 133px -9px rgba(0, 0, 0, 0.4) inset !important;
}

[data-theme="dark"] .todayCard-info {
  color: #f7f7fa !important;
}

[data-theme="dark"] .todayCard-tips {
  color: #a1a2b8 !important;
}

[data-theme="dark"] .todayCard-title {
  color: #f7f7fa !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* 悬停效果 */
.todayCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="dark"] .todayCard:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

/* 响应式适配 */
@media (max-width: 1200px) {
  .todayCard {
    position: relative !important;
    margin-top: 1rem;
  }
  
  [data-theme="light"] .todayCard {
    background: rgba(255, 255, 255, 0.98) !important;
  }
  
  [data-theme="dark"] .todayCard {
    background: rgba(27, 28, 32, 0.98) !important;
  }
}