.container[data-v-52c3d696]{width:100%;height:100vh;margin:0 auto;background:url(../img/u2.13190d7f.png) no-repeat 50%;background-size:cover;padding:10px 20px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.date-box[data-v-52c3d696]{position:absolute;margin-top:20px;margin-left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:600;font-size:16px;color:#fefeff;white-space:nowrap}.main-layout[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.sidebar[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:250px;height:calc(100% - 64px);margin-right:20px;background:#f5fde6;border-radius:16px;border:8px solid #8cc235;margin-top:64px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.sidebar-header[data-v-52c3d696]{padding:32px 0;background:#f5fde6;color:#81bc22;text-align:center}.sidebar-header h3[data-v-52c3d696]{margin:0;font-size:16px;font-weight:600}.class-list[data-v-52c3d696]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:10px}.class-item[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 15px;margin-bottom:8px;background:#fff;border-radius:8px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent}.class-item[data-v-52c3d696]:hover{background:#e8f5d8}.class-item.active[data-v-52c3d696]{background:#f59a23;color:#fff}.class-name[data-v-52c3d696]{font-size:14px;font-weight:500;color:#81bc22}.class-count[data-v-52c3d696]{font-size:14px;min-width:20px;text-align:center;color:#81bc22}.class-item.active .class-count[data-v-52c3d696],.class-item.active .class-name[data-v-52c3d696]{color:#fff}.right-content[data-v-52c3d696]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.header[data-v-52c3d696]{width:100%;height:44px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.change[data-v-52c3d696],.header[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.change[data-v-52c3d696]{background:#fff;width:250px;height:45px;border-radius:10px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toggle-buttons[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;border-radius:5px;overflow:hidden;padding:8px 0 8px 8px}.toggle-btn[data-v-52c3d696]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:2px solid #81bc22;border-radius:10px;background:transparent;font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#81bc22;margin-right:8px;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;white-space:nowrap}.btn-icon[data-v-52c3d696]{width:16px;height:16px;margin-right:4px;-ms-flex-negative:0;flex-shrink:0}.toggle-btn.active[data-v-52c3d696],.toggle-btn[data-v-52c3d696]:not(.active):hover{background:#81bc22;color:#fff}.user-info[data-v-52c3d696]{font-weight:600;font-size:14px;color:#fefeff;margin-left:auto;cursor:pointer}.content-area[data-v-52c3d696]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f5f8e8;border:8px solid #facd91;border-radius:16px;overflow-y:hidden;flex-direction:column}.content-area[data-v-52c3d696],.listening-section[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.listening-section[data-v-52c3d696]{width:100%;height:100%;flex-direction:column}.selected-class-info[data-v-52c3d696]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#fff;padding:16px 24px;border-radius:8px 8px 0 0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.left-info[data-v-52c3d696],.right-info[data-v-52c3d696],.selected-class-info[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-info[data-v-52c3d696],.right-info[data-v-52c3d696]{line-height:32px;font-size:14px;color:#81bc22}.three-sections-layout[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;gap:16px;padding:16px 0 0 0;min-height:0}.left-sections[data-v-52c3d696]{-webkit-box-flex:0.3;-ms-flex:0.3;flex:0.3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.top-section[data-v-52c3d696]{-webkit-box-flex:0.4;-ms-flex:0.4;flex:0.4;border-radius:0 16px 16px 0}.bottom-section[data-v-52c3d696],.top-section[data-v-52c3d696]{background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);overflow:hidden}.bottom-section[data-v-52c3d696]{-webkit-box-flex:0.60;-ms-flex:0.60;flex:0.60;border-radius:0 16px 0 0}.right-section[data-v-52c3d696]{-webkit-box-flex:0.7;-ms-flex:0.7;flex:0.7;background:#fff;border-radius:16px 0 0 0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:0 0 16px 0}.section-content[data-v-52c3d696]{padding:24px;height:100%;overflow:hidden}.class-content[data-v-52c3d696]{padding:24px;height:100%;overflow-y:auto}.section-title[data-v-52c3d696]{font-size:16px;color:#81bc22;font-weight:600;margin-bottom:40px}.class-info-details[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.class-info-header[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:16px}.flag-icon[data-v-52c3d696]{width:24px;height:auto;margin-right:20px}.class-name-display[data-v-52c3d696]{font-size:18px;color:#81bc22}.info-row[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;line-height:1.5}.info-label[data-v-52c3d696]{color:#81bc22;width:70px;text-align:right}.info-value[data-v-52c3d696]{margin-right:24px;color:#f59922;min-width:60px;text-align:right;white-space:nowrap}.evaluate-list[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.evaluate-item[data-v-52c3d696]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:16px;background-color:#fbfbfb;height:72px;padding:16px 16px 16px 116px;border-radius:16px}.evaluate-label[data-v-52c3d696]{position:absolute;left:0;top:0;bottom:0;width:100px;background-color:#9cc25e;font-size:16px;color:#fff;font-weight:500;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:16px 0 0 16px}.evaluate-label[data-v-52c3d696],.evaluate-slider[data-v-52c3d696]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.evaluate-slider[data-v-52c3d696]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:32px;background:#f0f0f0;border-radius:15px;-ms-flex-align:center;padding:0 8px;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.score-dot[data-v-52c3d696]{width:20%;height:24px;border-radius:50%;color:#666;font-size:14px;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;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2}.score-dot.active[data-v-52c3d696]{color:#fff}.slider-bar[data-v-52c3d696]{position:absolute;left:0;top:0;height:100%;border-radius:15px;z-index:1;pointer-events:none;background:-webkit-gradient(linear,left top,right top,from(#ffe402),color-stop(#f59a23,),color-stop(#f59a23,));background:linear-gradient(90deg,#ffe402 0,#f59a23 50%,#f59a23)}.evaluate-score[data-v-52c3d696]{width:40px;text-align:right;font-size:18px;font-weight:700;color:#f59922}.save-bar[data-v-52c3d696]{margin:0 auto;padding-top:8px}.add-btn[data-v-52c3d696]{background-color:#81bc22;color:#fff;width:100px}.class-content[data-v-52c3d696]::-webkit-scrollbar,.class-content[data-v-52c3d696]::-webkit-scrollbar-track,.class-list[data-v-52c3d696]::-webkit-scrollbar,.class-list[data-v-52c3d696]::-webkit-scrollbar-track{background:#f1f1f1}.class-content[data-v-52c3d696]::-webkit-scrollbar-thumb,.class-content[data-v-52c3d696]::-webkit-scrollbar-thumb:hover,.class-list[data-v-52c3d696]::-webkit-scrollbar-thumb,.class-list[data-v-52c3d696]::-webkit-scrollbar-thumb:hover{background:#d7d7d7}.class-content[data-v-52c3d696]::-webkit-scrollbar{width:8px}.class-content[data-v-52c3d696]::-webkit-scrollbar-thumb,.class-content[data-v-52c3d696]::-webkit-scrollbar-track{border-radius:8px}.class-list[data-v-52c3d696]::-webkit-scrollbar{width:4px}.class-list[data-v-52c3d696]::-webkit-scrollbar-thumb,.class-list[data-v-52c3d696]::-webkit-scrollbar-track{border-radius:2px}