.class-page[data-v-cdb20d6a]{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:url(../img/xiyang.59791838.jpeg) no-repeat 50%;color:#5d4037;overflow:hidden;padding:0 30px;z-index:1}.class-header[data-v-cdb20d6a],.class-page[data-v-cdb20d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.class-header[data-v-cdb20d6a]{height:90px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(../img/headerBg.ff535ecc.png) no-repeat 50%;background-size:100% 100%;pointer-events:auto}.class-header .header-title[data-v-cdb20d6a]{font-size:clamp(24px,3.5vh,36px);font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,127,80,.6);letter-spacing:4px;line-height:60px}.class-content[data-v-cdb20d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;gap:20px;padding-bottom:10px}.class-content[data-v-cdb20d6a],.class-sidebar[data-v-cdb20d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.class-sidebar[data-v-cdb20d6a]{width:210px;border-radius:12px;padding:20px;border:1px solid rgba(255,127,80,.3);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.class-sidebar .sidebar-title[data-v-cdb20d6a]{font-size:clamp(16px,2vh,20px);font-weight:700;color:#d35400;margin-bottom:clamp(10px,1.5vh,20px);padding-bottom:10px;border-bottom:2px solid rgba(255,127,80,.4);-ms-flex-negative:0;flex-shrink:0}.class-sidebar .class-list[data-v-cdb20d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:clamp(8px,1vh,12px);-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;overflow-x:hidden}.class-sidebar .class-list[data-v-cdb20d6a]::-webkit-scrollbar{width:4px}.class-sidebar .class-list[data-v-cdb20d6a]::-webkit-scrollbar-track{background:rgba(255,127,80,.1);border-radius:2px}.class-sidebar .class-list[data-v-cdb20d6a]::-webkit-scrollbar-thumb{background:rgba(255,127,80,.5);border-radius:2px}.class-sidebar .class-list[data-v-cdb20d6a]::-webkit-scrollbar-thumb:hover{background:rgba(255,127,80,.7)}.class-sidebar .class-item[data-v-cdb20d6a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 0;border-radius:8px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-bottom:none;pointer-events:auto;-ms-flex-negative:0;flex-shrink:0;position:relative;color:#5d4037;border-color:transparent;color:#d35400!important}.class-sidebar .class-item[data-v-cdb20d6a]:hover{background:rgba(255,127,80,.1)}.class-sidebar .class-item.active[data-v-cdb20d6a]{border-color:transparent;color:#d35400!important}.class-sidebar .class-item.active[data-v-cdb20d6a]:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:4px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,127,80,.3)),color-stop(10%,rgba(255,127,80,.6)),color-stop(50%,coral),color-stop(90%,rgba(255,127,80,.6)),to(rgba(255,127,80,.3)));background:linear-gradient(90deg,rgba(255,127,80,.3),rgba(255,127,80,.6) 10%,coral 50%,rgba(255,127,80,.6) 90%,rgba(255,127,80,.3));clip-path:polygon(0 50%,10% 0,90% 0,100% 50%,90% 100%,10% 100%);-webkit-box-shadow:0 0 8px rgba(255,127,80,.6);box-shadow:0 0 8px rgba(255,127,80,.6)}.class-sidebar .class-item .class-icon[data-v-cdb20d6a]{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:clamp(18px,2.2vh,24px);margin-right:clamp(8px,1vh,12px);-ms-flex-negative:0;flex-shrink:0}.class-sidebar .class-item .class-text-wrapper[data-v-cdb20d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-width:0}.class-sidebar .class-item .class-name[data-v-cdb20d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:clamp(13px,1.5vh,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.class-sidebar .class-item .class-count[data-v-cdb20d6a]{font-size:clamp(11px,1.3vh,14px);-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}.class-main[data-v-cdb20d6a]{width:calc(100% - 210px);border-radius:12px;padding:clamp(12px,2vh,20px);border:1px solid rgba(255,127,80,.3);pointer-events:auto;flex-direction:column}.class-main .schedule-container[data-v-cdb20d6a],.class-main[data-v-cdb20d6a]{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.class-main .schedule-container[data-v-cdb20d6a]{height:100%;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1}.class-main .schedule-table[data-v-cdb20d6a]{width:100%;border-collapse:separate;border-spacing:5px;-webkit-box-flex:1;-ms-flex:1;flex:1;table-layout:fixed}.class-main .schedule-table td[data-v-cdb20d6a],.class-main .schedule-table th[data-v-cdb20d6a]{border:none;text-align:center;padding:clamp(2px,.5vh,4px);vertical-align:middle}.class-main .schedule-table th[data-v-cdb20d6a]{background:rgba(255,127,80,.2);color:#d35400;font-size:2.2vh;font-weight:700;height:clamp(32px,4vh,40px)}.class-main .schedule-table .period-col[data-v-cdb20d6a]{background:rgba(255,127,80,.15);color:#cdb6a7;font-size:clamp(14px,1.8vh,16px);font-weight:700;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:clamp(4px,.6vh,6px)}.class-main .schedule-table .time-cell[data-v-cdb20d6a]{background:rgba(255,127,80,.1);color:#cdb6a7;font-size:2.2vh;white-space:nowrap;height:12.5%}.class-main .schedule-table .course-cell[data-v-cdb20d6a]{height:12.5%;padding:0!important;background:rgba(255,127,80,.08);position:relative;font-size:2.5vh}.class-main .schedule-table .course-cell .course-item[data-v-cdb20d6a]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(93,64,55,.3);-webkit-transition:all .3s;transition:all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box}.class-main .schedule-table .course-cell .course-item[data-v-cdb20d6a]:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 0 10px rgba(255,127,80,.4);box-shadow:0 0 10px rgba(255,127,80,.4);z-index:10}.class-main .schedule-placeholder[data-v-cdb20d6a]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:clamp(14px,1.8vh,18px);color:rgba(211,84,0,.55);letter-spacing:2px}.class-main .classroom-info[data-v-cdb20d6a]{text-align:center;padding:clamp(8px,1vh,10px);font-size:clamp(14px,1.6vh,16px);color:#d35400;background:rgba(255,127,80,.15);border-radius:8px;margin-top:clamp(8px,1vh,10px);border:1px solid rgba(255,127,80,.3);-ms-flex-negative:0;flex-shrink:0}