/* 通用卡片容器 */
.card-widget {
  padding: 10px !important;
  max-height: calc(100vh - 100px);
  position: relative;
}

.card-times a,
.card-times div {
  color: var(--efu-fontcolor);
}

/* === 日历卡片布局 (Calendar) === */
#card-widget-calendar .item-content {
  display: flex;
}

#calendar-area-left {
  width: 45%; 
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; 
  align-items: center;
}

#calendar-area-right {
  width: 55%; 
  padding: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#calendar-main {
  width: 100%;
}

#calendar-week {
  height: 1.2rem;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  align-items: center;
  display: flex;
}

/* 再次微调上提：确保 20 的底边与右侧 31 齐平 */
#calendar-date {
  height: 3rem;
  line-height: 1;
  font-size: 58px; 
  letter-spacing: 1px;
  color: var(--efu-main);
  font-weight: 700;
  align-items: center;
  display: flex;
  position: absolute;
  top: 1.5rem; /* 继续上提 0.3rem */
}

#calendar-solar {
  font-size: 11px;
  position: absolute;
  top: 4.5rem; /* 同步上提 */
  white-space: nowrap;
}

#calendar-lunar {
  font-size: 11px;
  position: absolute;
  top: 5.5rem; /* 同步上提 */
  color: var(--efu-secondtext);
  white-space: nowrap;
}

/* 日历日期样式 */
#calendar-main a {
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

#calendar-main a.now {
  background: var(--efu-main);
  color: var(--efu-card-bg) !important;
}

#calendar-main .calendar-rh a {
  color: var(--efu-secondtext);
}

.calendar-r0, .calendar-r1, .calendar-r2, .calendar-r3, .calendar-r4, .calendar-r5, .calendar-rh {
  height: 1.2rem;
  display: flex;
  width: 100%;
}

.calendar-d0, .calendar-d1, .calendar-d2, .calendar-d3, .calendar-d4, .calendar-d5, .calendar-d6 {
  width: calc(100% / 7);
  display: flex;
  justify-content: center;
  align-items: center;
}

/* === 进度条卡片布局 (Schedule) === */
#card-widget-schedule .item-content {
  display: flex;
}

#schedule-area-left {
  width: 35%; 
  height: 100px;
  position: relative; /* 改为相对定位，内部用绝对定位精准避开重叠 */
  display: flex;
  flex-direction: column;
  align-items: center;
}

#schedule-area-right {
  width: 65%; 
  height: 100px;
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* 标题：距离除夕 */
#schedule-title { 
  font-size: 14px; 
  font-weight: 700; 
  position: absolute;
  top: 0.5rem;
}

/* 大数字：解决压住下方日期的问题 */
#schedule-days {
  height: auto;
  line-height: 1; /* 强制行高为1，消除上下多余空白 */
  font-size: 32px;
  font-weight: 900;
  color: var(--efu-main);
  position: absolute;
  top: 2rem; /* 固定位置 */
}

/* 底部日期：确保不被压住 */
#schedule-date { 
  font-size: 11px; 
  color: var(--efu-secondtext);
  position: absolute;
  top: 4.3rem; /* 增加 top 值，拉开与大数字 28 的距离 */
  white-space: nowrap;
}

/* 进度条样式优化 */
.schedule-r0, .schedule-r1, .schedule-r2 {
  height: 2rem;
  width: 100%;
  align-items: center;
  display: flex;
  position: relative;
}

.schedule-d0 {
  width: 30px;
  margin-right: 5px;
  text-align: center;
  font-size: 11px;
}

.schedule-d1 {
  width: calc(100% - 35px);
  height: 1.3rem;
  align-items: center;
  display: flex;
  position: relative;
}

progress {
  width: 100%;
  height: 100%;
  appearance: none;
  border: none;
}

progress::-webkit-progress-bar {
  background: var(--efu-secondtext-op);
  border-radius: 5px;
  overflow: hidden;
}

progress::-webkit-progress-value {
  background: var(--efu-main);
  border-radius: 5px;
}

.aside-span1, .aside-span2 {
  height: 1rem;
  font-size: 10px;
  z-index: 1;
  display: flex;
  align-items: center;
  position: absolute;
  pointer-events: none;
}

.aside-span1 { left: 5px; }
.aside-span2 { right: 5px; color: var(--efu-secondtext); }