.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}}.home-container[data-v-21f5d51a]{min-height:100vh;background:linear-gradient(135deg,#9d6bff,#6b4adb);position:relative;overflow:hidden;padding-top:80px}.content[data-v-21f5d51a]{position:relative;z-index:1;padding:40px 20px}.page-title[data-v-21f5d51a]{text-align:center;margin-bottom:40px}.page-title h1[data-v-21f5d51a]{color:#fff;font-size:32px;font-weight:500;margin:0 0 10px}.page-title .subtitle[data-v-21f5d51a]{color:hsla(0,0%,100%,.8);font-size:16px;margin:0}.course-list[data-v-21f5d51a]{max-width:1440px;margin:0 auto;padding:40px 20px}.course-grid[data-v-21f5d51a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.course-card[data-v-21f5d51a]{background:hsla(0,0%,100%,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;overflow:hidden;transition:transform .3s}.course-card[data-v-21f5d51a]:hover{transform:translateY(-5px)}.course-image[data-v-21f5d51a]{width:100%;padding-bottom:100%;position:relative;overflow:hidden;background:hsla(0,0%,100%,.05);border-radius:16px 16px 0 0}.image-wrapper[data-v-21f5d51a]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.image-wrapper img[data-v-21f5d51a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.course-info[data-v-21f5d51a]{padding:20px}.course-info h3[data-v-21f5d51a]{color:#fff;margin:0 0 10px;font-size:18px}.course-info p[data-v-21f5d51a]{color:hsla(0,0%,100%,.8);margin:0 0 20px;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-status[data-v-21f5d51a]{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.course-status .el-button[data-v-21f5d51a]{background:#4cd5ff;border-color:#4cd5ff}.course-status .el-button[data-v-21f5d51a]:hover{background:#3cf;border-color:#3cf}.progress-info[data-v-21f5d51a]{margin:16px 0}.progress-bar[data-v-21f5d51a]{display:flex;align-items:center;gap:12px}.progress-label[data-v-21f5d51a]{color:hsla(0,0%,100%,.8);font-size:12px;white-space:nowrap}[data-v-21f5d51a] .el-progress{flex:1;margin:0}[data-v-21f5d51a] .el-progress-bar__outer{background-color:hsla(0,0%,100%,.1)!important}[data-v-21f5d51a] .el-progress-bar__inner{background-color:#4cd5ff!important}.progress-text[data-v-21f5d51a]{color:#4cd5ff;font-size:12px;min-width:36px;text-align:right}.expire-date[data-v-21f5d51a]{color:hsla(0,0%,100%,.6);font-size:12px;margin-top:10px}.animated-bg[data-v-21f5d51a]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}@media (max-width:768px){.course-grid[data-v-21f5d51a]{grid-template-columns:1fr}}