#card-widget-calendar {
  max-height: calc(100vh - 100px);
  padding: 10px;
  position: relative;
}

#card-widget-calendar .item-content {
  display: flex;
}

#calendar-area-left,
#calendar-area-right {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 4px;
}

#calendar-area-left {
  width: 45%;
}

#calendar-area-right {
  width: 55%;
}

#calendar-main {
  width: 100%;
}

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

#calendar-date {
  align-items: center;
  color: var(--efu-main);
  display: flex;
  font-size: 48px;
  font-weight: 700;
  height: 3rem;
  letter-spacing: 3px;
  line-height: 1.3;
}

#calendar-lunar,
#calendar-solar {
  align-items: center;
  display: flex;
  font-size: 12px;
  height: 1rem;
}

#calendar-lunar {
  color: var(--efu-secondtext);
}

#calendar-main a {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 12px;
  height: 1rem;
  justify-content: center;
  line-height: 12px;
  width: 1rem;
}

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

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

.calendar-row {
  display: flex;
  height: 1.2rem;
}

.calendar-day {
  align-items: center;
  display: flex;
  justify-content: center;
  width: calc(100% / 7);
}