#app{width:100%;height:100vh}:root{--primary: #4F8EF7;--primary-light: #EEF5FF;--primary-dark: #3D7CE0;--primary-hover: #3D7CE0;--primary-active: #2D6CD0;--secondary: #6366F1;--secondary-light: #EEF0FF;--accent: #10B981;--accent-light: #ECFDF5;--success: #10B981;--success-light: #ECFDF5;--success-bg: #D1FAE5;--warning: #F59E0B;--warning-light: #FFFBEB;--warning-bg: #FEF3C7;--error: #EF4444;--error-light: #FEF2F2;--error-bg: #FEE2E2;--info: #3B82F6;--info-light: #EFF6FF;--info-bg: #DBEAFE;--status-mastered: #10B981;--status-learning: #3B82F6;--status-new: #9CA3AF;--status-weak: #F59E0B;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-page: #F3F4F6;--bg-card: #FFFFFF;--bg-sidebar: #1E293B;--bg-sidebar-hover: #334155;--bg-sidebar-active: rgba(79, 142, 247, .15);--bg-input: #F9FAFB;--bg-hover: #F3F4F6;--text-primary: #1F2937;--text-secondary: #4B5563;--text-tertiary: #6B7280;--text-hint: #9CA3AF;--text-white: #FFFFFF;--border-light: #E5E7EB;--border-default: #D1D5DB;--border-dark: #9CA3AF;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .16);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--header-height: 60px;--breadcrumb-height: 48px;--sidebar-width: 240px;--sidebar-collapsed-width: 80px;--footer-height: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px}[data-theme=dark]{--bg-page: #0F172A;--bg-card: #1E293B;--bg-sidebar: #0F172A;--bg-sidebar-hover: #1E293B;--bg-sidebar-active: rgba(96, 165, 250, .15);--bg-input: #1E293B;--bg-hover: #334155;--text-primary: #F9FAFB;--text-secondary: #E5E7EB;--text-tertiary: #D1D5DB;--text-hint: #9CA3AF;--border-light: #334155;--border-default: #475569;--primary: #60A5FA;--primary-light: #1E3A5F;--primary-dark: #3B82F6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}.page-container{min-height:100vh;background:var(--bg-page)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary)}.status-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-tag.active{background:var(--success-light);color:var(--success)}.status-tag.inactive{background:var(--error-light);color:var(--error)}.status-tag.mastered{background:var(--success-light);color:var(--success)}.status-tag.learning{background:var(--info-light);color:var(--info)}.status-tag.weak{background:var(--warning-light);color:var(--warning)}.el-button--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;box-shadow:0 2px 8px #4f8ef74d;transition:all .2s ease}.el-button--primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);box-shadow:0 4px 12px #4f8ef766;transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0);box-shadow:0 1px 4px #4f8ef74d}.el-button--default{border-color:var(--border-default)}.el-button--default:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.el-button.is-circle:hover{background:var(--bg-hover)}.el-menu{border:none}.el-table{--el-table-border-color: var(--border-light);--el-table-header-bg-color: var(--bg-page);--el-table-row-hover-bg-color: var(--bg-hover);border-radius:var(--radius-lg);overflow:hidden}.el-table .el-table__header th{background:var(--bg-page)!important;font-weight:600;color:var(--text-tertiary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.el-table .el-table__body td{padding:16px 12px}.el-table .el-table__body tr{transition:all .2s ease}.el-table .el-table__body tr:hover{background:var(--bg-hover)}.el-table .el-table__body tr:hover td{background:transparent!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-family:inherit;font-weight:500;color:var(--text-hint);background:var(--gray-100);border:1px solid var(--border-light);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--border-light)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from,.slide-leave-to{opacity:0;transform:translateY(-10px)}:root{--list-page-padding: 20px;--list-page-gap: 16px;--page-title-size: 18px;--page-title-weight: 600;--page-header-height: 48px;--card-title-size: 16px;--card-title-weight: 600;--table-header-size: 13px;--table-header-weight: 600;--table-header-color: var(--text-tertiary);--table-cell-padding: 12px 16px;--table-header-padding: 14px 16px;--search-gap: 16px;--search-select-width: 180px;--search-input-width: 220px;--search-cascader-width: 220px;--search-card-radius: var(--radius-lg);--search-card-shadow: var(--shadow-sm);--table-card-radius: var(--radius-lg);--table-card-shadow: var(--shadow-md);--pagination-padding: 16px 20px;--tag-radius: 6px;--tag-weight: 500}.list-page{margin:-20px;padding:0;min-height:calc(100vh - var(--header-height) - var(--breadcrumb-height) - var(--footer-height))}.list-page{padding:var(--list-page-padding);min-height:calc(100vh - var(--header-height) - var(--breadcrumb-height));background:var(--bg-page)}.page-header{display:flex;justify-content:space-between;align-items:center;height:var(--page-header-height);margin-bottom:var(--list-page-gap)}.page-header .page-title{font-size:var(--page-title-size);font-weight:var(--page-title-weight);color:var(--text-primary);margin:0}.page-header .header-actions{display:flex;gap:8px}.page-header .header-actions .el-button .el-icon{margin-right:4px}.search-card{margin-bottom:var(--list-page-gap);border-radius:var(--search-card-radius);box-shadow:var(--search-card-shadow)}.search-card :deep(.el-card__body){padding:16px 20px}.search-card .search-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--search-gap)}.search-card .search-form :deep(.el-form-item){margin-bottom:0!important;margin-right:0!important}.search-card .search-form :deep(.el-form-item__content){line-height:32px}.search-card .search-form :deep(.el-form-item:last-child){margin-left:auto}@media (max-width: 768px){.search-card .search-form :deep(.el-form-item:last-child){margin-left:0;width:100%;justify-content:flex-start}}.search-card .search-form :deep(.el-select){width:150px}.search-card .search-form :deep(.el-input){width:200px}.search-card .search-form :deep(.el-cascader){width:200px}.search-card .search-form :deep(.el-date-picker){width:200px}.search-card .search-form :deep(.el-time-picker){width:150px}.search-card .search-form :deep(.el-form-item){margin-bottom:0}.table-card{border-radius:var(--table-card-radius);box-shadow:var(--table-card-shadow)}.table-card :deep(.el-card__header){padding:16px 20px;border-bottom:1px solid var(--border-light);margin-bottom:0}.table-card :deep(.el-card__body){padding:0}.table-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.table-card .card-header .card-title{font-size:var(--card-title-size);font-weight:var(--card-title-weight);color:var(--text-primary)}.table-card .card-header .card-actions{display:flex;gap:8px}.table-card .card-header .card-actions .el-button.is-disabled{opacity:.5}.table-card .card-header .header-tip{display:flex;align-items:center;gap:6px;color:var(--text-hint);font-size:13px}.table-card .card-header .header-tip .el-icon{color:var(--primary)}.table-card :deep(.el-table){--el-table-border-color: var(--border-light);--el-table-header-bg-color: var(--bg-page);--el-table-row-hover-bg-color: var(--bg-hover);--el-table-current-row-bg-color: var(--primary-light)}.table-card :deep(.el-table) th.el-table__cell{background:var(--bg-page)!important;font-weight:var(--table-header-weight);font-size:var(--table-header-size);color:var(--table-header-color);padding:var(--table-header-padding);border-bottom:1px solid var(--border-default)}.table-card :deep(.el-table) td.el-table__cell{padding:var(--table-cell-padding);border-bottom:1px solid var(--border-light)}.table-card :deep(.el-table) .el-table__fixed,.table-card :deep(.el-table) .el-table__fixed-right{background:var(--bg-card)}.table-card :deep(.el-table) .el-table__fixed:before,.table-card :deep(.el-table) .el-table__fixed-right:before{background:var(--border-light)}.table-card :deep(.el-table) .el-table__empty-block{padding:40px 0}.table-card :deep(.el-table) .el-table__empty-block .el-table__empty-text{color:var(--text-hint);font-size:14px}.table-card .pagination-wrapper{padding:var(--pagination-padding);display:flex;justify-content:flex-end;border-top:1px solid var(--border-light);background:var(--bg-card)}.table-card .pagination-wrapper :deep(.el-pagination){--el-pagination-button-bg-color: transparent;--el-pagination-hover-color: var(--primary)}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__total{color:var(--text-secondary);font-size:13px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__sizes .el-select{width:100px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__sizes .el-select .el-input__wrapper{background:var(--bg-input)}.table-card .pagination-wrapper :deep(.el-pagination) .el-pager li{background:transparent;border-radius:var(--radius-sm);font-weight:500;min-width:32px;height:32px;line-height:32px;margin:0 4px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pager li:hover{color:var(--primary);background:var(--primary-light)}.table-card .pagination-wrapper :deep(.el-pagination) .el-pager li.is-active{background:var(--primary);color:#fff}.table-card .pagination-wrapper :deep(.el-pagination) .el-pager li.is-disabled{color:var(--text-hint);cursor:not-allowed}.table-card .pagination-wrapper :deep(.el-pagination) .btn-prev,.table-card .pagination-wrapper :deep(.el-pagination) .btn-next{background:transparent;border-radius:var(--radius-sm);min-width:32px;height:32px}.table-card .pagination-wrapper :deep(.el-pagination) .btn-prev:hover,.table-card .pagination-wrapper :deep(.el-pagination) .btn-next:hover{color:var(--primary);background:var(--primary-light)}.table-card .pagination-wrapper :deep(.el-pagination) .btn-prev:disabled,.table-card .pagination-wrapper :deep(.el-pagination) .btn-next:disabled{color:var(--text-hint);cursor:not-allowed}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__jump{color:var(--text-secondary);font-size:13px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__jump .el-input{width:50px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__jump .el-input .el-input__wrapper{background:var(--bg-input);padding:0 8px}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__jump .el-input .el-input__inner{text-align:center}.status-tag :deep(.el-tag){border-radius:var(--tag-radius);font-weight:var(--tag-weight);border-color:transparent}.status-tag :deep(.el-tag).el-tag--success{background:var(--success-light);color:var(--success)}.status-tag :deep(.el-tag).el-tag--danger{background:var(--error-light);color:var(--error)}.status-tag :deep(.el-tag).el-tag--warning{background:var(--warning-light);color:var(--warning)}.status-tag :deep(.el-tag).el-tag--info{background:var(--info-light);color:var(--info)}.status-tag :deep(.el-tag).el-tag--primary{background:var(--primary-light);color:var(--primary)}.status-tag :deep(.el-tag).el-tag--default{background:var(--gray-100);color:var(--text-secondary)}.status-tag :deep(.el-tag).el-tag--small{padding:2px 8px;font-size:12px}.table-avatar{display:flex;align-items:center;gap:12px}.table-avatar .avatar-info{display:flex;flex-direction:column}.table-avatar .avatar-info .avatar-name{font-weight:500;color:var(--text-primary)}.table-avatar .avatar-info .avatar-id{font-size:12px;color:var(--text-hint)}.table-progress{display:flex;flex-direction:column;gap:4px}.table-progress :deep(.el-progress) .el-progress-bar__outer{background:var(--gray-200)}.table-progress .progress-text{font-size:12px;color:var(--text-hint)}.table-tags{display:flex;flex-wrap:wrap;gap:4px}.table-tags .el-tag{margin-right:0}.table-action :deep(.el-button).is-link{padding:4px 8px;font-size:13px}.table-action :deep(.el-button).is-link.el-button--primary{color:var(--primary)}.table-action :deep(.el-button).is-link.el-button--primary:hover{color:var(--primary-hover)}.table-action :deep(.el-button).is-link.el-button--danger{color:var(--error)}.table-action :deep(.el-button).is-link.el-button--danger:hover{color:#dc2626}.table-action :deep(.el-button).is-link.el-button--warning{color:var(--warning)}.table-action :deep(.el-button).is-link.el-button--warning:hover{color:#d97706}.table-action :deep(.el-button).is-link.el-button--success{color:var(--success)}.table-action :deep(.el-button).is-link.el-button--success:hover{color:#059669}.table-action :deep(.el-button) .el-icon{margin-right:4px}@media (max-width: 1200px){.search-card .search-form :deep(.el-form-item:last-child){margin-left:0}.table-card :deep(.el-table) .el-table__fixed-right{width:auto!important}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__jump{display:none}}@media (max-width: 768px){.list-page{padding:12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;height:auto}.page-header .header-actions{width:100%;justify-content:flex-start}.search-card .search-form{gap:12px}.search-card .search-form :deep(.el-form-item){width:100%;margin-bottom:0!important}.search-card .search-form :deep(.el-form-item) .el-select,.search-card .search-form :deep(.el-form-item) .el-input,.search-card .search-form :deep(.el-form-item) .el-cascader{width:100%}.table-card .card-header{flex-direction:column;align-items:flex-start;gap:12px}.table-card .card-header .card-actions{width:100%}.table-card .pagination-wrapper{justify-content:center}.table-card .pagination-wrapper :deep(.el-pagination){flex-wrap:wrap;justify-content:center}.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__total,.table-card .pagination-wrapper :deep(.el-pagination) .el-pagination__sizes{display:none}}@media print{.list-page{padding:0;background:#fff}.list-page .page-header .header-actions,.list-page .search-card{display:none}.list-page .table-card{box-shadow:none;border:1px solid var(--border-light)}.list-page .table-card .card-header .card-actions,.list-page .table-card .pagination-wrapper{display:none}}.search-card .el-form-item{margin-bottom:0!important}.search-card .search-form .el-select{width:150px!important}.search-card .search-form .el-input{width:200px!important}