.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:400px}.top-bar[data-v-8fd4dbdc]{justify-content:space-between;padding:0 20px;height:80px;background-color:#fff}.logo-container[data-v-8fd4dbdc],.top-bar[data-v-8fd4dbdc]{display:flex;align-items:center}.logo[data-v-8fd4dbdc]{height:50px;margin-right:10px}.software-name[data-v-8fd4dbdc]{font-size:24px;font-weight:700}.right-container[data-v-8fd4dbdc]{display:flex;align-items:center;gap:10px}.notification-icon[data-v-8fd4dbdc],.search-icon[data-v-8fd4dbdc],.translation-icon[data-v-8fd4dbdc]{cursor:pointer;font-size:28px}.dark-mode-switch[data-v-8fd4dbdc]{margin-right:10px}.user-avatar[data-v-8fd4dbdc]{margin-left:10px;font-size:28px}.linechart>canvas{width:90%!important}.linechart>div{width:100%!important}.resource ul>li[data-v-365dac4a]{margin:0;margin-right:0;flex-direction:row;height:100px;width:90%;display:flex}.resource ul>li>img[data-v-365dac4a]{margin:5px;height:70px;width:70px;-o-object-fit:cover;object-fit:cover}.resource-text[data-v-365dac4a]{font-size:17px;display:flex;flex-direction:column;width:200px}.el-main[data-v-e2d26140]{background-color:#edf0f499;color:#333;text-align:center;padding:20px}.pagination[data-v-e2d26140]{display:flex;justify-content:center;list-style:none;padding-left:0;margin-top:20px}.page-item[data-v-e2d26140]{margin-right:5px}.page-item.disabled .page-link[data-v-e2d26140]{cursor:not-allowed}.page-item.active .page-link[data-v-e2d26140]{font-weight:700;color:#fff;background-color:#c4bdbd;border-color:#d5d6d7}.el-container[data-v-d0f5774c]{display:flex;height:100vh}.el-main[data-v-d0f5774c]{display:grid;grid-template-columns:6fr 4fr;gap:20px;background-color:#e8e8e8;padding:20px}.left-column[data-v-d0f5774c]{display:grid;grid-template-rows:auto auto;gap:20px}.right-column[data-v-d0f5774c]{display:grid;grid-template-rows:1fr 1fr;gap:20px;height:-moz-fit-content;height:fit-content}.profile-container[data-v-d0f5774c]{border:1px solid #ccc;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.profile-title[data-v-d0f5774c]{font-size:18px;color:#333;font-weight:700;margin-bottom:15px}.performance-list[data-v-d0f5774c]{grid-template-columns:repeat(6,1fr)}.performance-value[data-v-d0f5774c]{font-size:24px;font-weight:700}.performance-item:first-child .performance-value[data-v-d0f5774c]{color:#ff5733}.performance-item:nth-child(2) .performance-value[data-v-d0f5774c]{color:#33c3ff}.performance-item:nth-child(3) .performance-value[data-v-d0f5774c]{color:#33ff57}.performance-item:nth-child(4) .performance-value[data-v-d0f5774c]{color:#ff33a1}.performance-item:nth-child(5) .performance-value[data-v-d0f5774c]{color:#ffd133}.performance-item:nth-child(6) .performance-value[data-v-d0f5774c]{color:#9b33ff}.performance-label[data-v-d0f5774c]{font-size:12px;color:#888}.student-portrait[data-v-d0f5774c]{display:flex;align-items:center;margin-bottom:20px}.student-portrait img[data-v-d0f5774c]{width:120px;height:80px;border-radius:50%;margin-right:30px}.performance-list[data-v-d0f5774c]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:14px;color:#666;text-align:center}.performance-item[data-v-d0f5774c]{padding:10px;background-color:#f5f5f5;border-radius:5px}.alert-list[data-v-d0f5774c]{display:grid;gap:8px}.alert-item[data-v-d0f5774c]{background-color:#ffe4e1;padding:8px;border-radius:5px;font-size:14px}.chart-container1[data-v-d0f5774c]{height:90%;margin-top:5px}.chart-container1[data-v-d0f5774c],.chart-container2[data-v-d0f5774c]{width:100%;padding:20px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:8px;margin-bottom:5px}.chart-container2[data-v-d0f5774c]{margin-top:10px;height:100%;margin-top:5px}@media (max-width:768px){.el-main[data-v-d0f5774c]{grid-template-columns:1fr}.student-portrait[data-v-d0f5774c]{flex-direction:column;align-items:center}.student-portrait img[data-v-d0f5774c]{margin-bottom:15px}.performance-list[data-v-d0f5774c]{grid-template-columns:repeat(2,1fr)}}.video-upload[data-v-aa5e7f2c]{border:1px solid #e4e4e4;padding:20px;text-align:center;height:400px;background-color:#d6eded}.charts-row[data-v-aa5e7f2c],.class-signin[data-v-aa5e7f2c],.student-behavior[data-v-aa5e7f2c]{margin-top:20px}.class-signin[data-v-aa5e7f2c]{height:240px}.class-signin1[data-v-aa5e7f2c]{height:120px;display:flex;align-items:center;justify-content:center}.student-behavior[data-v-aa5e7f2c]{height:140px}.text[data-v-aa5e7f2c]{font-weight:700;font-size:36px;color:#b2ceed;position:center}.video-upload[data-v-44ea3fc6]{border:1px solid #e4e4e4;padding:20px;text-align:center;height:400px;background-color:#d6eded}.charts-row[data-v-44ea3fc6],.class-signin[data-v-44ea3fc6],.student-behavior[data-v-44ea3fc6]{margin-top:20px}.class-signin[data-v-44ea3fc6]{height:240px}.student-behavior[data-v-44ea3fc6]{height:140px}.img0[data-v-44ea3fc6]{width:100%;height:100%}.img1[data-v-44ea3fc6]{width:100%;height:90%}.img3[data-v-44ea3fc6]{width:100%;height:350px}.performance-list[data-v-44ea3fc6]{display:flex;flex-wrap:nowrap;gap:10px;text-align:center}.performance-value[data-v-44ea3fc6]{font-size:36px;font-weight:700}.performance-item:first-child .performance-value[data-v-44ea3fc6]{color:#ff5733}.performance-item:nth-child(2) .performance-value[data-v-44ea3fc6]{color:#33c3ff}.performance-item:nth-child(3) .performance-value[data-v-44ea3fc6]{color:#33ff57}.performance-item:nth-child(4) .performance-value[data-v-44ea3fc6]{color:#ff33a1}.performance-label[data-v-44ea3fc6]{font-size:24px;color:#888}.name-color[data-v-6f1dc46c]{color:#3270ff}.all-classes[data-v-6f1dc46c]{border-radius:20px;border:2px solid gray;margin-bottom:10px}.all-classes[data-v-6f1dc46c],.title1[data-v-6f1dc46c]{width:90%;display:flex;flex-direction:row}.class-info[data-v-6f1dc46c]{width:25%;text-align:center;justify-content:center;align-items:center;display:flex}.title-div[data-v-6f1dc46c]{font-size:20px;font-weight:600;margin:0;margin-left:10px;margin-top:10px;margin-bottom:10px}.right-resource ul>li[data-v-6f1dc46c]{margin:0;margin-right:0;flex-direction:row;height:80px;width:150px;display:flex}.right-resource ul>li>img[data-v-6f1dc46c]{margin:5px;height:40px;width:40px;-o-object-fit:cover;object-fit:cover}.modal[data-v-6a01a09c]{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content[data-v-6a01a09c]{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:400px}.close[data-v-6a01a09c]{color:#aaa;font-size:28px;font-weight:700;float:right;cursor:pointer}.close[data-v-6a01a09c]:focus,.close[data-v-6a01a09c]:hover{color:#000;text-decoration:none;cursor:pointer}input[type=text][data-v-6a01a09c],textarea[data-v-6a01a09c]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;overflow:hidden}textarea[data-v-6a01a09c]{resize:vertical}.submit-button[data-v-6a01a09c]{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;float:right}.submit-button[data-v-6a01a09c]:hover{background-color:#45a049}.upload-container[data-v-6a01a09c]{text-align:center}.page-header[data-v-0e25d47c]{margin-top:30px;text-align:center}h1[data-v-0e25d47c]{font-size:28px;font-weight:700}.navbar-container[data-v-0e25d47c]{margin-top:20px}.navbar[data-v-0e25d47c]{display:flex;flex-direction:row;justify-content:flex-start;gap:20px}.navbar-item[data-v-0e25d47c]{font-size:16px;color:#555;padding:5px 15px;cursor:pointer;white-space:nowrap}.navbar-item[data-v-0e25d47c]:hover{color:#007bff}.navbar-item.active[data-v-0e25d47c]{color:#007bff;font-weight:700}.search-container[data-v-0e25d47c]{display:flex;justify-content:flex-end}.search-input[data-v-0e25d47c]{padding:8px 16px;font-size:16px;border-radius:4px;border:1px solid #ccc;width:250px}.teacher-card[data-v-0e25d47c]{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:10px;display:flex;padding:20px}.teacher-image[data-v-0e25d47c]{width:100px;height:150px;margin-right:20px}.teacher-image img[data-v-0e25d47c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.teacher-details[data-v-0e25d47c]{flex-grow:1}.teacher-name[data-v-0e25d47c]{font-size:20px;font-weight:700;color:#007bff}.teacher-title[data-v-0e25d47c]{font-size:18px;color:#007bff}.teacher-department[data-v-0e25d47c],.teacher-email[data-v-0e25d47c],.teacher-research[data-v-0e25d47c]{font-size:14px;color:#888}.teacher-research[data-v-0e25d47c]{margin-top:10px}.el-dialog[data-v-0e25d47c]{width:400px}.teacher-profile[data-v-4d81780d]{padding:20px;background-color:#fff}.teacher-info .teacher-header[data-v-4d81780d]{display:flex}.teacher-info .teacher-image[data-v-4d81780d]{margin-right:20px}.teacher-info .teacher-image img[data-v-4d81780d]{border-radius:50%}.teacher-info .teacher-details p[data-v-4d81780d]{margin:5px 0}.section-title[data-v-4d81780d]{font-size:16px;font-weight:700}.modify-link[data-v-4d81780d]{color:#409eff;cursor:pointer}.video-grid{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.video-item{width:250px;height:220px;display:flex;flex-direction:column;background-color:#f8f9fa;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.video-container{position:relative;overflow:hidden;flex-grow:1}.video-container video{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.video-description{padding:10px;flex-shrink:0}.video-title{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;margin-top:5px}.video-meta span i{margin-right:4px}.data-card[data-v-1992374a]{text-align:center;padding:20px;border-radius:8px;background-color:#f5f7fa;box-shadow:0 2px 8px rgba(0,0,0,.1)}.item[data-v-1992374a]{font-size:24px;font-weight:700;color:#333}.el-card[data-v-1992374a]{border-radius:8px;background-color:#fff}