#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background-color:#f5f7fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa}.el-button{border-radius:6px}.el-card{border-radius:8px;border:none;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.el-input__inner{border-radius:6px}.el-table{border-radius:8px;overflow:hidden}.el-table th{background-color:#fafafa;font-weight:600}.el-dialog{border-radius:8px}.el-dropdown-menu{border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.login-container[data-v-2dcd4d6a]{min-height:100vh;display:flex;background:linear-gradient(135deg,#667eea,#764ba2)}.login-left[data-v-2dcd4d6a]{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}.left-content[data-v-2dcd4d6a]{max-width:500px}.brand-logo[data-v-2dcd4d6a]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;backdrop-filter:blur(10px)}.brand-logo i[data-v-2dcd4d6a]{font-size:40px;color:#fff}.brand-title[data-v-2dcd4d6a]{font-size:42px;font-weight:700;margin:0 0 20px 0;line-height:1.2}.brand-desc[data-v-2dcd4d6a]{font-size:18px;margin:0 0 40px 0;opacity:.9}.features[data-v-2dcd4d6a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item[data-v-2dcd4d6a]{display:flex;align-items:center;font-size:16px}.feature-item i[data-v-2dcd4d6a]{width:24px;height:24px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px}.login-right[data-v-2dcd4d6a]{width:500px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:-10px 0 30px rgba(0,0,0,.1)}.login-card[data-v-2dcd4d6a]{width:100%;max-width:420px}.login-header[data-v-2dcd4d6a]{text-align:center;margin-bottom:30px}.login-title[data-v-2dcd4d6a]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px 0}.login-subtitle[data-v-2dcd4d6a]{font-size:14px;color:#999;margin:0}.login-tabs[data-v-2dcd4d6a]{margin-bottom:20px}.login-tabs[data-v-2dcd4d6a] .el-tabs__header{margin-bottom:30px}.login-tabs[data-v-2dcd4d6a] .el-tabs__nav-wrap:after{display:none}.login-tabs[data-v-2dcd4d6a] .el-tabs__active-bar{background-color:#667eea}.login-tabs[data-v-2dcd4d6a] .el-tabs__item{font-size:16px;font-weight:500}.login-tabs[data-v-2dcd4d6a] .el-tabs__item.is-active{color:#667eea}.login-form[data-v-2dcd4d6a]{margin-top:20px}.login-form[data-v-2dcd4d6a] .el-input__inner{border-radius:8px;height:45px;line-height:45px}.login-form[data-v-2dcd4d6a] .el-input-group__append{border-radius:0 8px 8px 0;background:transparent;border-left:none}.code-btn[data-v-2dcd4d6a]{color:#667eea;border:none;padding:0 15px}.remember-row[data-v-2dcd4d6a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.remember-row[data-v-2dcd4d6a] .el-form-item__content{display:flex;align-items:center;justify-content:space-between;width:100%}.forgot-link[data-v-2dcd4d6a]{color:#667eea;text-decoration:none;font-size:14px}.forgot-link[data-v-2dcd4d6a]:hover{text-decoration:underline}.login-btn[data-v-2dcd4d6a]{width:100%;height:45px;font-size:16px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.login-btn[data-v-2dcd4d6a]:hover{opacity:.9}.login-footer[data-v-2dcd4d6a]{text-align:center;margin-top:20px;font-size:14px;color:#666}.register-link[data-v-2dcd4d6a]{color:#667eea;text-decoration:none;font-weight:500;margin-left:8px}.register-link[data-v-2dcd4d6a]:hover{text-decoration:underline}.demo-tip[data-v-2dcd4d6a]{margin-top:30px}.demo-tip[data-v-2dcd4d6a] .el-alert{border-radius:8px;background:#f0f9ff;border:1px solid #b3d8ff}.demo-tip[data-v-2dcd4d6a] .el-alert__title{font-size:13px;color:#409eff}@media (max-width:1024px){.login-left[data-v-2dcd4d6a]{display:none}.login-right[data-v-2dcd4d6a]{width:100%}}@media (max-width:480px){.login-right[data-v-2dcd4d6a]{padding:20px}.login-card[data-v-2dcd4d6a]{padding:0}.login-title[data-v-2dcd4d6a]{font-size:24px}.features[data-v-2dcd4d6a]{grid-template-columns:1fr}}.register-container[data-v-77b2e18e]{min-height:100vh;display:flex;background:linear-gradient(135deg,#667eea,#764ba2)}.register-left[data-v-77b2e18e]{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}.left-content[data-v-77b2e18e]{max-width:500px}.brand-logo[data-v-77b2e18e]{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;backdrop-filter:blur(10px)}.brand-logo i[data-v-77b2e18e]{font-size:40px;color:#fff}.brand-title[data-v-77b2e18e]{font-size:42px;font-weight:700;margin:0 0 20px 0;line-height:1.2}.brand-desc[data-v-77b2e18e]{font-size:18px;margin:0 0 40px 0;opacity:.9}.features[data-v-77b2e18e]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item[data-v-77b2e18e]{display:flex;align-items:center;font-size:16px}.feature-item i[data-v-77b2e18e]{width:24px;height:24px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px}.register-right[data-v-77b2e18e]{width:500px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px;box-shadow:-10px 0 30px rgba(0,0,0,.1);overflow-y:auto}.register-card[data-v-77b2e18e]{width:100%;max-width:420px}.register-header[data-v-77b2e18e]{text-align:center;margin-bottom:30px}.register-title[data-v-77b2e18e]{font-size:28px;font-weight:700;color:#333;margin:0 0 8px 0}.register-subtitle[data-v-77b2e18e]{font-size:14px;color:#999;margin:0}.register-tabs[data-v-77b2e18e]{margin-bottom:20px}.register-tabs[data-v-77b2e18e] .el-tabs__header{margin-bottom:30px}.register-tabs[data-v-77b2e18e] .el-tabs__nav-wrap:after{display:none}.register-tabs[data-v-77b2e18e] .el-tabs__active-bar{background-color:#667eea}.register-tabs[data-v-77b2e18e] .el-tabs__item{font-size:16px;font-weight:500}.register-tabs[data-v-77b2e18e] .el-tabs__item.is-active{color:#667eea}.register-form[data-v-77b2e18e]{margin-top:20px}.register-form[data-v-77b2e18e] .el-input__inner{border-radius:8px;height:45px;line-height:45px}.register-form[data-v-77b2e18e] .el-input-group__append{border-radius:0 8px 8px 0;background:transparent;border-left:none}.code-btn[data-v-77b2e18e]{color:#667eea;border:none;padding:0 15px;white-space:nowrap}.register-form[data-v-77b2e18e] .el-checkbox{font-size:14px}.agreement-link[data-v-77b2e18e]{color:#667eea;text-decoration:none}.agreement-link[data-v-77b2e18e]:hover{text-decoration:underline}.register-btn[data-v-77b2e18e]{width:100%;height:45px;font-size:16px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none}.register-btn[data-v-77b2e18e]:hover{opacity:.9}.register-footer[data-v-77b2e18e]{text-align:center;margin-top:20px;font-size:14px;color:#666}.login-link[data-v-77b2e18e]{color:#667eea;text-decoration:none;font-weight:500;margin-left:8px}.login-link[data-v-77b2e18e]:hover{text-decoration:underline}@media (max-width:1024px){.register-left[data-v-77b2e18e]{display:none}.register-right[data-v-77b2e18e]{width:100%}}@media (max-width:480px){.register-right[data-v-77b2e18e]{padding:20px}.register-card[data-v-77b2e18e]{padding:0}.register-title[data-v-77b2e18e]{font-size:24px}.features[data-v-77b2e18e]{grid-template-columns:1fr}}.course-home[data-v-7d6bafe6]{min-height:100vh;background-color:#f5f7fa}.header[data-v-7d6bafe6]{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:1000}.header-content[data-v-7d6bafe6]{max-width:1400px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-7d6bafe6]{display:flex;align-items:center;gap:12px}.logo-img[data-v-7d6bafe6]{height:36px}.logo-text[data-v-7d6bafe6]{font-size:18px;font-weight:600;color:#303133}.nav-menu[data-v-7d6bafe6]{display:flex;gap:24px;flex:1;margin:0 36px}.nav-item[data-v-7d6bafe6]{color:#606266;text-decoration:none;font-size:14px;transition:color .3s;white-space:nowrap}.nav-item.external-link[data-v-7d6bafe6]{display:inline-flex;align-items:center;gap:4px}.nav-item.external-link i[data-v-7d6bafe6]{font-size:14px}.nav-item[data-v-7d6bafe6]:hover{color:#409eff}.nav-item.active[data-v-7d6bafe6]{color:#409eff;font-weight:500;position:relative}.nav-item.active[data-v-7d6bafe6]:after{content:"";position:absolute;bottom:-18px;left:0;right:0;height:2px;background:#409eff}.header-right[data-v-7d6bafe6]{display:flex;align-items:center;gap:20px}.search-input[data-v-7d6bafe6]{width:240px}.user-info[data-v-7d6bafe6]{display:flex;align-items:center;gap:6px;cursor:pointer;color:#606266;font-size:14px}.user-info[data-v-7d6bafe6]:hover{color:#409eff}.category-bar[data-v-7d6bafe6]{background:#fff;border-bottom:1px solid #ebeef5;padding:12px 0}.category-content[data-v-7d6bafe6]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.category-tag[data-v-7d6bafe6]{cursor:pointer;font-size:13px;padding:6px 16px;border-radius:16px;border:1px solid #dcdfe6;transition:all .3s;background:#fff}.category-tag[data-v-7d6bafe6]:hover{color:#409eff;border-color:#409eff;background:#ecf5ff}.category-tag.is-active[data-v-7d6bafe6]{color:#fff;background:#409eff;border-color:#409eff}.main-content[data-v-7d6bafe6]{max-width:1400px;margin:0 auto;padding:10px}.content-wrapper[data-v-7d6bafe6]{display:flex;gap:24px}.left-section[data-v-7d6bafe6]{flex:1;min-width:0}.right-section[data-v-7d6bafe6]{width:340px;flex-shrink:0}.section-header[data-v-7d6bafe6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title[data-v-7d6bafe6]{font-size:18px;font-weight:600;color:#303133;margin:0 0 16px 0}.pagination-info[data-v-7d6bafe6]{display:flex;align-items:center;gap:12px}.page-text[data-v-7d6bafe6]{font-size:14px;color:#606266;min-width:40px;text-align:center}.learning-progress-section[data-v-7d6bafe6]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.progress-cards[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.progress-card[data-v-7d6bafe6]{border:2px solid #f0f0f0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s}.progress-card[data-v-7d6bafe6]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(64,158,255,.15)}.progress-cover[data-v-7d6bafe6]{position:relative;width:100%;height:140px;background:#f5f7fa}.progress-cover img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.progress-overlay[data-v-7d6bafe6]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.progress-info[data-v-7d6bafe6]{padding:16px}.progress-info h4[data-v-7d6bafe6]{font-size:15px;color:#303133;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-text[data-v-7d6bafe6]{font-size:13px;color:#909399;margin-bottom:12px}.empty-state[data-v-7d6bafe6]{grid-column:1/-1;text-align:center;padding:40px 20px;color:#909399}.empty-state i[data-v-7d6bafe6]{font-size:48px;margin-bottom:12px;display:block}.empty-state p[data-v-7d6bafe6]{margin-bottom:16px}.courses-section[data-v-7d6bafe6]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.course-grid[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.course-card[data-v-7d6bafe6]{background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.06)}.course-card[data-v-7d6bafe6]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.course-cover[data-v-7d6bafe6]{position:relative;width:100%;height:120px;overflow:hidden;background:#f5f7fa}.course-cover img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-tags[data-v-7d6bafe6]{position:absolute;top:6px;left:6px;display:flex;gap:4px}.course-info[data-v-7d6bafe6]{padding:10px}.course-title[data-v-7d6bafe6]{font-size:13px;color:#303133;margin:0 0 8px 0;font-weight:500;line-height:1.4;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-meta[data-v-7d6bafe6]{font-size:11px;color:#909399;margin-bottom:8px;display:flex;gap:10px}.course-meta span[data-v-7d6bafe6]{display:flex;align-items:center;gap:4px}.course-footer[data-v-7d6bafe6]{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #ebeef5}.course-price[data-v-7d6bafe6]{display:flex;align-items:baseline;gap:4px;color:#f56c6c;font-weight:600}.price-label[data-v-7d6bafe6]{font-size:13px;color:#67c23a}.price-symbol[data-v-7d6bafe6]{font-size:11px}.price-number[data-v-7d6bafe6]{font-size:16px}.stats-card[data-v-7d6bafe6]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff;margin-bottom:20px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.card-title[data-v-7d6bafe6]{font-size:16px;font-weight:600;margin:0 0 20px 0;display:flex;align-items:center;gap:8px}.stats-grid[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item[data-v-7d6bafe6]{text-align:center}.stat-value[data-v-7d6bafe6]{font-size:28px;font-weight:700;margin-bottom:4px}.stat-label[data-v-7d6bafe6]{font-size:13px;opacity:.9}.orders-card[data-v-7d6bafe6]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.card-header[data-v-7d6bafe6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.card-header .card-title[data-v-7d6bafe6]{margin:0;color:#303133}.order-list[data-v-7d6bafe6]{display:flex;flex-direction:column;gap:12px}.order-item[data-v-7d6bafe6]{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .3s;border:1px solid #f0f0f0}.order-item[data-v-7d6bafe6]:hover{background:#f5f7fa}.order-cover[data-v-7d6bafe6]{width:70px;height:70px;border-radius:6px;overflow:hidden;background:#f5f7fa;flex-shrink:0}.order-cover img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.order-info[data-v-7d6bafe6]{flex:1;min-width:0}.order-info h4[data-v-7d6bafe6]{font-size:14px;color:#303133;margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-price[data-v-7d6bafe6]{font-size:16px;color:#f56c6c;font-weight:600;margin:4px 0}.order-status[data-v-7d6bafe6]{font-size:12px;padding:2px 8px;border-radius:4px;display:inline-block}.status-paid[data-v-7d6bafe6]{background:#e1f3d8;color:#67c23a}.status-pending[data-v-7d6bafe6]{background:#fef0f0;color:#f56c6c}.empty-orders[data-v-7d6bafe6]{text-align:center;padding:30px 20px;color:#909399}.empty-orders i[data-v-7d6bafe6]{font-size:36px;margin-bottom:8px;display:block}.invite-card[data-v-7d6bafe6]{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;padding:24px;color:#fff;box-shadow:0 4px 12px rgba(240,147,251,.3)}.invite-header[data-v-7d6bafe6]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.invite-header i[data-v-7d6bafe6]{font-size:24px}.invite-header h3[data-v-7d6bafe6]{font-size:18px;margin:0}.invite-desc[data-v-7d6bafe6]{font-size:13px;opacity:.9;margin-bottom:16px}.invite-rewards[data-v-7d6bafe6]{background:hsla(0,0%,100%,.2);border-radius:8px;padding:16px;margin-bottom:16px}.reward-item[data-v-7d6bafe6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reward-item[data-v-7d6bafe6]:last-child{margin-bottom:0}.reward-label[data-v-7d6bafe6]{font-size:13px;opacity:.9}.reward-value[data-v-7d6bafe6]{font-size:16px;font-weight:600}.reward-value.highlight[data-v-7d6bafe6]{font-size:20px;color:#fff200}.profile-wrapper[data-v-7d6bafe6]{max-width:1200px;margin:0 auto}.profile-header[data-v-7d6bafe6]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:40px;display:flex;align-items:center;gap:24px;margin-bottom:24px;color:#fff}.user-avatar[data-v-7d6bafe6]{width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid hsla(0,0%,100%,.3)}.user-avatar img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-basic h2[data-v-7d6bafe6]{font-size:28px;margin:0 0 8px 0}.user-basic p[data-v-7d6bafe6]{font-size:14px;opacity:.9;margin:0}.profile-content[data-v-7d6bafe6]{display:flex;flex-direction:column;gap:24px}.profile-section[data-v-7d6bafe6]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.profile-title[data-v-7d6bafe6]{font-size:18px;font-weight:600;color:#303133;margin:0 0 20px 0;display:flex;align-items:center;gap:8px}.stats-grid-large[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-7d6bafe6]{display:flex;align-items:center;gap:16px;padding:20px;background:#f5f7fa;border-radius:8px;transition:all .3s}.stat-card[data-v-7d6bafe6]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-icon[data-v-7d6bafe6]{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.stat-info[data-v-7d6bafe6]{flex:1}.stat-info .stat-value[data-v-7d6bafe6]{font-size:28px;font-weight:700;color:#303133;margin-bottom:4px}.stat-info .stat-label[data-v-7d6bafe6]{font-size:13px;color:#909399}.my-courses-list[data-v-7d6bafe6]{display:flex;flex-direction:column;gap:16px}.my-course-item[data-v-7d6bafe6]{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;transition:all .3s}.my-course-item[data-v-7d6bafe6]:hover{border-color:#409eff;background:#f5f7fa}.course-cover-small[data-v-7d6bafe6]{position:relative;width:120px;height:80px;border-radius:6px;overflow:hidden;background:#f5f7fa;flex-shrink:0}.course-cover-small img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.progress-badge[data-v-7d6bafe6]{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.course-detail[data-v-7d6bafe6]{flex:1;min-width:0}.course-detail h4[data-v-7d6bafe6]{font-size:16px;color:#303133;margin:0 0 8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-progress-text[data-v-7d6bafe6]{font-size:13px;color:#909399;margin:0 0 8px 0}.orders-table[data-v-7d6bafe6]{margin-top:16px}.order-course[data-v-7d6bafe6]{display:flex;align-items:center;gap:12px}.order-thumb[data-v-7d6bafe6]{width:50px;height:50px;border-radius:4px;-o-object-fit:cover;object-fit:cover}.invite-panel[data-v-7d6bafe6]{padding:20px;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff}.invite-info .invite-desc[data-v-7d6bafe6]{font-size:15px;margin-bottom:24px;opacity:.95}.invite-stats[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.invite-stat-item label[data-v-7d6bafe6]{display:block;font-size:13px;opacity:.9;margin-bottom:8px}.invite-code[data-v-7d6bafe6],.invite-number[data-v-7d6bafe6],.invite-reward[data-v-7d6bafe6]{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.invite-reward[data-v-7d6bafe6]{color:#fff200;font-size:24px}.quick-actions[data-v-7d6bafe6]{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.action-card[data-v-7d6bafe6]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#f5f7fa;border-radius:8px;cursor:pointer;transition:all .3s;border:2px solid transparent}.action-card[data-v-7d6bafe6]:hover{background:#ecf5ff;border-color:#409eff;transform:translateY(-4px);box-shadow:0 4px 12px rgba(64,158,255,.2)}.action-card i[data-v-7d6bafe6]{font-size:32px;color:#409eff;margin-bottom:8px}.action-card span[data-v-7d6bafe6]{font-size:14px;color:#606266;font-weight:500}.course-extra[data-v-7d6bafe6]{display:flex;gap:6px;margin-bottom:8px}.extra-tag[data-v-7d6bafe6]{font-size:11px;color:#909399;display:flex;align-items:center;gap:3px}.extra-tag i[data-v-7d6bafe6]{font-size:12px}.ranking-card[data-v-7d6bafe6]{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.ranking-list[data-v-7d6bafe6]{display:flex;flex-direction:column;gap:12px}.ranking-item[data-v-7d6bafe6]{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid #f0f0f0}.ranking-item[data-v-7d6bafe6]:hover{background:#f5f7fa;border-color:#409eff;transform:translateX(4px)}.rank-number[data-v-7d6bafe6]{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;background:#f0f0f0;color:#606266;flex-shrink:0}.rank-number.rank-1[data-v-7d6bafe6]{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 8px rgba(255,215,0,.4)}.rank-number.rank-2[data-v-7d6bafe6]{background:linear-gradient(135deg,silver,#a9a9a9);color:#fff;box-shadow:0 2px 8px hsla(0,0%,75%,.4)}.rank-number.rank-3[data-v-7d6bafe6]{background:linear-gradient(135deg,#cd7f32,#b8860b);color:#fff;box-shadow:0 2px 8px rgba(205,127,50,.4)}.rank-info[data-v-7d6bafe6]{flex:1;min-width:0}.rank-title[data-v-7d6bafe6]{font-size:14px;color:#303133;margin:0 0 8px 0;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.rank-meta[data-v-7d6bafe6]{font-size:12px;color:#909399;margin-bottom:6px;display:flex;align-items:center;gap:4px}.rank-price[data-v-7d6bafe6]{font-size:14px;color:#f56c6c;font-weight:600}.rank-price.free[data-v-7d6bafe6]{color:#67c23a}.rank-cover[data-v-7d6bafe6]{width:70px;height:70px;border-radius:6px;overflow:hidden;background:#f5f7fa;flex-shrink:0}.rank-cover img[data-v-7d6bafe6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.more-link[data-v-7d6bafe6]{color:#409eff;font-size:14px;text-decoration:none}.more-link[data-v-7d6bafe6]:hover{text-decoration:underline}@media (max-width:1200px){.content-wrapper[data-v-7d6bafe6]{flex-direction:column}.right-section[data-v-7d6bafe6]{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width:768px){.nav-menu[data-v-7d6bafe6]{gap:16px}.header-content[data-v-7d6bafe6]{padding:0 16px}.search-input[data-v-7d6bafe6]{width:180px}.course-grid[data-v-7d6bafe6],.progress-cards[data-v-7d6bafe6]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.category-content[data-v-7d6bafe6]{padding:0 16px}.main-content[data-v-7d6bafe6]{padding:16px}.stats-grid[data-v-7d6bafe6]{grid-template-columns:repeat(4,1fr)}.stats-grid-large[data-v-7d6bafe6]{grid-template-columns:repeat(2,1fr)}.invite-stats[data-v-7d6bafe6]{grid-template-columns:1fr}.profile-header[data-v-7d6bafe6]{padding:24px}.quick-actions[data-v-7d6bafe6]{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.course-grid[data-v-7d6bafe6],.progress-cards[data-v-7d6bafe6]{grid-template-columns:1fr}.header-right[data-v-7d6bafe6]{gap:12px}.search-input[data-v-7d6bafe6]{width:140px}.stats-grid-large[data-v-7d6bafe6],.stats-grid[data-v-7d6bafe6]{grid-template-columns:repeat(2,1fr)}.right-section[data-v-7d6bafe6]{grid-template-columns:1fr}.profile-header[data-v-7d6bafe6]{flex-direction:column;text-align:center;padding:20px}.my-course-item[data-v-7d6bafe6]{flex-direction:column;align-items:flex-start}.course-cover-small[data-v-7d6bafe6]{width:100%}.quick-actions[data-v-7d6bafe6]{grid-template-columns:repeat(2,1fr)}}.main-layout[data-v-6b4390f8]{display:flex;height:100vh;background-color:#f5f7fa}.sidebar[data-v-6b4390f8]{width:280px;background:#fff;border-right:1px solid #e4e7ed;display:flex;flex-direction:column;transition:width .3s ease;box-shadow:2px 0 8px rgba(0,0,0,.1)}.sidebar.collapsed[data-v-6b4390f8]{width:60px}.sidebar-header[data-v-6b4390f8]{padding:16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between}.app-brand[data-v-6b4390f8]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#409eff}.brand-text[data-v-6b4390f8]{transition:opacity .3s ease}.collapse-btn[data-v-6b4390f8]{color:#909399;padding:4px}.user-summary[data-v-6b4390f8]{padding:16px;border-bottom:1px solid #f0f0f0}.user-info[data-v-6b4390f8]{display:flex;align-items:center;gap:12px}.user-details[data-v-6b4390f8]{flex:1}.username[data-v-6b4390f8]{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px}.user-level[data-v-6b4390f8]{font-size:12px}.stages-section[data-v-6b4390f8]{flex:1;overflow-y:auto;padding:16px 0}.section-title[data-v-6b4390f8]{padding:0 16px 12px;font-size:14px;font-weight:600;color:#606266;display:flex;align-items:center;gap:6px}.stages-list[data-v-6b4390f8]{padding:0 8px}.stage-item[data-v-6b4390f8]{display:flex;align-items:center;padding:12px 8px;margin:4px 0;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;min-height:60px}.stage-item[data-v-6b4390f8]:hover{background-color:#f5f7fa}.stage-item.active[data-v-6b4390f8]{background-color:#ecf5ff;border-left:3px solid #409eff}.stage-item.completed[data-v-6b4390f8]{background-color:#f0f9ff}.stage-item.locked[data-v-6b4390f8]{opacity:.5;cursor:not-allowed}.stage-icon[data-v-6b4390f8]{position:relative;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:linear-gradient(135deg,#409eff,#409eff);margin-right:12px}.stage-item.completed .stage-icon[data-v-6b4390f8]{background:linear-gradient(135deg,#67c23a,#85ce61)}.stage-item.locked .stage-icon[data-v-6b4390f8]{background:#c0c4cc}.stage-progress[data-v-6b4390f8]{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:hsla(0,0%,100%,.3);border-radius:1px}.progress-bar[data-v-6b4390f8]{height:100%;background:hsla(0,0%,100%,.8);border-radius:1px;transition:width .3s ease}.stage-content[data-v-6b4390f8]{flex:1;min-width:0}.stage-name[data-v-6b4390f8]{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px}.stage-meta[data-v-6b4390f8]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.word-count[data-v-6b4390f8]{font-size:12px;color:#909399}.difficulty[data-v-6b4390f8]{font-size:12px;padding:2px 6px;border-radius:10px;color:#fff}.difficulty.easy[data-v-6b4390f8]{background:#67c23a}.difficulty.medium[data-v-6b4390f8]{background:#e6a23c}.difficulty.hard[data-v-6b4390f8]{background:#f56c6c}.difficulty.expert[data-v-6b4390f8]{background:#909399}.stage-stats[data-v-6b4390f8]{display:flex;justify-content:space-between;font-size:12px;color:#606266}.percentage[data-v-6b4390f8]{font-weight:500;color:#409eff}.lock-overlay[data-v-6b4390f8]{position:absolute;top:8px;right:8px;color:#c0c4cc;font-size:14px}.completion-badge[data-v-6b4390f8]{position:absolute;top:8px;right:8px;color:#67c23a;font-size:14px}.sidebar-footer[data-v-6b4390f8]{padding:16px;border-top:1px solid #f0f0f0;background-color:#fafbfc}.daily-stats[data-v-6b4390f8]{display:flex;justify-content:space-between}.stat-item[data-v-6b4390f8]{text-align:center}.stat-label[data-v-6b4390f8]{display:block;font-size:12px;color:#909399;margin-bottom:2px}.stat-value[data-v-6b4390f8]{font-size:14px;font-weight:600;color:#409eff}.main-content[data-v-6b4390f8]{flex:1;display:flex;flex-direction:column;transition:all .3s ease}.main-content.expanded[data-v-6b4390f8]{margin-left:0}.content-header[data-v-6b4390f8]{background:#fff;padding:16px 24px;border-bottom:1px solid #e4e7ed;display:flex;align-items:center;justify-content:space-between}.breadcrumb[data-v-6b4390f8]{display:flex;align-items:center}.current-stage[data-v-6b4390f8]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#303133}.header-actions[data-v-6b4390f8]{display:flex;align-items:center;gap:16px}.content-body[data-v-6b4390f8]{flex:1;padding:24px;overflow-y:auto}@media (max-width:768px){.sidebar[data-v-6b4390f8]{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translateX(-100%)}.sidebar.collapsed[data-v-6b4390f8]{transform:translateX(0);width:280px}.main-content[data-v-6b4390f8]{margin-left:0}}.stages-section[data-v-6b4390f8]::-webkit-scrollbar{width:4px}.stages-section[data-v-6b4390f8]::-webkit-scrollbar-track{background:#f1f1f1}.stages-section[data-v-6b4390f8]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.stages-section[data-v-6b4390f8]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-v-b8303a78] .word-review-dialog{border-radius:12px}[data-v-b8303a78] .word-review-dialog .el-dialog__header{padding:0;border-bottom:1px solid #ebeef5}[data-v-b8303a78] .word-review-dialog .el-dialog__body{padding:24px;min-height:400px}.dialog-header[data-v-b8303a78]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.header-info[data-v-b8303a78]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600}.header-info i[data-v-b8303a78]{font-size:20px}.header-controls[data-v-b8303a78]{display:flex;gap:8px}.learning-progress[data-v-b8303a78]{margin-bottom:24px}.progress-info[data-v-b8303a78]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#606266}.accuracy[data-v-b8303a78]{color:#67c23a;font-weight:600}.start-content[data-v-b8303a78]{text-align:center}.stage-info[data-v-b8303a78]{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px}.stage-header[data-v-b8303a78]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.stage-header i[data-v-b8303a78]{font-size:24px;color:#409eff}.stage-header h3[data-v-b8303a78]{margin:0;font-size:20px;color:#303133}.review-summary[data-v-b8303a78]{display:flex;justify-content:center;gap:40px;margin-bottom:32px}.summary-item[data-v-b8303a78]{display:flex;align-items:center;gap:12px}.item-icon[data-v-b8303a78]{width:50px;height:50px;border-radius:50%;background:#409eff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.item-icon.warning[data-v-b8303a78]{background:#e6a23c}.item-content .number[data-v-b8303a78]{font-size:24px;font-weight:700;color:#303133}.item-content .label[data-v-b8303a78]{font-size:14px;color:#909399}.start-tips[data-v-b8303a78]{background:#f0f9ff;border:1px solid #d1ecf1;border-radius:8px;padding:20px;margin-bottom:32px;text-align:left}.start-tips h4[data-v-b8303a78]{margin:0 0 12px 0;color:#0c5460;display:flex;align-items:center;gap:8px}.start-tips ul[data-v-b8303a78]{margin:0;padding-left:20px;color:#495057}.start-tips li[data-v-b8303a78]{margin-bottom:8px}.start-actions[data-v-b8303a78]{margin-top:24px}.learning-content[data-v-b8303a78]{text-align:center}.word-display-area[data-v-b8303a78]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:40px;margin-bottom:24px;color:#fff}.word-main .word-text[data-v-b8303a78]{font-size:48px;font-weight:700;margin:0 0 16px 0;letter-spacing:2px}.word-phonetic[data-v-b8303a78]{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.phonetic-item[data-v-b8303a78]{display:flex;align-items:center;gap:8px;font-size:16px}.phonetic-item label[data-v-b8303a78]{font-weight:600}.word-controls[data-v-b8303a78]{display:flex;justify-content:center;gap:12px}.meaning-area[data-v-b8303a78]{background:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:24px;text-align:left}.meaning-content h4[data-v-b8303a78],.meaning-content h5[data-v-b8303a78]{color:#303133;margin:0 0 8px 0}.meaning-text[data-v-b8303a78]{font-size:18px;color:#606266;margin:0 0 20px 0;font-weight:600}.example-sentence[data-v-b8303a78]{border-top:1px solid #ebeef5;padding-top:16px}.sentence-en[data-v-b8303a78]{font-style:italic;color:#409eff;margin:0 0 8px 0}.sentence-cn[data-v-b8303a78]{color:#909399;margin:0}.answer-buttons[data-v-b8303a78]{display:flex;justify-content:center;gap:20px}.complete-content[data-v-b8303a78]{text-align:center}.complete-icon[data-v-b8303a78]{font-size:80px;color:#67c23a;margin-bottom:20px}.complete-content h3[data-v-b8303a78]{font-size:24px;color:#303133;margin:0 0 32px 0}.complete-stats[data-v-b8303a78]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:32px}.stat-item[data-v-b8303a78]{background:#f8f9fa;border-radius:8px;padding:20px}.stat-number[data-v-b8303a78]{font-size:28px;font-weight:700;color:#409eff}.stat-label[data-v-b8303a78]{font-size:14px;color:#909399;margin-top:4px}.complete-actions[data-v-b8303a78]{display:flex;justify-content:center;gap:16px}@media (max-width:768px){.word-display-area[data-v-b8303a78]{padding:24px}.word-main .word-text[data-v-b8303a78]{font-size:36px}.word-phonetic[data-v-b8303a78]{flex-direction:column;gap:12px}.review-summary[data-v-b8303a78]{gap:20px}.answer-buttons[data-v-b8303a78],.review-summary[data-v-b8303a78]{flex-direction:column;align-items:center}.complete-stats[data-v-b8303a78]{grid-template-columns:repeat(2,1fr)}}.home-content[data-v-4fdd846e]{max-width:1000px;margin:0 auto}.learning-center[data-v-4fdd846e]{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.center-title[data-v-4fdd846e]{font-size:28px;font-weight:600;color:#2c3e50;margin-bottom:8px;display:flex;align-items:center;gap:12px}.center-title i[data-v-4fdd846e]{color:#f39c12}.center-subtitle[data-v-4fdd846e]{color:#7f8c8d;font-size:16px;margin-bottom:32px}.current-stage-info[data-v-4fdd846e]{margin-bottom:32px}.stage-card[data-v-4fdd846e]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff}.stage-header[data-v-4fdd846e]{display:flex;align-items:center;margin-bottom:24px}.stage-icon[data-v-4fdd846e]{width:60px;height:60px;background:hsla(0,0%,100%,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:20px}.stage-details h3[data-v-4fdd846e]{font-size:20px;margin-bottom:8px}.stage-details p[data-v-4fdd846e]{opacity:.9;font-size:14px}.stage-progress[data-v-4fdd846e]{background:hsla(0,0%,100%,.1);border-radius:8px;padding:16px}.progress-info[data-v-4fdd846e]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.progress-stats[data-v-4fdd846e]{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:14px}.percentage[data-v-4fdd846e]{font-size:18px;font-weight:600}.remaining[data-v-4fdd846e]{opacity:.8}.learning-modes[data-v-4fdd846e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.mode-card[data-v-4fdd846e]{background:#fff;border:2px solid #f0f0f0;border-radius:12px;padding:24px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:20px}.mode-card[data-v-4fdd846e]:hover{border-color:#409eff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(64,158,255,.15)}.mode-card.disabled[data-v-4fdd846e]{opacity:.6;cursor:not-allowed}.mode-card.disabled[data-v-4fdd846e]:hover{transform:none;border-color:#f0f0f0;box-shadow:none}.mode-icon[data-v-4fdd846e]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.mode-icon.review[data-v-4fdd846e]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.mode-icon.learn[data-v-4fdd846e]{background:linear-gradient(135deg,#27ae60,#229954)}.mode-icon.stats[data-v-4fdd846e]{background:linear-gradient(135deg,#3498db,#2980b9)}.mode-info[data-v-4fdd846e]{flex:1}.mode-info h4[data-v-4fdd846e]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:8px}.mode-info p[data-v-4fdd846e]{color:#7f8c8d;font-size:14px;margin-bottom:12px}.mode-stats[data-v-4fdd846e]{display:flex;align-items:center;gap:12px;font-size:13px}.word-count[data-v-4fdd846e]{color:#606266}.accuracy[data-v-4fdd846e]{color:#27ae60;font-weight:500}.mode-action[data-v-4fdd846e]{flex-shrink:0}.today-summary[data-v-4fdd846e]{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.summary-title[data-v-4fdd846e]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:8px}.summary-title i[data-v-4fdd846e]{color:#3498db}.summary-grid[data-v-4fdd846e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.summary-item[data-v-4fdd846e]{display:flex;align-items:center;gap:16px;padding:16px;background:#f8f9fa;border-radius:8px}.item-icon[data-v-4fdd846e]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.item-icon.reviewed[data-v-4fdd846e]{background:#3498db}.item-icon.new[data-v-4fdd846e]{background:#27ae60}.item-icon.time[data-v-4fdd846e]{background:#e67e22}.item-icon.coins[data-v-4fdd846e]{background:#f39c12}.item-data[data-v-4fdd846e]{flex:1}.data-number[data-v-4fdd846e]{font-size:20px;font-weight:600;color:#2c3e50;line-height:1}.data-label[data-v-4fdd846e]{font-size:12px;color:#7f8c8d;margin-top:4px}.study-tips[data-v-4fdd846e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.tips-title[data-v-4fdd846e]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:8px}.tips-title i[data-v-4fdd846e]{color:#f39c12}.tips-list[data-v-4fdd846e]{display:flex;flex-direction:column;gap:12px}.tip-item[data-v-4fdd846e]{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;font-size:14px;line-height:1.5}.tip-item.primary[data-v-4fdd846e]{background:#ecf5ff;color:#409eff}.tip-item.success[data-v-4fdd846e]{background:#f0f9ff;color:#67c23a}.tip-item.warning[data-v-4fdd846e]{background:#fdf6ec;color:#e6a23c}.tip-item.info[data-v-4fdd846e]{background:#f4f4f5;color:#909399}.tip-item i[data-v-4fdd846e]{font-size:16px;flex-shrink:0}@media (max-width:768px){.learning-center[data-v-4fdd846e]{padding:20px}.center-title[data-v-4fdd846e]{font-size:24px}.learning-modes[data-v-4fdd846e]{grid-template-columns:1fr}.mode-card[data-v-4fdd846e]{padding:20px}.summary-grid[data-v-4fdd846e]{grid-template-columns:repeat(2,1fr)}.stage-header[data-v-4fdd846e]{flex-direction:column;text-align:center}.stage-icon[data-v-4fdd846e]{margin-right:0;margin-bottom:16px}}@media (max-width:480px){.home-content[data-v-4fdd846e]{padding:0 8px}.learning-center[data-v-4fdd846e],.study-tips[data-v-4fdd846e],.today-summary[data-v-4fdd846e]{padding:16px}.summary-grid[data-v-4fdd846e]{grid-template-columns:1fr}.mode-card[data-v-4fdd846e]{flex-direction:column;text-align:center;gap:16px}}.progress-container[data-v-d983f68a]{max-width:700px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.reward-box[data-v-d983f68a],.stats-box[data-v-d983f68a]{background:#f8f8f8;padding:15px;margin-bottom:15px;border-radius:4px}.current-learned[data-v-d983f68a],.unfinished[data-v-d983f68a]{color:green;font-weight:700}.coin-icon[data-v-d983f68a]{width:20px;vertical-align:middle;margin-left:2px}.continue-btn[data-v-d983f68a]{background:green;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;margin-bottom:20px}.extra-info[data-v-d983f68a]{color:#666;line-height:1.6}.word-review-container[data-v-1e797b66]{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;box-sizing:border-box;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-controls[data-v-1e797b66]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.mode-indicator[data-v-1e797b66]{background:hsla(0,0%,100%,.9);padding:8px 16px;border-radius:20px;font-weight:700;color:#333;display:flex;align-items:center;gap:8px}.close-btn[data-v-1e797b66],.music-btn[data-v-1e797b66]{background:hsla(0,0%,100%,.8);border:none;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .3s;color:#333;font-size:14px}.music-btn.active[data-v-1e797b66]{background:#4caf50;color:#fff}.close-btn[data-v-1e797b66]:hover,.music-btn[data-v-1e797b66]:hover{background:#fff;transform:translateY(-2px)}.start-page[data-v-1e797b66]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;color:#fff}.tip-box[data-v-1e797b66]{background:hsla(0,0%,100%,.95);padding:30px;border-radius:15px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#333;max-width:500px}.main-tip[data-v-1e797b66]{font-size:18px;margin-bottom:10px;color:#2c3e50}.sub-tip[data-v-1e797b66]{color:#7f8c8d;font-style:italic}.start-btn[data-v-1e797b66]{padding:15px 40px;font-size:18px;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px rgba(76,175,80,.3)}.start-btn[data-v-1e797b66]:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(76,175,80,.4)}.learning-page[data-v-1e797b66]{max-width:700px;margin:0 auto;background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;box-shadow:0 15px 35px rgba(0,0,0,.1)}.word-info[data-v-1e797b66]{margin-bottom:30px}.word-display[data-v-1e797b66]{font-size:48px;margin-bottom:15px;color:#2c3e50;font-weight:700}.phonetic[data-v-1e797b66]{margin-top:15px;color:#7f8c8d;font-size:16px;display:flex;align-items:center;justify-content:center;gap:20px}.pronounce-btn[data-v-1e797b66]{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:5px}.pronounce-btn[data-v-1e797b66]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(52,152,219,.3)}.meaning-box[data-v-1e797b66]{background:#f8f9fa;padding:40px;margin:30px 0;border-radius:15px;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid #e9ecef}.question-mark[data-v-1e797b66]{font-size:72px;color:#adb5bd;animation:pulse-1e797b66 2s infinite}@keyframes pulse-1e797b66{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.meaning[data-v-1e797b66]{color:#2c3e50;font-weight:500;line-height:1.4}.btn-group[data-v-1e797b66]{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}.btn[data-v-1e797b66]{padding:12px 24px;border:none;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.next-btn[data-v-1e797b66]{background:linear-gradient(45deg,#6c757d,#5a6268);color:#fff}.remember-btn[data-v-1e797b66]{background:linear-gradient(45deg,#28a745,#218838);color:#fff}.forget-btn[data-v-1e797b66]{background:linear-gradient(45deg,#fd7e14,#e8650e);color:#fff}.correct-btn[data-v-1e797b66]{background:linear-gradient(45deg,#28a745,#218838);color:#fff}.incorrect-btn[data-v-1e797b66]{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff}.btn[data-v-1e797b66]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.progress-bar[data-v-1e797b66]{width:100%;height:8px;background:#e9ecef;border-radius:4px;margin:20px 0 10px;overflow:hidden}.progress-fill[data-v-1e797b66]{height:100%;background:linear-gradient(45deg,#28a745,#20c997);transition:width .5s ease;border-radius:4px}.progress-text[data-v-1e797b66]{font-size:14px;color:#6c757d;margin-bottom:20px}.sound-spelling-mode[data-v-1e797b66]{min-height:500px}.spelling-mode-selection[data-v-1e797b66]{display:flex;align-items:center;justify-content:center;min-height:400px}.selection-content[data-v-1e797b66]{text-align:center;max-width:500px}.selection-title[data-v-1e797b66]{font-size:22px;margin-bottom:15px;color:#2c3e50}.highlight[data-v-1e797b66]{color:#e74c3c;font-weight:700}.selection-tip[data-v-1e797b66]{color:#7f8c8d;font-style:italic;margin-bottom:30px}.mode-buttons[data-v-1e797b66]{display:flex;gap:20px;justify-content:center}.mode-btn[data-v-1e797b66]{background:#fff;border:2px solid #3498db;padding:20px 30px;border-radius:15px;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:10px;color:#3498db;font-size:16px;font-weight:500}.mode-btn[data-v-1e797b66]:hover{background:#3498db;color:#fff;transform:translateY(-5px);box-shadow:0 10px 25px rgba(52,152,219,.3)}.mode-btn i[data-v-1e797b66]{font-size:24px}.spelling-practice[data-v-1e797b66]{min-height:400px}.spelling-controls[data-v-1e797b66]{margin-bottom:30px}.meaning-toggle[data-v-1e797b66]{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s}.meaning-toggle.active[data-v-1e797b66]{background:#28a745}.meaning-display[data-v-1e797b66]{background:#e3f2fd;padding:15px;margin-top:10px;border-radius:10px;color:#1976d2;font-size:18px;font-weight:500}.spelling-interface[data-v-1e797b66]{display:flex;flex-direction:column;align-items:center;gap:20px}.play-btn[data-v-1e797b66]{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:18px;display:flex;align-items:center;gap:10px;transition:all .3s}.play-btn[data-v-1e797b66]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(33,150,243,.3)}.input-section[data-v-1e797b66]{width:100%;max-width:400px}.spelling-input[data-v-1e797b66]{width:100%;padding:15px 20px;font-size:18px;border:2px solid #dee2e6;border-radius:25px;text-align:center;outline:none;transition:all .3s}.spelling-input[data-v-1e797b66]:focus{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.spelling-input.correct[data-v-1e797b66]{border-color:#28a745;background:#d4edda}.spelling-input.incorrect[data-v-1e797b66]{border-color:#dc3545;background:#f8d7da}.answer-display[data-v-1e797b66]{padding:20px;border-radius:15px;margin-top:20px;text-align:center}.answer-display.correct[data-v-1e797b66]{background:#d4edda;border:2px solid #28a745}.answer-display.incorrect[data-v-1e797b66]{background:#f8d7da;border:2px solid #dc3545}.answer-word[data-v-1e797b66]{font-size:24px;font-weight:700;margin-bottom:10px}.answer-meaning[data-v-1e797b66]{font-size:16px;color:#6c757d}.complete-page[data-v-1e797b66]{display:flex;align-items:center;justify-content:center;min-height:70vh;color:#fff}.complete-content[data-v-1e797b66]{background:hsla(0,0%,100%,.95);padding:40px;border-radius:20px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.2);color:#2c3e50}.complete-icon[data-v-1e797b66]{font-size:72px;color:gold;margin-bottom:20px}.complete-title[data-v-1e797b66]{font-size:28px;margin-bottom:30px;color:#2c3e50}.complete-stats[data-v-1e797b66]{display:flex;justify-content:space-around;margin-bottom:30px;gap:20px}.home-btn[data-v-1e797b66]{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:25px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:10px;margin:0 auto;transition:all .3s}.home-btn[data-v-1e797b66]:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(102,126,234,.3)}.stats-footer[data-v-1e797b66]{margin-top:30px;display:flex;justify-content:center;gap:30px;padding:20px;background:hsla(0,0%,100%,.9);border-radius:15px;font-size:14px}.stat-item[data-v-1e797b66]{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-label[data-v-1e797b66]{color:#6c757d;font-size:12px}.stat-value[data-v-1e797b66]{font-weight:700;color:#2c3e50;font-size:16px}@media (max-width:768px){.word-review-container[data-v-1e797b66]{padding:15px}.learning-page[data-v-1e797b66]{padding:20px}.word-display[data-v-1e797b66]{font-size:36px}.btn-group[data-v-1e797b66]{flex-direction:column;align-items:center}.btn[data-v-1e797b66]{width:100%;max-width:200px}.complete-stats[data-v-1e797b66],.stats-footer[data-v-1e797b66]{flex-direction:column;gap:15px}}audio[data-v-1e797b66]{display:none}.word-library-container[data-v-8ad96cc2]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 40px)}.library-header[data-v-8ad96cc2]{background:#fff;padding:24px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.page-title[data-v-8ad96cc2]{margin:0 0 12px 0;font-size:24px;color:#333;display:flex;align-items:center;gap:8px}.header-actions[data-v-8ad96cc2],.library-stats[data-v-8ad96cc2]{display:flex;gap:12px}.search-filters[data-v-8ad96cc2]{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.filters[data-v-8ad96cc2]{display:flex;gap:12px}.word-list[data-v-8ad96cc2]{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:20px}.word-text[data-v-8ad96cc2]{cursor:pointer;color:#409eff;display:flex;align-items:center;gap:4px}.word-text[data-v-8ad96cc2]:hover{text-decoration:underline}.pronunciation-icon[data-v-8ad96cc2]{opacity:.6}.phonetic-container[data-v-8ad96cc2]{display:flex;flex-direction:column;gap:2px}.phonetic-item[data-v-8ad96cc2]{font-size:12px;color:#666}.meaning-text[data-v-8ad96cc2]{line-height:1.4}.stage-text[data-v-8ad96cc2]{text-align:center;font-size:12px;color:#666;margin-top:2px}.pagination-container[data-v-8ad96cc2]{display:flex;justify-content:center;margin-bottom:20px}.batch-operations[data-v-8ad96cc2]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);display:flex;align-items:center;gap:16px;z-index:1000}.batch-info[data-v-8ad96cc2]{font-size:14px;color:#666}.batch-actions[data-v-8ad96cc2]{display:flex;gap:8px}.import-content[data-v-8ad96cc2]{margin-bottom:20px}.import-tips[data-v-8ad96cc2]{margin-bottom:20px;padding:16px;background:#f4f4f5;border-radius:4px}.import-tips h4[data-v-8ad96cc2]{margin:0 0 8px 0;color:#333}.import-tips ul[data-v-8ad96cc2]{margin:0;padding-left:20px;color:#666;font-size:14px}.import-tips li[data-v-8ad96cc2]{margin-bottom:4px}@media (max-width:768px){.library-header[data-v-8ad96cc2]{flex-direction:column;align-items:stretch;gap:16px}.header-actions[data-v-8ad96cc2]{justify-content:center}.search-filters[data-v-8ad96cc2]{flex-direction:column;gap:16px}.filters[data-v-8ad96cc2]{justify-content:center;flex-wrap:wrap}.batch-operations[data-v-8ad96cc2]{position:relative;left:auto;bottom:auto;transform:none;margin-top:20px}}.learn-words-container[data-v-21fd9dfb]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.page-header[data-v-21fd9dfb]{margin-bottom:24px}.header-content[data-v-21fd9dfb]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.back-btn[data-v-21fd9dfb]{font-size:16px;color:#409eff}.page-title[data-v-21fd9dfb]{font-size:24px;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.header-stats[data-v-21fd9dfb]{display:flex;gap:12px}.learning-settings[data-v-21fd9dfb]{max-width:600px;margin:0 auto}.settings-card[data-v-21fd9dfb]{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.card-header[data-v-21fd9dfb]{font-size:18px;font-weight:600;color:#333}.settings-actions[data-v-21fd9dfb]{text-align:center;margin-top:24px}.learning-interface[data-v-21fd9dfb]{max-width:800px;margin:0 auto}.progress-section[data-v-21fd9dfb]{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.progress-info[data-v-21fd9dfb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-text[data-v-21fd9dfb]{font-size:16px;font-weight:600;color:#333}.progress-percentage[data-v-21fd9dfb]{font-size:14px;color:#67c23a;font-weight:600}.word-card[data-v-21fd9dfb]{background:#fff;border-radius:16px;padding:40px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);text-align:center}.word-main[data-v-21fd9dfb]{margin-bottom:32px}.word-text[data-v-21fd9dfb]{font-size:48px;font-weight:700;color:#333;margin:0 0 16px 0;letter-spacing:2px}.word-phonetic[data-v-21fd9dfb]{display:flex;justify-content:center;align-items:center;gap:20px;color:#666;font-size:16px}.phonetic-item[data-v-21fd9dfb]{font-family:Courier New,monospace}.play-btn[data-v-21fd9dfb]{color:#409eff;font-size:16px}.word-meaning[data-v-21fd9dfb]{text-align:left;background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px}.word-meaning h3[data-v-21fd9dfb]{color:#333;margin:0 0 16px 0;font-size:18px}.main-meaning[data-v-21fd9dfb]{font-size:16px;line-height:1.6;color:#333;margin:0 0 16px 0}.example[data-v-21fd9dfb]{border-left:4px solid #409eff;padding-left:16px}.example-en[data-v-21fd9dfb]{font-style:italic;color:#666;margin:0 0 8px 0}.example-zh[data-v-21fd9dfb]{color:#999;font-size:14px;margin:0}.word-actions[data-v-21fd9dfb]{margin-top:32px}.action-buttons[data-v-21fd9dfb]{display:flex;justify-content:center;gap:16px}.action-buttons .el-button[data-v-21fd9dfb]{min-width:120px;height:48px;font-size:16px}.learning-stats[data-v-21fd9dfb]{display:flex;justify-content:center;gap:32px;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.stat-item[data-v-21fd9dfb]{text-align:center}.stat-label[data-v-21fd9dfb]{display:block;font-size:14px;color:#666;margin-bottom:4px}.stat-value[data-v-21fd9dfb]{font-size:24px;font-weight:600;color:#333}.stat-value.known[data-v-21fd9dfb]{color:#67c23a}.stat-value.unknown[data-v-21fd9dfb]{color:#e6a23c}.stat-value.skipped[data-v-21fd9dfb]{color:#909399}.learning-results[data-v-21fd9dfb]{max-width:800px;margin:0 auto}.results-card[data-v-21fd9dfb]{border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.completion-message[data-v-21fd9dfb]{text-align:center;margin-bottom:32px}.completion-icon[data-v-21fd9dfb]{font-size:64px;color:#67c23a;margin-bottom:16px}.completion-message h2[data-v-21fd9dfb]{color:#333;margin:0 0 8px 0}.completion-message p[data-v-21fd9dfb]{color:#666;font-size:16px;margin:0}.results-stats[data-v-21fd9dfb]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card[data-v-21fd9dfb]{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center}.stat-number[data-v-21fd9dfb]{font-size:32px;font-weight:700;color:#409eff;margin-bottom:8px}.stat-desc[data-v-21fd9dfb]{font-size:14px;color:#666}.results-actions[data-v-21fd9dfb]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media (max-width:768px){.learn-words-container[data-v-21fd9dfb]{padding:16px}.header-content[data-v-21fd9dfb]{flex-direction:column;gap:16px;text-align:center}.word-card[data-v-21fd9dfb]{padding:24px}.word-text[data-v-21fd9dfb]{font-size:36px}.word-phonetic[data-v-21fd9dfb]{flex-direction:column;gap:8px}.action-buttons[data-v-21fd9dfb]{flex-direction:column;align-items:center}.learning-stats[data-v-21fd9dfb]{gap:16px}.learning-stats[data-v-21fd9dfb],.results-stats[data-v-21fd9dfb]{grid-template-columns:repeat(2,1fr)}.results-actions[data-v-21fd9dfb]{flex-direction:column;align-items:center}}.course-detail-page[data-v-4d79ca7e]{min-height:100vh;background:#f5f7fa}.header[data-v-4d79ca7e]{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:100}.header-content[data-v-4d79ca7e]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:64px}.logo[data-v-4d79ca7e]{display:flex;align-items:center;gap:12px;cursor:pointer}.logo-img[data-v-4d79ca7e]{height:40px;width:auto}.logo-text[data-v-4d79ca7e]{font-size:24px;font-weight:700;color:#409eff}.nav-menu[data-v-4d79ca7e]{display:flex;gap:40px;margin-left:60px}.nav-item[data-v-4d79ca7e]{position:relative;padding:20px 0;font-size:15px;color:#606266;text-decoration:none;transition:color .3s;white-space:nowrap}.nav-item[data-v-4d79ca7e]:hover{color:#409eff}.nav-item.active[data-v-4d79ca7e]{color:#409eff;font-weight:500}.nav-item.active[data-v-4d79ca7e]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#409eff}.external-link[data-v-4d79ca7e]{display:flex;align-items:center;gap:4px}.header-right[data-v-4d79ca7e]{display:flex;align-items:center;gap:16px}.search-input[data-v-4d79ca7e]{width:240px}.user-info[data-v-4d79ca7e]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f7fa;border-radius:20px;cursor:pointer;transition:all .3s;font-size:14px;color:#606266}.user-info[data-v-4d79ca7e]:hover{background:#ecf5ff;color:#409eff}.user-info i[data-v-4d79ca7e]{font-size:16px}.category-bar[data-v-4d79ca7e]{position:fixed;top:64px;left:0;right:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);z-index:50;padding:12px 0}.category-content[data-v-4d79ca7e]{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;gap:8px;overflow-x:auto}.category-content[data-v-4d79ca7e]::-webkit-scrollbar{height:4px}.category-content[data-v-4d79ca7e]::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:2px}.category-tag[data-v-4d79ca7e]{padding:8px 20px;background:#f5f7fa;border-radius:20px;font-size:14px;color:#606266;cursor:pointer;transition:all .3s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-tag[data-v-4d79ca7e]:hover{background:#ecf5ff;color:#409eff}.category-tag.is-active[data-v-4d79ca7e]{background:#409eff;color:#fff}.main-content-wrapper[data-v-4d79ca7e]{max-width:1400px;margin:0 auto;padding:140px 20px 40px;display:grid;grid-template-columns:1fr 380px;gap:40px;background:#fff;position:relative}.back-button[data-v-4d79ca7e]{position:fixed;top:130px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e8e8e8;border-radius:50%;cursor:pointer;transition:all .3s;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}.back-button[data-v-4d79ca7e]:hover{background:#f5f5f5;border-color:#d0d0d0;box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-button i[data-v-4d79ca7e]{font-size:18px;color:#333}.course-header[data-v-4d79ca7e]{grid-column:1;display:flex;gap:20px;margin-bottom:30px}.course-logo[data-v-4d79ca7e]{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.course-logo img[data-v-4d79ca7e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-info[data-v-4d79ca7e]{flex:1}.course-title[data-v-4d79ca7e]{font-size:22px;font-weight:600;color:#333;margin:0 0 12px 0;line-height:1.4}.update-time[data-v-4d79ca7e]{display:flex;align-items:center;gap:6px;font-size:14px;color:#999}.update-time i[data-v-4d79ca7e]{font-size:14px}.stats-section[data-v-4d79ca7e]{grid-column:1;display:flex;align-items:center;gap:40px;padding:30px 0;border-bottom:1px solid #e8e8e8}.stat-item[data-v-4d79ca7e]{text-align:center}.stat-number[data-v-4d79ca7e]{font-size:32px;font-weight:600;color:#333;line-height:1.2}.stat-label[data-v-4d79ca7e]{font-size:14px;color:#666;margin-top:8px}.stat-divider[data-v-4d79ca7e]{width:1px;height:40px;background:#e8e8e8}.tabs-section[data-v-4d79ca7e]{grid-column:1;display:flex;gap:40px;border-bottom:2px solid #f0f0f0;margin-top:20px}.tab-item[data-v-4d79ca7e]{padding:16px 0;font-size:16px;color:#666;cursor:pointer;position:relative;transition:all .3s}.tab-item[data-v-4d79ca7e]:hover{color:#333}.tab-item.active[data-v-4d79ca7e]{color:#333;font-weight:500}.tab-item.active[data-v-4d79ca7e]:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#333}.content-area[data-v-4d79ca7e]{grid-column:1;margin-top:30px}.files-section[data-v-4d79ca7e]{padding-bottom:40px}.files-header[data-v-4d79ca7e]{margin-bottom:20px}.section-title[data-v-4d79ca7e]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px 0}.files-count[data-v-4d79ca7e]{font-size:14px;color:#999}.file-list[data-v-4d79ca7e]{display:flex;flex-direction:column;gap:16px}.file-item[data-v-4d79ca7e]{display:flex;align-items:center;gap:16px;padding:16px;background:#fafafa;border-radius:8px;cursor:pointer;transition:all .3s}.file-item[data-v-4d79ca7e]:hover{background:#f5f5f5}.file-icon[data-v-4d79ca7e]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0}.file-icon i[data-v-4d79ca7e]{font-size:24px;color:#999}.file-info[data-v-4d79ca7e]{flex:1}.file-name[data-v-4d79ca7e]{font-size:15px;color:#333;margin-bottom:6px;font-weight:400}.file-time[data-v-4d79ca7e]{font-size:13px;color:#999}.more-files[data-v-4d79ca7e]{text-align:center;padding:20px 0;font-size:14px;color:#666;cursor:pointer}.more-files[data-v-4d79ca7e]:hover{color:#333}.side-card[data-v-4d79ca7e]{grid-column:2;grid-row:1/span 10;position:sticky;top:20px;height:-moz-fit-content;height:fit-content;background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.card-cover[data-v-4d79ca7e]{width:100%;height:200px;overflow:hidden;background:#f5f5f5}.card-cover img[data-v-4d79ca7e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-content[data-v-4d79ca7e]{padding:24px}.price-section[data-v-4d79ca7e]{display:flex;align-items:center;gap:16px;margin-bottom:12px}.price-tag[data-v-4d79ca7e]{font-size:28px;font-weight:600;color:#333;flex:1}.favorite-icon[data-v-4d79ca7e],.share-icon[data-v-4d79ca7e]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .3s}.favorite-icon[data-v-4d79ca7e]:hover,.share-icon[data-v-4d79ca7e]:hover{border-color:#333}.favorite-icon i[data-v-4d79ca7e],.share-icon i[data-v-4d79ca7e]{font-size:18px;color:#666}.price-desc[data-v-4d79ca7e]{font-size:13px;color:#999;line-height:1.6;margin-bottom:20px}.get-btn[data-v-4d79ca7e]{width:100%;height:48px;font-size:16px;font-weight:500;background:#2c2c2c;border-color:#2c2c2c;margin-bottom:24px}.get-btn[data-v-4d79ca7e]:hover{background:#1a1a1a;border-color:#1a1a1a}.course-includes[data-v-4d79ca7e]{padding-top:20px;border-top:1px solid #f0f0f0}.course-includes h4[data-v-4d79ca7e]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px 0}.include-item[data-v-4d79ca7e]{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;color:#666}.include-item i[data-v-4d79ca7e]{font-size:18px;color:#999}.design-section[data-v-4d79ca7e],.overview-section[data-v-4d79ca7e]{padding:20px 0;font-size:15px;line-height:1.8;color:#666}.payment-content[data-v-4d79ca7e]{min-height:350px;display:flex;align-items:center;justify-content:center;padding:20px 0}.payment-loading[data-v-4d79ca7e]{text-align:center;color:#909399}.payment-loading i[data-v-4d79ca7e]{font-size:48px;margin-bottom:20px;color:#409eff}.payment-loading p[data-v-4d79ca7e]{font-size:15px;margin:0}.qrcode-section[data-v-4d79ca7e]{text-align:center;width:100%}.qrcode-tip[data-v-4d79ca7e]{font-size:15px;color:#303133;margin-bottom:24px;font-weight:500}.qrcode-wrapper[data-v-4d79ca7e]{display:flex;justify-content:center;margin-bottom:24px}.qrcode-wrapper canvas[data-v-4d79ca7e]{border:2px solid #e4e7ed;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.payment-amount[data-v-4d79ca7e]{text-align:center;padding:20px;background:linear-gradient(135deg,#f9fafc,#ecf5ff);border-radius:10px;font-size:15px;color:#606266;margin-bottom:20px;border:1px solid #e4e7ed}.payment-amount .amount[data-v-4d79ca7e]{color:#f56c6c;font-size:28px;font-weight:700;margin-left:8px;display:inline-block}.payment-status[data-v-4d79ca7e]{text-align:center;color:#409eff;font-size:14px;padding:12px;background:#ecf5ff;border-radius:8px;border:1px solid #b3d8ff}.payment-status i[data-v-4d79ca7e]{margin-right:8px;animation:rotate-4d79ca7e 1.5s linear infinite}@keyframes rotate-4d79ca7e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.course-detail-page[data-v-4d79ca7e]{grid-template-columns:1fr}.side-card[data-v-4d79ca7e]{grid-column:1;grid-row:auto;position:relative;top:0}}