.toolbar[data-v-0b3f92f2]{width:100%;padding:8px;padding-top:0;background-color:#fff;overflow:hidden;line-height:32px;border-bottom:1px solid #e6ebf5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar .search-bar[data-v-0b3f92f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.toolbar .search-bar div[data-v-0b3f92f2]{margin-top:10px;margin-right:10px;min-width:200px}.toolbar .search-bar[data-v-0b3f92f2] input{height:32px;line-height:32px}.toolbar .operate-btn[data-v-0b3f92f2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right;margin-top:10px}.toolbar .el-cascader[data-v-0b3f92f2],.toolbar[data-v-0b3f92f2] .el-input__icon{line-height:32px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.toolbar .el-input__inner[data-v-0b3f92f2]{line-height:32px!important;height:32px!important;overflow:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.toolbar .el-date-editor[data-v-0b3f92f2] .el-range-separator{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;color:#a5a5a5}.pagination[data-v-501bef4a]{padding:7px;border-top:1px solid #ebeef5;background:#fff;text-align:right}.total[data-v-501bef4a]{float:left;margin-top:8px;margin-left:10px;font-size:13px;color:#606266}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar-uploader-icon{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.avatar{width:178px;height:178px;display:block}.container[data-v-ddc4adb6]{margin:0 auto;padding:20px}.course-nav[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;background:#fff;padding:20px;border-radius:10px}.nav-item[data-v-ddc4adb6]{padding:10px 20px;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500}.nav-item[data-v-ddc4adb6]:hover{background-color:#f5f7fa}.nav-item.active[data-type=scratch][data-v-ddc4adb6]{background-color:rgba(103,194,58,.1);color:#67c23a}.nav-item.active[data-type=python][data-v-ddc4adb6]{background-color:rgba(245,108,108,.1);color:#f56c6c}.nav-item.active[data-type=cpp][data-v-ddc4adb6]{background-color:rgba(64,158,255,.1);color:#409eff}.nav-item.active[data-type=building][data-v-ddc4adb6]{background-color:rgba(75,108,183,.1);color:#4b6cb7}.nav-item.active[data-type=arduino][data-v-ddc4adb6]{background-color:rgba(101,89,237,.1);color:#6559ed}.nav-item.active[data-type=wedo][data-v-ddc4adb6]{background-color:rgba(230,126,69,.1);color:#e67e45}.nav-item.active[data-type=other][data-v-ddc4adb6]{background-color:rgba(144,147,153,.1);color:#909399}.course-list[data-v-ddc4adb6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.course-card[data-v-ddc4adb6]{background:#fff;border-radius:12px;padding:24px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.course-card.scratch[data-v-ddc4adb6]{background:linear-gradient(135deg,#67c23a,#95d475);-webkit-box-shadow:0 4px 15px rgba(103,194,58,.2);box-shadow:0 4px 15px rgba(103,194,58,.2);color:#fff}.course-card.python[data-v-ddc4adb6]{background:linear-gradient(135deg,#f56c6c,#f89898);-webkit-box-shadow:0 4px 15px rgba(245,108,108,.2);box-shadow:0 4px 15px rgba(245,108,108,.2);color:#fff}.course-card.cpp[data-v-ddc4adb6]{background:linear-gradient(135deg,#409eff,#69b1ff);-webkit-box-shadow:0 4px 15px rgba(64,158,255,.2);box-shadow:0 4px 15px rgba(64,158,255,.2);color:#fff}.course-card.building[data-v-ddc4adb6]{background:linear-gradient(135deg,#4b6cb7,#6b8cce);-webkit-box-shadow:0 4px 15px rgba(75,108,183,.2);box-shadow:0 4px 15px rgba(75,108,183,.2);color:#fff}.course-card.arduino[data-v-ddc4adb6]{background:linear-gradient(135deg,#6559ed,#8f86f5);-webkit-box-shadow:0 4px 15px rgba(101,89,237,.2);box-shadow:0 4px 15px rgba(101,89,237,.2);color:#fff}.course-card.wedo[data-v-ddc4adb6]{background:linear-gradient(135deg,#e67e45,#ff9b69);-webkit-box-shadow:0 4px 15px rgba(230,126,69,.2);box-shadow:0 4px 15px rgba(230,126,69,.2);color:#fff}.course-card.other[data-v-ddc4adb6]{background:linear-gradient(135deg,#909399,#b4b6bc);-webkit-box-shadow:0 4px 15px rgba(144,147,153,.2);box-shadow:0 4px 15px rgba(144,147,153,.2);color:#fff}.course-card[data-v-ddc4adb6]:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 16px rgba(0,0,0,.1);box-shadow:0 8px 16px rgba(0,0,0,.1)}.course-card h3[data-v-ddc4adb6]{font-size:22px;font-weight:600;margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.5px}.course-card p[data-v-ddc4adb6]{font-size:15px;line-height:1.6;opacity:.95;margin-bottom:24px;font-weight:400;text-shadow:0 1px 1px rgba(0,0,0,.05)}.card-footer[data-v-ddc4adb6]{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;margin-top:20px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.2)}.duration[data-v-ddc4adb6]{opacity:.9;background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:20px}.duration[data-v-ddc4adb6],.enroll-btn[data-v-ddc4adb6]{font-size:15px;font-weight:500;text-shadow:0 1px 1px rgba(0,0,0,.1)}.enroll-btn[data-v-ddc4adb6]{padding:8px 20px;border:none;border-radius:6px;background-color:hsla(0,0%,100%,.25);color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.enroll-btn[data-v-ddc4adb6]:hover{background-color:hsla(0,0%,100%,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.course-card:hover .duration[data-v-ddc4adb6],.course-card:hover h3[data-v-ddc4adb6],.course-card:hover p[data-v-ddc4adb6]{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.category-management[data-v-ddc4adb6]{background:#fff;border-radius:12px;padding:24px;margin-top:24px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.category-header[data-v-ddc4adb6]{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;margin-bottom:24px}.category-header h2[data-v-ddc4adb6]{font-size:18px}.add-category-btn[data-v-ddc4adb6]{padding:8px 16px;background:#67c23a;color:#fff;border:none;border-radius:6px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.add-category-btn[data-v-ddc4adb6]:hover{background:#85ce61}.category-list[data-v-ddc4adb6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.category-item[data-v-ddc4adb6]{padding:16px;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}.category-item[data-v-ddc4adb6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.category-info[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.category-color[data-v-ddc4adb6]{width:24px;height:24px;border-radius:6px}.category-detail h3[data-v-ddc4adb6]{font-size:16px;color:#2c3e50;margin-bottom:4px}.course-count[data-v-ddc4adb6]{font-size:14px;color:#909399}.category-actions[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.action-btn[data-v-ddc4adb6]{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;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;-webkit-transition:all .3s ease;transition:all .3s ease}.action-btn.edit[data-v-ddc4adb6]{background:rgba(64,158,255,.1);color:#409eff}.action-btn.delete[data-v-ddc4adb6]{background:rgba(245,108,108,.1);color:#f56c6c}.action-btn.edit[data-v-ddc4adb6]:hover{background:rgba(64,158,255,.2)}.action-btn.delete[data-v-ddc4adb6]:hover{background:rgba(245,108,108,.2)}@media screen and (max-width:768px){.category-list[data-v-ddc4adb6]{grid-template-columns:1fr}.category-item[data-v-ddc4adb6]{padding:12px}}.page-container[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;min-height:100vh;padding:20px;max-width:1600px;margin:0 auto}.category-sidebar[data-v-ddc4adb6]{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;background:#fff;border-radius:12px;padding:20px;height:calc(100vh - 40px);position:sticky;top:20px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);overflow-y:auto}.main-content[data-v-ddc4adb6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.category-list[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:20px}.category-item[data-v-ddc4adb6]{padding:12px;background:#f8f9fa;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.category-item.active[data-v-ddc4adb6]{background:#f0f7ff}.category-item[data-v-ddc4adb6]:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}.category-header[data-v-ddc4adb6]{padding-bottom:16px;border-bottom:1px solid #eee}.category-header h2[data-v-ddc4adb6]{font-size:16px;color:#2c3e50;margin-bottom:12px}@media screen and (max-width:1024px){.page-container[data-v-ddc4adb6]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.category-sidebar[data-v-ddc4adb6]{-webkit-box-flex:0;-ms-flex:none;flex:none;height:auto;position:static;margin-bottom:20px}.category-list[data-v-ddc4adb6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}}.category-sidebar[data-v-ddc4adb6]::-webkit-scrollbar{width:6px}.category-sidebar[data-v-ddc4adb6]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.category-sidebar[data-v-ddc4adb6]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}.category-sidebar[data-v-ddc4adb6]::-webkit-scrollbar-thumb:hover{background:#c0c4cc}.category-group[data-v-ddc4adb6]{margin-bottom:8px}.category-item[data-v-ddc4adb6]{margin-bottom:0}.course-package-list[data-v-ddc4adb6]{background:#f8f9fa;margin-left:20px;border-left:2px solid #e4e7ed;padding:8px;margin-top:8px;border-radius:0 8px 8px 0;display:none}.course-package-list.active[data-v-ddc4adb6]{display:block}.package-item[data-v-ddc4adb6]{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:8px 12px;background:#fff;border-radius:6px;margin-bottom:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.package-item[data-v-ddc4adb6]:hover{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.05);box-shadow:0 2px 6px rgba(0,0,0,.05)}.package-info[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.package-name[data-v-ddc4adb6]{font-size:14px;color:#2c3e50}.package-hours[data-v-ddc4adb6]{font-size:12px;color:#909399}.package-actions[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.action-btn.delete-small[data-v-ddc4adb6],.action-btn.edit-small[data-v-ddc4adb6]{width:24px;height:24px}.add-package-btn[data-v-ddc4adb6]{width:100%;padding:8px;border:1px dashed #dcdfe6;border-radius:6px;background:#fff;color:#409eff;font-size:13px;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;gap:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.add-package-btn[data-v-ddc4adb6]:hover{background:#f5f7fa;border-color:#409eff}.action-btn.toggle[data-v-ddc4adb6]{background:rgba(144,147,153,.1);color:#909399}.action-btn.toggle[data-v-ddc4adb6]:hover{background:rgba(144,147,153,.2)}.category-item[data-v-ddc4adb6]{border-left:3px solid transparent}.category-item.active[data-v-ddc4adb6]{border-left-color:#409eff}.action-btn.toggle i[data-v-ddc4adb6]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.category-item.active .action-btn.toggle i[data-v-ddc4adb6]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav-content[data-v-ddc4adb6]{border-radius:10px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1);background:#fff;margin-bottom:30px}.main-nav[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:20px;border-bottom:1px solid #eee}.nav-tab[data-v-ddc4adb6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 24px;font-size:15px;color:#666;cursor:pointer;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}.nav-tab i[data-v-ddc4adb6]{font-size:16px}.nav-tab[data-v-ddc4adb6]:hover{color:#1890ff;background-color:#f5f7fa}.nav-tab.active[data-v-ddc4adb6]{color:#1890ff;background-color:#e6f7ff;font-weight:500}.category-sidebar.shcool .category-header[data-v-ddc4adb6]{margin-bottom:0}.category-sidebar.shcool .category-list[data-v-ddc4adb6]{margin-top:0}.category-sidebar.shcool .course-package-list[data-v-ddc4adb6]{margin-left:0;margin-top:0}