.container[data-v-36484e6f]{padding:20px;background-color:#fff;height:100vh}.container .title[data-v-36484e6f]{font-size:18px;font-weight:700;color:#333}.container .search-box[data-v-36484e6f]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px;width:100%}.container .search-box .search-wrapper[data-v-36484e6f],.container .search-box[data-v-36484e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .search-box .search-wrapper[data-v-36484e6f]{position:relative}.container .search-box .search-wrapper .search-input[data-v-36484e6f]{height:32px;padding:0 30px;border:1px solid #d9d9d9;border-radius:4px;outline:none;font-size:14px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.container .search-box .search-wrapper .search-input[data-v-36484e6f]:focus{border-color:#40a9ff;-webkit-box-shadow:0 0 0 2px rgba(24,144,255,.2);box-shadow:0 0 0 2px rgba(24,144,255,.2)}.container .search-box .search-wrapper .icon-search[data-v-36484e6f]{position:absolute;right:8px;color:rgba(0,0,0,.25);cursor:pointer}.container .class-list[data-v-36484e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:24px}.container .class-list .class-item[data-v-36484e6f]{width:260px;height:250px;text-align:center;cursor:pointer;border-radius:8px;padding:16px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.container .class-list .class-item[data-v-36484e6f]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.08)}.container .class-list .class-item:hover .class-name[data-v-36484e6f]{color:#1890ff}.container .class-list .class-item .class-img[data-v-36484e6f]{width:100%;height:auto;margin-bottom:12px;border-radius:4px}.container .class-list .class-item .class-name[data-v-36484e6f]{font-size:18px;font-weight:500;margin-bottom:8px;color:#333;-webkit-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease}.container .class-list .class-item .teacher-info[data-v-36484e6f]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;font-size:14px;color:#666}.container .class-list .class-item .teacher-info .teacher-tag[data-v-36484e6f]{background-color:#e6f3ff;color:#409eff;padding:2px 6px;border-radius:4px}.container .class-list .class-item .teacher-info .student-count[data-v-36484e6f]{color:#f28c24;background:#fcf1e7;padding:2px 6px;border-radius:4px}