.header[data-v-1aec5949]{position:fixed;top:0;left:0;right:0;height:60px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.05)}.header-content[data-v-1aec5949]{max-width:1440px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.logo[data-v-1aec5949]{display:flex;align-items:center}.logo img[data-v-1aec5949]{height:32px}.user-info[data-v-1aec5949]{color:#333}.user-name[data-v-1aec5949]{cursor:pointer;display:flex;align-items:center;gap:8px;color:#333;transition:all .3s ease}.user-name[data-v-1aec5949]:hover{color:#ff446a}.avatar[data-v-1aec5949]{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.user-name:hover .avatar[data-v-1aec5949]{border-color:#ff446a;transform:scale(1.05)}.name[data-v-1aec5949]{font-size:14px;font-weight:500}.user-name i[data-v-1aec5949]{font-size:12px;margin-left:4px}[data-v-1aec5949] .el-dropdown-menu{border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.1);border:none;padding:8px 0}[data-v-1aec5949] .el-dropdown-menu__item{font-size:14px;padding:8px 16px;color:#333}[data-v-1aec5949] .el-dropdown-menu__item:hover{background-color:rgba(255,68,106,.1);color:#ff446a}@media (max-width:1440px){.header-content[data-v-1aec5949]{padding:0 20px}}.courses-container[data-v-7ab965de]{min-height:100vh;background:#edf1f8;padding-top:60px}.content[data-v-7ab965de]{max-width:1200px;margin:0 auto;padding:40px 20px}.title[data-v-7ab965de]{color:#333;font-size:32px;margin-bottom:40px;font-weight:500}.course-list[data-v-7ab965de]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.course-card[data-v-7ab965de]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.1)}.course-card[data-v-7ab965de]:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.course-image-wrapper[data-v-7ab965de]{padding:16px 16px 0}.course-image[data-v-7ab965de]{position:relative;width:100%;padding-top:100%;border-radius:12px;overflow:hidden}.course-image img[data-v-7ab965de]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-info[data-v-7ab965de]{padding:20px}.course-header[data-v-7ab965de]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.course-header h3[data-v-7ab965de]{color:#333;margin:0;font-size:18px;flex:1;margin-right:12px}.course-info p[data-v-7ab965de]{color:#666;font-size:14px;margin:0 0 20px;line-height:1.5}.course-status[data-v-7ab965de]{display:flex;justify-content:space-between;align-items:center;gap:16px}.progress-wrapper[data-v-7ab965de]{flex:1}.progress-text[data-v-7ab965de]{color:hsla(0,0%,100%,.9);font-size:14px;margin-bottom:8px;display:block}[data-v-7ab965de] .el-progress-bar__outer{background-color:hsla(0,0%,100%,.1)!important}[data-v-7ab965de] .el-tag{border:none;padding:0 8px;height:20px;line-height:20px}[data-v-7ab965de] .el-tag--warning{background-color:rgba(255,190,4,.2);color:#ffbe04}[data-v-7ab965de] .el-tag--success{background-color:rgba(76,165,255,.2);color:#4ca5ff}.el-button--primary[data-v-7ab965de]{background:#ff446a;border-color:#ff446a}.el-button--primary[data-v-7ab965de]:hover{background:#e63d60;border-color:#e63d60}