/*侧边栏动态日历工具CSS样式*/
.next-calendar.blue .calendar-dates .current-day {
    background-color: var(--calendar-color,#1f4977);
    color: #fff;
}

.next-calendar {
    --calendar-color: var(--theme-color);
    box-shadow: 0 0 10px var(--main-shadow);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.next-calendar.blue {
    --calendar-color: #1f4977;
}

.next-calendar.grey {
    --calendar-color: #7f7f7f;
}

.next-calendar.red {
    --calendar-color: #f96056;
}

.next-calendar.green {
    --calendar-color: #5fce64;
}

.next-calendar.orange {
    --calendar-color: #ff9501;
}

.next-calendar.purple {
    --calendar-color: #973ac2;
}

.next-calendar .calendar-header {
    background-color: var(--calendar-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    z-index: 1;
    position: relative;
}

.next-calendar .calendar-header .calendar-title {
    font-size: 25px;
    padding-left: 20px;
}

.next-calendar .calendar-header .calendar-header-right {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    padding-right: 10px;
}

.next-calendar .calendar-header .img-calendar-header-1 {
    position: absolute;
    left: -220px;
    top: -60px;
    max-width: 99999%;
    max-height: 99999%;
}

.next-calendar .calendar-header .img-calendar-header-2 {
    position: absolute;
    left: -44px;
    max-width: 99999%;
    max-height: 99999%;
}

.next-calendar .calendar-header .img-calendar-header-3 {
    position: absolute;
    left: -170px;
    bottom: -90px;
    max-width: 99999%;
    max-height: 99999%;
}

.next-calendar .calendar-header .calendar-month-week {
    text-align: right;
}

.next-calendar .calendar-header .calendar-current-day {
    font-size: 48px;
}

.next-calendar .calendar-main {
    position: relative;
    background-color: var(--white);
    padding: 10px;
    z-index: 2;
}

.next-calendar .calendar-body-header ul {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(7,1fr);
    flex-wrap: wrap;
    padding-inline-start: 1px;
}

.next-calendar .calendar-body-header ul li {
    text-align: center;
    padding: 2px 0;
    list-style-type: none;
}

.next-calendar .calendar-body-header .calendar-current-day {
    background-color: var(--calendar-color);
    color: #fff;
    border-radius: 4px;
}