.ml_30[data-v-96522fbc]{margin-left:30px}.mt_30[data-v-96522fbc]{margin-top:30px}.mlr_40[data-v-96522fbc]{margin-left:40px;margin-right:40px}.material_right[data-v-96522fbc]{background:#fff;overflow:hidden;padding-bottom:30px}.bj[data-v-96522fbc]{background:#f3f3f3;overflow:hidden;padding-bottom:34px}.page-header[data-v-96522fbc]{justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #f0f2f5}.page-header .header-left[data-v-96522fbc],.page-header[data-v-96522fbc]{display:flex;align-items:center}.page-header .header-left .header-bar[data-v-96522fbc]{width:4px;height:18px;margin-right:12px;border-radius:2px;background:linear-gradient(180deg,#2ea1fe,#096dd9)}.page-header .header-left .header-title[data-v-96522fbc]{font-size:18px;font-weight:600;color:#303133}.page-header .header-left .header-total[data-v-96522fbc]{margin-left:12px;font-size:13px;color:#909399}.course-grid[data-v-96522fbc]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;min-height:200px}.course-grid .course-card[data-v-96522fbc]{background:#fff;border:1px solid #f0f2f5;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-grid .course-card[data-v-96522fbc]:hover{border-color:transparent;transform:translateY(-5px);box-shadow:0 10px 24px rgba(24,144,255,.12)}.course-grid .course-card:hover .cover-mask[data-v-96522fbc]{opacity:1}.course-grid .course-card:hover .cover-img[data-v-96522fbc]{transform:scale(1.05)}.course-grid .course-card .course-cover[data-v-96522fbc]{position:relative;height:150px;overflow:hidden}.course-grid .course-card .course-cover .cover-img[data-v-96522fbc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.course-grid .course-card .course-cover .cover-mask[data-v-96522fbc]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(24,144,255,.75);opacity:0;transition:opacity .3s}.course-grid .course-card .course-cover .cover-mask .view-btn[data-v-96522fbc]{padding:6px 18px;color:#fff;font-size:14px;letter-spacing:2px;border:1.5px solid #fff;border-radius:20px}.course-grid .course-card .course-info[data-v-96522fbc]{padding:14px 16px}.course-grid .course-card .course-info .course-name[data-v-96522fbc]{margin:0;font-size:15px;font-weight:600;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-grid .course-card .course-info .course-meta[data-v-96522fbc]{display:flex;align-items:center;margin:8px 0 0;font-size:13px;color:#909399}.course-grid .course-card .course-info .course-meta i[data-v-96522fbc]{margin-right:5px;color:#1890ff}.course-grid .empty-state[data-v-96522fbc]{grid-column:-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#909399}.course-grid .empty-state i[data-v-96522fbc]{margin-bottom:16px;font-size:56px;color:#dcdfe6}.course-grid .empty-state p[data-v-96522fbc]{margin:0;font-size:14px}