.perspective-cards[data-v-b00408f4]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.perspective-card[data-v-b00408f4]{position:relative;padding:24px 20px 20px;border-radius:14px;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;background:#fff;border:1px solid #f0f0f0;box-shadow:0 1px 3px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.03)}.perspective-card[data-v-b00408f4]:hover{border-color:#e0e0e0;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transform:translateY(-2px)}.perspective-card.active[data-v-b00408f4]{border-color:transparent;box-shadow:0 8px 32px rgba(99,102,241,.12),0 2px 8px rgba(99,102,241,.08)}.perspective-card.card-teacher.active[data-v-b00408f4]{background:linear-gradient(135deg,#eff6ff,#f5f3ff 50%,#faf5ff)}.perspective-card.card-class.active[data-v-b00408f4]{background:linear-gradient(135deg,#ecfdf5,#f0fdf4 50%,#f0fdfa)}.perspective-card.card-student.active[data-v-b00408f4]{background:linear-gradient(135deg,#fff7ed,#fefce8 50%,#fef9c3)}.perspective-card.active[data-v-b00408f4]:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#6366f1,#a78bfa);transition:all .35s ease}.perspective-card.card-class.active[data-v-b00408f4]:before{background:linear-gradient(180deg,#10b981,#34d399)}.perspective-card.card-student.active[data-v-b00408f4]:before{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.card-glow[data-v-b00408f4]{position:absolute;top:-50%;right:-30%;width:140px;height:140px;border-radius:50%;opacity:0;transition:opacity .4s ease;pointer-events:none}.perspective-card.card-teacher .card-glow[data-v-b00408f4]{background:radial-gradient(circle,rgba(99,102,241,.06) 0,transparent 70%)}.perspective-card.card-class .card-glow[data-v-b00408f4]{background:radial-gradient(circle,rgba(16,185,129,.06) 0,transparent 70%)}.perspective-card.card-student .card-glow[data-v-b00408f4]{background:radial-gradient(circle,rgba(245,158,11,.06) 0,transparent 70%)}.perspective-card.active .card-glow[data-v-b00408f4],.perspective-card:hover .card-glow[data-v-b00408f4]{opacity:1}.card-check[data-v-b00408f4]{position:absolute;top:0;right:0;width:40px;height:40px;border-bottom-left-radius:14px;display:flex;align-items:flex-start;justify-content:flex-end;padding:8px 10px 0 0;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.perspective-card.card-teacher .card-check[data-v-b00408f4]{background:linear-gradient(135deg,transparent,#818cf8)}.perspective-card.card-class .card-check[data-v-b00408f4]{background:linear-gradient(135deg,transparent,#34d399)}.perspective-card.card-student .card-check[data-v-b00408f4]{background:linear-gradient(135deg,transparent,#fbbf24)}.perspective-card.active .card-check[data-v-b00408f4]{opacity:1;transform:scale(1)}.card-check .el-icon-check[data-v-b00408f4]{color:#fff;font-size:14px;font-weight:700}.card-body[data-v-b00408f4]{position:relative;display:flex;align-items:flex-start;gap:16px;z-index:1}.card-icon-box[data-v-b00408f4]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s ease}.perspective-card.card-teacher .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.perspective-card.card-class .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.perspective-card.card-student .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.perspective-card.active.card-teacher .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 12px rgba(99,102,241,.3)}.perspective-card.active.card-class .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 12px rgba(16,185,129,.3)}.perspective-card.active.card-student .card-icon-box[data-v-b00408f4]{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px rgba(245,158,11,.3)}.card-icon[data-v-b00408f4]{font-size:24px;line-height:1;transition:transform .35s ease}.perspective-card.active .card-icon[data-v-b00408f4]{transform:scale(1.15)}.card-content[data-v-b00408f4]{flex:1;min-width:0}.card-title[data-v-b00408f4]{display:block;font-size:14px;font-weight:600;color:#64748b;margin-bottom:14px;letter-spacing:.3px;transition:color .3s ease}.perspective-card.active.card-teacher .card-title[data-v-b00408f4]{color:#4f46e5}.perspective-card.active.card-class .card-title[data-v-b00408f4]{color:#059669}.perspective-card.active.card-student .card-title[data-v-b00408f4]{color:#d97706}.card-metrics[data-v-b00408f4]{display:flex;gap:20px}.card-metric[data-v-b00408f4]{display:flex;flex-direction:column;align-items:flex-start}.metric-value[data-v-b00408f4]{font-size:26px;font-weight:700;color:#1e293b;line-height:1;letter-spacing:-.5px;transition:all .35s ease;font-variant-numeric:tabular-nums}.perspective-card.active.card-teacher .metric-value[data-v-b00408f4]{color:#4338ca}.perspective-card.active.card-class .metric-value[data-v-b00408f4]{color:#047857}.perspective-card.active.card-student .metric-value[data-v-b00408f4]{color:#b45309}.metric-label[data-v-b00408f4]{font-size:12px;color:#94a3b8;margin-top:5px;font-weight:500;transition:color .3s ease}.perspective-card.active .metric-label[data-v-b00408f4]{color:#64748b}@media screen and (max-width:768px){.perspective-cards[data-v-b00408f4]{grid-template-columns:1fr;gap:12px}.card-body[data-v-b00408f4]{gap:12px}}.breadcrumb-bar[data-v-5d206e64]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.breadcrumb-bar[data-v-5d206e64] .el-breadcrumb__item{font-size:13px}.breadcrumb-bar[data-v-5d206e64] .el-button--mini{border-radius:8px;font-weight:500}.teacher-view[data-v-5d206e64] .el-table{border-radius:10px;overflow:hidden;font-size:13px}.teacher-view[data-v-5d206e64] .el-table th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px;padding:12px 0;border-color:#e2e8f0;letter-spacing:.3px}.teacher-view[data-v-5d206e64] .el-table td{padding:11px 0;border-color:#f1f5f9;color:#334155}.teacher-view[data-v-5d206e64] .el-table__body tr:hover>td{background:#f8fafc}.teacher-view[data-v-5d206e64] .el-table--border:after,.teacher-view[data-v-5d206e64] .el-table--group:after{background:#e2e8f0}.teacher-view[data-v-5d206e64] .el-table--border{border-color:#e2e8f0}.teacher-view[data-v-5d206e64] .el-table__body tr:hover>td:first-child,.teacher-view[data-v-5d206e64] .el-table__fixed-body-wrapper .el-table__body tr:hover>td{background:#f1f5f9;color:#6366f1;font-weight:600}.progress-cell[data-v-5d206e64]{display:flex;align-items:center;gap:10px}.progress-cell .el-progress[data-v-5d206e64]{flex:1}.teacher-view[data-v-5d206e64] .el-progress-bar__outer{background:#f1f5f9;border-radius:4px;overflow:hidden}.teacher-view[data-v-5d206e64] .el-progress-bar__inner{border-radius:4px}.progress-text[data-v-5d206e64]{font-size:12px;font-weight:600;color:#334155;white-space:nowrap;min-width:44px;text-align:right}.drill-link[data-v-5d206e64]{color:#4f46e5;cursor:pointer;font-weight:500;transition:color .2s}.drill-link[data-v-5d206e64]:hover{color:#818cf8}.training-link[data-v-5d206e64]{color:#4f46e5;text-decoration:none;cursor:pointer;font-weight:500;transition:all .2s}.training-link[data-v-5d206e64]:hover{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.teacher-view[data-v-5d206e64] .el-tag--small{border-radius:6px;padding:0 10px;height:24px;line-height:22px;font-size:12px;font-weight:500;border:none}.teacher-view[data-v-5d206e64] .el-tag--success{background:#ecfdf5;color:#059669}.teacher-view[data-v-5d206e64] .el-tag--warning{background:#fffbeb;color:#d97706}.teacher-view[data-v-5d206e64] .el-tag--info{background:#f1f5f9;color:#64748b}.text-muted[data-v-5d206e64]{color:#cbd5e1}.zero-warning[data-v-5d206e64]{color:#f59e0b}.zero-icon[data-v-5d206e64]{color:#f59e0b;font-size:12px;margin-left:2px}.time-range[data-v-5d206e64]{font-size:12px;color:#64748b}.teacher-view[data-v-5d206e64] .el-empty{padding:40px 0}.teacher-view[data-v-5d206e64] .el-empty__description p{color:#94a3b8;font-size:13px}.breadcrumb-bar[data-v-bdadcbd6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.breadcrumb-bar[data-v-bdadcbd6] .el-breadcrumb__item{font-size:13px}.breadcrumb-bar[data-v-bdadcbd6] .el-button--mini{border-radius:8px;font-weight:500}.drill-tabs[data-v-bdadcbd6]{display:flex;gap:4px;margin-bottom:16px;background:#f1f5f9;border-radius:8px;padding:3px;width:-moz-fit-content;width:fit-content;border:1px solid #e2e8f0}.drill-tab[data-v-bdadcbd6]{padding:5px 16px;font-size:13px;border-radius:6px;cursor:pointer;color:#64748b;font-weight:500;background:transparent;transition:all .2s;white-space:nowrap}.drill-tab[data-v-bdadcbd6]:hover{color:#4f46e5}.drill-tab.active[data-v-bdadcbd6]{color:#4f46e5;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);font-weight:600}.class-view[data-v-bdadcbd6] .el-table{border-radius:10px;overflow:hidden;font-size:13px}.class-view[data-v-bdadcbd6] .el-table th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px;padding:12px 0;border-color:#e2e8f0;letter-spacing:.3px}.class-view[data-v-bdadcbd6] .el-table td{padding:11px 0;border-color:#f1f5f9;color:#334155}.class-view[data-v-bdadcbd6] .el-table__body tr:hover>td{background:#f8fafc}.class-view[data-v-bdadcbd6] .el-table--border:after,.class-view[data-v-bdadcbd6] .el-table--group:after{background:#e2e8f0}.class-view[data-v-bdadcbd6] .el-table--border{border-color:#e2e8f0}.progress-cell[data-v-bdadcbd6]{display:flex;align-items:center;gap:10px}.progress-cell .el-progress[data-v-bdadcbd6]{flex:1}.class-view[data-v-bdadcbd6] .el-progress-bar__outer{background:#f1f5f9;border-radius:4px;overflow:hidden}.class-view[data-v-bdadcbd6] .el-progress-bar__inner{border-radius:4px}.progress-text[data-v-bdadcbd6]{font-size:12px;font-weight:600;color:#334155;white-space:nowrap;min-width:44px;text-align:right}.drill-link[data-v-bdadcbd6]{color:#4f46e5;cursor:pointer;font-weight:500;transition:color .2s}.drill-link[data-v-bdadcbd6]:hover{color:#818cf8}.training-link[data-v-bdadcbd6]{color:#4f46e5;text-decoration:none;cursor:pointer;font-weight:500;transition:all .2s}.training-link[data-v-bdadcbd6]:hover{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.class-view[data-v-bdadcbd6] .el-tag--small{border-radius:6px;padding:0 10px;height:24px;line-height:22px;font-size:12px;font-weight:500;border:none}.class-view[data-v-bdadcbd6] .el-tag--success{background:#ecfdf5;color:#059669}.class-view[data-v-bdadcbd6] .el-tag--warning{background:#fffbeb;color:#d97706}.class-view[data-v-bdadcbd6] .el-tag--info{background:#f1f5f9;color:#64748b}.text-muted[data-v-bdadcbd6]{color:#cbd5e1}.zero-warning[data-v-bdadcbd6]{color:#f59e0b}.zero-icon[data-v-bdadcbd6]{color:#f59e0b;font-size:12px;margin-left:2px}.time-range[data-v-bdadcbd6]{font-size:12px;color:#64748b}.class-view[data-v-bdadcbd6] .el-empty{padding:40px 0}.class-view[data-v-bdadcbd6] .el-empty__description p{color:#94a3b8;font-size:13px}.breadcrumb-bar[data-v-35f67324]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.breadcrumb-bar[data-v-35f67324] .el-breadcrumb__item{font-size:13px}.breadcrumb-bar[data-v-35f67324] .el-button--mini{border-radius:8px;font-weight:500}.student-view[data-v-35f67324] .el-table{border-radius:10px;overflow:hidden;font-size:13px}.student-view[data-v-35f67324] .el-table th{background:#f8fafc;color:#475569;font-weight:600;font-size:12px;padding:12px 0;border-color:#e2e8f0;letter-spacing:.3px}.student-view[data-v-35f67324] .el-table td{padding:11px 0;border-color:#f1f5f9;color:#334155}.student-view[data-v-35f67324] .el-table__body tr:hover>td{background:#f8fafc}.student-view[data-v-35f67324] .el-table--border:after,.student-view[data-v-35f67324] .el-table--group:after{background:#e2e8f0}.student-view[data-v-35f67324] .el-table--border{border-color:#e2e8f0}.progress-cell[data-v-35f67324]{display:flex;align-items:center;gap:10px}.progress-cell .el-progress[data-v-35f67324]{flex:1}.student-view[data-v-35f67324] .el-progress-bar__outer{background:#f1f5f9;border-radius:4px;overflow:hidden}.student-view[data-v-35f67324] .el-progress-bar__inner{border-radius:4px}.progress-text[data-v-35f67324]{font-size:12px;font-weight:600;color:#334155;white-space:nowrap;min-width:44px;text-align:right}.drill-link[data-v-35f67324]{color:#4f46e5;cursor:pointer;font-weight:500;transition:color .2s}.drill-link[data-v-35f67324]:hover{color:#818cf8}.training-link[data-v-35f67324]{color:#4f46e5;text-decoration:none;cursor:pointer;font-weight:500;transition:all .2s}.training-link[data-v-35f67324]:hover{color:#818cf8;text-decoration:underline;text-underline-offset:2px}.student-view[data-v-35f67324] .el-tag--small{border-radius:6px;padding:0 10px;height:24px;line-height:22px;font-size:12px;font-weight:500;border:none}.student-view[data-v-35f67324] .el-tag--success{background:#ecfdf5;color:#059669}.student-view[data-v-35f67324] .el-tag--warning{background:#fffbeb;color:#d97706}.student-view[data-v-35f67324] .el-tag--info{background:#f1f5f9;color:#64748b}.text-muted[data-v-35f67324]{color:#cbd5e1}.time-range[data-v-35f67324]{font-size:12px;color:#64748b}.student-view[data-v-35f67324] .el-empty{padding:40px 0}.student-view[data-v-35f67324] .el-empty__description p{color:#94a3b8;font-size:13px}.training-data-center[data-v-005ba828]{padding:12px 14px;background:#f8fafc;min-height:100vh}.page-shell[data-v-005ba828]{max-width:1400px;margin:0 auto}.page-header[data-v-005ba828]{margin-bottom:22px}.header-inner[data-v-005ba828]{display:flex;align-items:flex-start;gap:14px}.header-accent[data-v-005ba828]{width:4px;height:42px;border-radius:2px;margin-top:2px;flex-shrink:0;background:linear-gradient(180deg,#6366f1,#a78bfa)}.page-header h2[data-v-005ba828]{margin:0;color:#1e293b;font-size:22px;font-weight:700;letter-spacing:-.3px}.page-header p[data-v-005ba828]{margin:4px 0 0;color:#94a3b8;font-size:13px;font-weight:400}.panel[data-v-005ba828]{min-height:240px;margin:0 0 16px;padding:22px 24px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.02);overflow:hidden}.filter-bar[data-v-005ba828]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.filter-left[data-v-005ba828]{flex:1;min-width:0}.filter-right[data-v-005ba828]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.type-tabs[data-v-005ba828],.type-tabs[data-v-005ba828] .el-tabs__header{margin-bottom:0}.type-tabs[data-v-005ba828] .el-tabs__nav-wrap:after{height:1px;background:#f1f5f9}.type-tabs[data-v-005ba828] .el-tabs__item{font-size:13px;font-weight:500;color:#94a3b8;height:36px;line-height:36px;transition:color .2s}.type-tabs[data-v-005ba828] .el-tabs__item:hover{color:#6366f1}.type-tabs[data-v-005ba828] .el-tabs__item.is-active{color:#4f46e5;font-weight:600}.type-tabs[data-v-005ba828] .el-tabs__active-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,#6366f1,#a78bfa)}.filter-right[data-v-005ba828] .el-input__inner{border-radius:8px;border-color:#e2e8f0;transition:all .2s}.filter-right[data-v-005ba828] .el-input__inner:hover{border-color:#cbd5e1}.filter-right[data-v-005ba828] .el-input.is-focus .el-input__inner{border-color:#818cf8;box-shadow:0 0 0 2px rgba(99,102,241,.08)}.date-icon-btn[data-v-005ba828]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;cursor:pointer;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;transition:all .2s;position:relative;flex-shrink:0}.date-icon-btn[data-v-005ba828]:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.date-icon-btn.active[data-v-005ba828]{color:#6366f1;background:#eef2ff;border-color:#a5b4fc}.date-icon-btn>.el-icon-date[data-v-005ba828]{font-size:16px}.date-clear[data-v-005ba828]{position:absolute;top:-7px;right:-7px;font-size:13px;color:#cbd5e1;background:#fff;border-radius:50%}.date-clear[data-v-005ba828]:hover{color:#ef4444}.date-range-text[data-v-005ba828]{font-size:12px;color:#64748b;white-space:nowrap;padding:4px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.segmented-control[data-v-005ba828]{display:inline-flex;background:#f1f5f9;border-radius:8px;padding:3px;gap:2px;border:1px solid #e2e8f0}.seg-item[data-v-005ba828]{padding:4px 14px;font-size:12px;border-radius:6px;cursor:pointer;color:#64748b;font-weight:500;background:transparent;transition:all .2s;white-space:nowrap;line-height:1.6}.seg-item[data-v-005ba828]:hover{color:#4f46e5;background:rgba(99,102,241,.04)}.seg-item.active[data-v-005ba828]{color:#4f46e5;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);font-weight:600}@media screen and (max-width:768px){.filter-bar[data-v-005ba828]{flex-direction:column;align-items:stretch}.filter-right[data-v-005ba828]{justify-content:flex-start}}