.my-courses-container[data-v-52c9ef08]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-52c9ef08]{margin-bottom:30px;text-align:center}.header-content[data-v-52c9ef08]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.page-title[data-v-52c9ef08]{font-size:2.5rem;margin:0 0 10px 0;font-weight:600}.page-title i[data-v-52c9ef08]{margin-right:10px}.page-description[data-v-52c9ef08]{font-size:1.1rem;margin:0;opacity:.9}.filter-section[data-v-52c9ef08]{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stats-section[data-v-52c9ef08]{margin-bottom:30px}.stats-grid[data-v-52c9ef08]{display:flex;gap:20px;width:100%}.stat-card[data-v-52c9ef08]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center;transition:all .3s ease;flex:1;min-width:0}.stat-card.clickable[data-v-52c9ef08]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stat-card.clickable[data-v-52c9ef08]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stat-card.clickable[data-v-52c9ef08]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.1)}.stat-card.active[data-v-52c9ef08]{border:2px solid #409eff;box-shadow:0 4px 12px rgba(64,158,255,.2)}.stat-icon[data-v-52c9ef08]{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:24px;color:#fff}.stat-icon.learning[data-v-52c9ef08]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.completed[data-v-52c9ef08]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.total[data-v-52c9ef08]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.favorite[data-v-52c9ef08]{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.stat-icon.progress[data-v-52c9ef08]{background:linear-gradient(135deg,#fa709a,#fee140)}.stat-content[data-v-52c9ef08]{flex:1}.stat-number[data-v-52c9ef08]{font-size:2rem;font-weight:700;color:#333;line-height:1}.stat-label[data-v-52c9ef08]{font-size:.9rem;color:#666;margin-top:5px}.course-grid[data-v-52c9ef08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.course-card[data-v-52c9ef08]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.course-card[data-v-52c9ef08]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.course-cover[data-v-52c9ef08]{position:relative;height:200px;overflow:hidden}.cover-image[data-v-52c9ef08]{width:100%;height:100%}.default-cover[data-v-52c9ef08]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.default-cover[data-v-52c9ef08],.image-slot[data-v-52c9ef08]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.image-slot[data-v-52c9ef08]{background:#f5f5f5;color:#ccc}.course-status[data-v-52c9ef08]{position:absolute;top:10px;right:10px}.course-progress[data-v-52c9ef08]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;display:flex;align-items:center;justify-content:space-between}.progress-bar[data-v-52c9ef08]{flex:1;height:4px;background:hsla(0,0%,100%,.3);border-radius:2px;overflow:hidden;margin-right:10px}.progress-fill[data-v-52c9ef08]{height:100%;background:#4facfe;transition:width .3s ease}.progress-text[data-v-52c9ef08]{color:#fff;font-size:12px;font-weight:700}.course-info[data-v-52c9ef08]{padding:20px}.course-title[data-v-52c9ef08]{font-size:1.2rem;font-weight:600;margin:0 0 10px 0;color:#333;line-height:1.4}.course-description[data-v-52c9ef08]{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 15px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta[data-v-52c9ef08]{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.meta-item[data-v-52c9ef08]{display:flex;align-items:center;color:#666;font-size:.85rem}.meta-item i[data-v-52c9ef08]{margin-right:5px;color:#999}.course-actions[data-v-52c9ef08]{display:flex;gap:10px}.empty-state[data-v-52c9ef08]{text-align:center;padding:60px 20px;grid-column:1/-1}.empty-icon[data-v-52c9ef08]{font-size:80px;color:#ddd;margin-bottom:20px}.empty-state h3[data-v-52c9ef08]{font-size:1.5rem;color:#666;margin:0 0 10px 0}.empty-state p[data-v-52c9ef08]{color:#999;margin:0 0 20px 0}.login-required[data-v-52c9ef08]{grid-column:1/-1;display:flex;justify-content:center;align-items:center;min-height:400px}.login-prompt[data-v-52c9ef08]{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:400px;width:100%}.login-prompt i[data-v-52c9ef08]{font-size:64px;color:#409eff;margin-bottom:20px}.login-prompt h3[data-v-52c9ef08]{font-size:1.5rem;color:#333;margin:0 0 10px 0}.login-prompt p[data-v-52c9ef08]{color:#666;margin:0 0 30px 0;line-height:1.5}.pagination-container[data-v-52c9ef08]{display:flex;justify-content:center;margin-top:30px}@media (max-width:768px){.my-courses-container[data-v-52c9ef08]{padding:10px}.page-title[data-v-52c9ef08]{font-size:2rem}.course-grid[data-v-52c9ef08]{grid-template-columns:1fr}.stats-grid[data-v-52c9ef08]{flex-direction:column;gap:15px}.filter-section .el-col[data-v-52c9ef08]{margin-bottom:10px}.filter-section .el-button[data-v-52c9ef08]{width:100%}}@media (max-width:1200px){.stats-grid[data-v-52c9ef08]{flex-wrap:wrap}.stat-card[data-v-52c9ef08]{flex:0 0 calc(50% - 10px);min-width:200px}}@media (max-width:992px){.stats-grid[data-v-52c9ef08]{flex-wrap:wrap}.stat-card[data-v-52c9ef08]{flex:0 0 calc(50% - 10px);min-width:180px}}