:root{--calendar-back-color:initial;--calendar-font-color:initial;--calendar-footer-back-color:#fff;--calendar-link-color:#409eff;--calendar-day-holiday-color:#fde3e4;--calendar-day-work-color:#f5f5f6;--calendar-day-hover-color:#bdbfc8;--calendar-day-hover-holiday-color:#f38686;--calendar-day-sign-holiday-color:#f73131;--calendar-day-sign-work-color:#575050;--calendar-day-number-color:#222;--calendar-day-sign-number-color:#f73131;--calendar-day-term-color:#333;--calendar-events-chara-color:#ff9b9b;--calendar-events-jashow-color:#4be8ff;--calendar-events-cnshow-color:#fffdbe;--calendar-events-show-color:#c6ffbe;--calendar-events-official-color:#ffbefc}.skin-vampire{--calendar-back-color:#242526;--calendar-font-color:#ccc;--calendar-footer-back-color:#242526;--calendar-link-color:#87ace8;--calendar-day-holiday-color:#643234;--calendar-day-work-color:#727275;--calendar-day-hover-color:#bdbfc8;--calendar-day-hover-holiday-color:#f38686;--calendar-day-sign-holiday-color:#dd6161;--calendar-day-sign-work-color:#c8bebe;--calendar-day-number-color:hsla(0,0%,100%,0.5);--calendar-day-sign-number-color:#dd6161;--calendar-day-term-color:#aaa9a9;--calendar-events-chara-color:#e91e63;--calendar-events-jashow-color:#4be8ff;--calendar-events-cnshow-color:#fffdbe;--calendar-events-show-color:#009688;--calendar-events-official-color:#9c27b0}.app-calendar{box-sizing:border-box;padding:1px;padding-top:0;background-image:linear-gradient(270deg,#eeb158 0,#f5a6e7);border-radius:10px}.calendar-footer{width:100%;font-size:12px;background-color:var(--calendar-footer-back-color);border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:relative}.calendar-footer .events{padding:5px;width:60%;display:flex;color:var(--calendar-font-color)}.calendar-footer div{width:100%;display:flex}.calendar-footer .events div span{display:inline-block;border-radius:40px;width:12%;text-align:center;margin-right:2px;height:12px}.calendar-footer .more{width:40%}.calendar-footer .more *{position:absolute;bottom:4px;right:2px;margin-right:4px}.el-calendar{background-image:linear-gradient(270deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.85)),url(https://static.thwiki.cc/logo.png);background-position:100% 118%;background-repeat:no-repeat}.el-calendar__header{background-color:var(--calendar-back-color);border-bottom:1px solid #f5a6e7;padding:5px 20px 3px 20px}.el-calendar__title{color:var(--calendar-font-color)}.el-calendar-table thead th,.el-calendar__body{padding:2px 0 2px 0}.el-calendar-table .el-calendar-day{padding:0;height:48px}.day{display:flex;position:relative;align-content:center;align-items:center;flex-direction:column;cursor:pointer;width:100%;height:100%;box-sizing:border-box;border:2px solid transparent;overflow:hidden;line-height:1;zoom:1}.day.holiday{background:var(--calendar-day-holiday-color)}.day.work{background:var(--calendar-day-work-color)}.el-calendar-table__row .next,.el-calendar-table__row .prev{filter:alpha(opacity=40);opacity:.4}.el-calendar-table__row .next .el-popover__reference-wrapper,.el-calendar-table__row .next .events,.el-calendar-table__row .prev .events{display:none}.day:hover{border:2px solid #bdbfc8}.day.holiday:hover{border:2px solid #f38686}.day .holiday-sign{position:absolute;left:0;top:0;font-size:12px;font-weight:700;line-height:12px}.day .holiday-sign.rest{color:var(--calendar-day-sign-holiday-color)}.day .holiday-sign.work{color:var(--calendar-day-sign-work-color)}.day .daynumber{font-size:1em;font-weight:700;color:var(--calendar-day-number-color)}.day.holiday .daynumber,.day.weekend .daynumber{color:var(--calendar-day-sign-number-color)}.day .term{color:var(--calendar-day-term-color);font-size:12px;height:12px}.day .eventBtn{top:0;height:95%}.day .eventBtn,.day .events{position:absolute;left:0;width:100%}.day .events{bottom:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:2px}.day .events div{width:100%;margin:0 auto;color:transparent}.day .events div.active{color:unset}.day .events div span{display:block;width:100%;text-align:center;font-size:12px;border-radius:40px}.calendar-footer .events div.chara span,.events .chara.active span{background-color:var(--calendar-events-chara-color);border:1px solid #ff464f}.calendar-footer .events div.jashow span,.events .jashow.active span{background-color:var(--calendar-events-jashow-color);border:1px solid #1fa9f8}.calendar-footer .events div.cnshow span,.events .cnshow.active span{background-color:var(--calendar-events-cnshow-color);border:1px solid #fff930}.calendar-footer .events div.show span,.events .show.active span{background-color:var(--calendar-events-show-color);border:1px solid #30ff75}.calendar-footer .events div.official span,.events .official.active span{background-color:var(--calendar-events-official-color);border:1px solid #b330ff}.el-link.el-link--primary{color:var(--calendar-link-color)}.el-popover{color:var(--calendar-font-color);background:var(--calendar-footer-back-color)}@media screen and (max-width:400px){.day .holiday-sign{font-size:8px}.day .daynumber{font-size:12px}}.monthSel{display:flex;justify-content:space-between;background-color:var(--calendar-back-color);color:var(--calendar-font-color);align-items:center;padding:0 20px;padding-top:15px;background-image:linear-gradient(270deg,#eeb158 0,#f5a6e7);background-image:-moz-linear-gradient(to left,#eeb158 0,#f5a6e7 100%);background-size:100% 20%;background-repeat:no-repeat;border-radius:10px 10px 0 0}.skin-vampire .el-button,.skin-vampire .el-input__inner,.skin-vampire .el-picker-panel{background:var(--calendar-back-color);color:var(--calendar-font-color)}.skin-vampire .el-button:focus,.skin-vampire .el-button:hover{color:#fff;background-color:#000}.skin-vampire .el-calendar__body{background:var(--calendar-back-color)}.skin-vampire .el-calendar-table .el-calendar-day:hover,.skin-vampire .el-calendar-table td.is-selected{background-color:#63676e}.skin-vampire .el-calendar-table thead th{color:#c4c9d3}.skin-vampire .el-picker-panel__icon-btn{color:#606266}.skin-vampire .el-date-picker__header-label.active,.skin-vampire .el-date-picker__header-label:hover,.skin-vampire .el-month-table td .cell:hover,.skin-vampire .el-month-table td.current:not(.disabled) .cell,.skin-vampire .el-month-table td.today .cell,.skin-vampire .el-year-table td .cell:hover,.skin-vampire .el-year-table td.current:not(.disabled) .cell,.skin-vampire .el-year-table td.today .cell{color:var(--calendar-link-color)}