编辑页面

HTML内容
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI智能阅卷 - 教师端</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        :root {
            --primary: #4A90E2; --primary-dark: #357ABD; --primary-light: #EEF4FD;
            --success: #52C41A; --warning: #FF9500; --danger: #FF4757;
            --text-primary: #1A1A1A; --text-secondary: #666666; --text-tertiary: #B2B2B2;
            --border: #E8E8E8; --border-light: #F5F5F5; --bg-page: #F7F8FA; --bg-card: #FFFFFF;
            --shadow-sm: 0 4px 16px rgba(0,0,0,0.06); --shadow-md: 0 8px 32px rgba(0,0,0,0.08);
            --sidebar-width: 240px;
        }
        body { font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif; background: var(--bg-page); color: var(--text-primary); min-height: 100vh; }
        
        /* ========== 登录页（按文档1.1多方式登录） ========== */
        .login-page { display: none; min-height: 100vh; background: linear-gradient(135deg, var(--primary) 0%, #6BA3E8 100%); }
        .login-page.active { display: flex; align-items: center; justify-content: center; }
        .login-box { width: 440px; background: #fff; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.2); overflow: hidden; }
        .login-header { background: var(--primary); padding: 40px; text-align: center; color: #fff; }
        .login-logo { width: 64px; height: 64px; margin-bottom: 16px; }
        .login-title { font-size: 26px; font-weight: 600; margin-bottom: 4px; }
        .login-subtitle { font-size: 14px; opacity: 0.9; }
        .login-form { padding: 36px 40px; }
        .login-tabs { display: flex; background: var(--bg-page); border-radius: 8px; padding: 4px; margin-bottom: 24px; }
        .login-tab { flex: 1; padding: 10px; text-align: center; font-size: 14px; color: var(--text-secondary); border-radius: 6px; cursor: pointer; font-weight: 500; }
        .login-tab.active { background: #fff; color: var(--primary); font-weight: 600; box-shadow: var(--shadow-sm); }
        .login-input-group { margin-bottom: 18px; }
        .login-input-label { font-size: 13px; color: var(--text-secondary); margin-bottom: 8px; display: block; font-weight: 500; }
        .login-input { width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; outline: none; background: var(--bg-page); }
        .login-input:focus { border-color: var(--primary); background: #fff; }
        .login-input::placeholder { color: var(--text-tertiary); }
        .login-input-with-btn { display: flex; gap: 12px; }
        .login-input-with-btn .login-input { flex: 1; }
        .send-code-btn { padding: 0 16px; background: var(--primary-light); color: var(--primary); border: none; border-radius: 8px; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }
        .send-code-btn:disabled { background: var(--border); color: var(--text-tertiary); }
        
        /* 密码强度检测（按文档1.2） */
        .password-strength { height: 4px; border-radius: 2px; margin-top: 8px; background: var(--border); overflow: hidden; }
        .strength-bar { height: 100%; width: 0; transition: all 0.3s; }
        .strength-weak { width: 33%; background: var(--danger); }
        .strength-medium { width: 66%; background: var(--warning); }
        .strength-strong { width: 100%; background: var(--success); }
        .strength-label { font-size: 12px; margin-top: 4px; }
        .password-hint { font-size: 12px; color: var(--text-tertiary); margin-top: 6px; }
        .lock-hint { font-size: 12px; color: var(--danger); margin-top: 8px; display: none; padding: 10px; background: #FFF0F0; border-radius: 6px; }
        
        .login-btn { width: 100%; padding: 14px; background: var(--primary); color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; margin-top: 8px; }
        .login-btn:hover { background: var(--primary-dark); }
        .login-btn:disabled { background: var(--border); cursor: not-allowed; }
        
        /* ========== PC端布局 ========== */
        .app-layout { display: none; min-height: 100vh; }
        .app-layout.active { display: flex; }
        
        /* 左侧导航 */
        .sidebar { width: var(--sidebar-width); background: #fff; border-right: 1px solid var(--border); position: fixed; left: 0; top: 0; bottom: 0; display: flex; flex-direction: column; z-index: 100; }
        .sidebar-logo { padding: 24px 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--border-light); }
        .sidebar-logo-icon { width: 40px; height: 40px; background: var(--primary); border-radius: 10px; display: flex; align-items: center; justify-content: center; }
        .sidebar-logo-icon svg { width: 24px; height: 24px; fill: #fff; }
        .sidebar-logo-text { font-size: 16px; font-weight: 600; color: var(--text-primary); }
        
        .sidebar-user { padding: 16px 20px; border-bottom: 1px solid var(--border-light); background: var(--bg-page); }
        .sidebar-user-info { display: flex; align-items: center; gap: 12px; }
        .sidebar-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; }
        .sidebar-avatar svg { width: 24px; height: 24px; fill: var(--primary); }
        .sidebar-user-name { font-size: 15px; font-weight: 500; }
        .sidebar-user-meta { font-size: 12px; color: var(--text-tertiary); margin-top: 2px; }
        
        .sidebar-nav { flex: 1; padding: 12px 0; overflow-y: auto; }
        .sidebar-nav-item { display: flex; align-items: center; padding: 12px 20px; cursor: pointer; transition: all 0.2s; }
        .sidebar-nav-item:hover { background: var(--bg-page); }
        .sidebar-nav-item.active { background: var(--primary-light); border-right: 3px solid var(--primary); }
        .sidebar-nav-item svg { width: 20px; height: 20px; fill: var(--text-secondary); margin-right: 12px; flex-shrink: 0; }
        .sidebar-nav-item.active svg { fill: var(--primary); }
        .sidebar-nav-item span { font-size: 14px; color: var(--text-secondary); flex: 1; }
        .sidebar-nav-item.active span { color: var(--primary); font-weight: 500; }
        .sidebar-nav-item .badge { background: var(--danger); color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 10px; margin-left: auto; }
        
        .sidebar-footer { padding: 16px 20px; border-top: 1px solid var(--border-light); }
        .logout-btn { display: flex; align-items: center; gap: 10px; width: 100%; padding: 12px 14px; background: #FFF0F0; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; color: var(--danger); font-weight: 500; }
        .logout-btn svg { width: 18px; height: 18px; fill: var(--danger); }
        
        /* 主内容区 */
        .main-content { flex: 1; margin-left: var(--sidebar-width); display: flex; flex-direction: column; min-height: 100vh; }
        .top-bar { height: 64px; background: #fff; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 28px; position: sticky; top: 0; z-index: 50; }
        .top-bar-title { font-size: 18px; font-weight: 600; }
        .top-bar-actions { display: flex; align-items: center; gap: 12px; }
        .top-bar-btn { width: 38px; height: 38px; border-radius: 8px; background: var(--bg-page); display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; }
        .top-bar-btn:hover { background: var(--border-light); }
        .top-bar-btn svg { width: 20px; height: 20px; fill: var(--text-secondary); }
        .top-bar-btn .msg-badge { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; background: var(--danger); border-radius: 50%; font-size: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
        
        .page-content { flex: 1; padding: 24px 28px; }
        .page { display: none; }
        .page.active { display: block; }
        
        /* 通用卡片 */
        .card { background: var(--bg-card); border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: var(--shadow-sm); }
        .card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
        .card-title { font-size: 16px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
        .card-title::before { content: ''; width: 4px; height: 18px; background: var(--primary); border-radius: 2px; }
        .card-action { font-size: 13px; color: var(--primary); cursor: pointer; font-weight: 500; }
        .card-action:hover { text-decoration: underline; }
        
        /* 统计卡片 */
        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
        .stat-card { background: var(--bg-card); border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm); }
        .stat-value { font-size: 28px; font-weight: 700; color: var(--primary); margin-bottom: 4px; }
        .stat-label { font-size: 13px; color: var(--text-tertiary); }
        .stat-trend { font-size: 12px; color: var(--success); margin-top: 8px; display: flex; align-items: center; gap: 4px; }
        .stat-trend svg { width: 14px; height: 14px; fill: var(--success); }
        
        /* 快捷入口 */
        .quick-actions { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 24px; }
        .quick-action-item { background: var(--bg-card); border-radius: 12px; padding: 24px 16px; text-align: center; cursor: pointer; transition: all 0.2s; box-shadow: var(--shadow-sm); }
        .quick-action-item:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
        .quick-action-icon { width: 52px; height: 52px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
        .quick-action-icon svg { width: 26px; height: 26px; }
        .quick-action-label { font-size: 14px; font-weight: 500; color: var(--text-primary); }
        
        /* 筛选栏 */
        .filter-bar { display: flex; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
        .filter-chip { padding: 8px 20px; background: var(--bg-card); border-radius: 20px; font-size: 13px; color: var(--text-secondary); cursor: pointer; box-shadow: var(--shadow-sm); font-weight: 500; }
        .filter-chip.active { background: var(--primary); color: #fff; }
        .filter-chip:hover:not(.active) { background: var(--primary-light); }
        
        /* 列表通用 */
        .data-list { background: var(--bg-card); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-sm); }
        .data-item { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; }
        .data-item:hover { background: var(--bg-page); }
        .data-item:last-child { border-bottom: none; }
        .data-item-main { flex: 1; }
        .data-item-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
        .data-item-meta { font-size: 12px; color: var(--text-tertiary); }
        .data-item-action { color: var(--primary); font-size: 13px; font-weight: 500; }
        
        /* 图表区域 */
        .chart-area { height: 220px; display: flex; align-items: flex-end; justify-content: space-around; padding: 20px 0; }
        .bar-group { display: flex; flex-direction: column; align-items: center; gap: 8px; }
        .bar { width: 48px; background: linear-gradient(180deg, var(--primary) 0%, #6BA3E8 100%); border-radius: 6px 6px 0 0; transition: height 0.3s; }
        .bar-label { font-size: 12px; color: var(--text-tertiary); }
        .bar-value { font-size: 13px; font-weight: 600; color: var(--text-secondary); }
        
        /* 成绩分布统计 */
        .score-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; }
        .score-stat-item { text-align: center; padding: 16px; background: var(--bg-page); border-radius: 8px; }
        .score-stat-item .value { font-size: 24px; font-weight: 700; color: var(--primary); }
        .score-stat-item .label { font-size: 13px; color: var(--text-tertiary); margin-top: 4px; }
        
        /* 学生列表 */
        .student-item { display: flex; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; }
        .student-item:hover { background: var(--bg-page); }
        .student-item:last-child { border-bottom: none; }
        .student-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px; flex-shrink: 0; }
        .student-avatar svg { width: 24px; height: 24px; fill: var(--primary); }
        .student-info { flex: 1; }
        .student-name { font-size: 14px; font-weight: 500; margin-bottom: 2px; }
        .student-class { font-size: 12px; color: var(--text-tertiary); }
        .student-score { text-align: right; margin-left: 16px; }
        .student-score .score { font-size: 18px; font-weight: 700; color: var(--primary); }
        .student-score .rank { font-size: 12px; color: var(--text-tertiary); }
        .tag { font-size: 11px; padding: 3px 10px; border-radius: 4px; font-weight: 500; margin-left: 8px; }
        .tag-warning { background: #FFF0F0; color: var(--danger); }
        .tag-success { background: #F6FFED; color: var(--success); }
        .tag-info { background: var(--primary-light); color: var(--primary); }
        
        /* 知识点列表 */
        .knowledge-list { display: flex; flex-direction: column; gap: 12px; }
        .knowledge-item { display: flex; align-items: center; padding: 14px 16px; background: var(--bg-page); border-radius: 8px; cursor: pointer; transition: background 0.2s; }
        .knowledge-item:hover { background: var(--border-light); }
        .knowledge-name { flex: 1; font-size: 14px; }
        .knowledge-rate { font-size: 14px; font-weight: 600; color: var(--danger); }
        .knowledge-bar { width: 100px; height: 6px; background: var(--border); border-radius: 3px; overflow: hidden; margin-left: 12px; }
        .knowledge-bar-fill { height: 100%; background: var(--danger); border-radius: 3px; }
        
        /* 班级对比 */
        .class-compare-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .class-compare-item { text-align: center; padding: 20px; background: var(--bg-page); border-radius: 10px; }
        .class-compare-item .class-name { font-size: 14px; font-weight: 500; margin-bottom: 8px; }
        .class-compare-item .class-score { font-size: 28px; font-weight: 700; color: var(--primary); }
        .class-compare-item .class-diff { font-size: 12px; color: var(--success); margin-top: 4px; }
        .class-compare-item .class-diff.negative { color: var(--danger); }
        
        /* 学科树 */
        .subject-tree { padding: 8px 0; }
        .tree-node { padding: 14px 0; border-bottom: 1px solid var(--border-light); }
        .tree-node:last-child { border-bottom: none; }
        .tree-node-header { display: flex; align-items: center; gap: 12px; cursor: pointer; padding: 8px 12px; background: var(--bg-page); border-radius: 8px; }
        .tree-node-header:hover { background: var(--border-light); }
        .tree-node-icon { width: 36px; height: 36px; background: var(--primary-light); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
        .tree-node-icon svg { width: 20px; height: 20px; fill: var(--primary); }
        .tree-node-name { flex: 1; font-size: 15px; font-weight: 500; }
        .tree-node-count { font-size: 12px; color: var(--text-tertiary); }
        .tree-node-arrow { width: 20px; height: 20px; fill: var(--text-tertiary); transition: transform 0.2s; }
        .tree-node.expanded .tree-node-arrow { transform: rotate(90deg); }
        .tree-children { margin-left: 48px; padding: 10px 00 12px; display: none; }
        .tree-node.expanded .tree-children { display: block; }
        .tree-child { padding: 8px 0; font-size: 13px; color: var(--text-secondary); display: flex; align-items: center; gap: 8px; }
        .tree-child::before { content: ''; width: 4px; height: 4px; background: var(--text-tertiary); border-radius: 50%; }
        
        /* 公告列表 */
        .notice-item { display: flex; align-items: flex-start; padding: 16px 20px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; }
        .notice-item:hover { background: var(--bg-page); }
        .notice-item:last-child { border-bottom: none; }
        .notice-icon { width: 40px; height: 40px; border-radius: 8px; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px; flex-shrink: 0; }
        .notice-icon svg { width: 20px; height: 20px; fill: var(--primary); }
        .notice-content { flex: 1; }
        .notice-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; }
        .notice-meta { font-size: 12px; color: var(--text-tertiary); }
        .notice-time { font-size: 12px; color: var(--text-tertiary); margin-left: 16px; }
        
        /* 作业卡片 */
        .homework-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
        .homework-card { background: var(--bg-card); border-radius: 12px; padding: 20px; box-shadow: var(--shadow-sm); cursor: pointer; transition: all 0.2s; }
        .homework-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
        .homework-card-header { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 14px; }
        .homework-card-title { font-size: 16px; font-weight: 600; flex: 1; }
        .homework-card-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
        .homework-tag { font-size: 12px; padding: 4px 12px; background: var(--bg-page); border-radius: 4px; color: var(--text-secondary); }
        .homework-tag.auto { background: #E8F5E9; color: var(--success); }
        .homework-tag.waiting { background: #FFF7E6; color: var(--warning); }
        .homework-tag.correcting { background: var(--primary-light); color: var(--primary); }
        .homework-tag.done { background: #F6FFED; color: var(--success); }
        .homework-progress { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
        .progress-bar { flex: 1; height: 8px; background: var(--primary-light); border-radius: 4px; overflow: hidden; }
        .progress-fill { height: 100%; background: var(--primary); border-radius: 4px; transition: width 0.3s; }
        .progress-text { font-size: 13px; color: var(--text-tertiary); min-width: 100px; text-align: right; }
        .homework-actions { display: flex; gap: 12px; }
        .action-btn { flex: 1; padding: 10px; text-align: center; border-radius: 8px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.2s; }
        .action-btn.primary { background: var(--primary); color: #fff; }
        .action-btn.primary:hover { background: var(--primary-dark); }
        .action-btn.secondary { background: var(--primary-light); color: var(--primary); }
        .action-btn.secondary:hover { background: #D5E6FF; }
        
        /* 批阅学生列表 */
        .grading-header-bar { display: flex; align-items: center; gap: 16px; padding: 16px 24px; background: var(--bg-card); border-bottom: 1px solid var(--border); }
        .back-btn { width: 38px; height: 38px; border-radius: 8px; background: var(--bg-page); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.2s; }
        .back-btn:hover { background: var(--border-light); }
        .back-btn svg { width: 20px; height: 20px; fill: var(--text-secondary); }
        .grading-info { flex: 1; }
        .grading-info h3 { font-size: 16px; font-weight: 600; }
        .grading-info p { font-size: 13px; color: var(--text-tertiary); margin-top: 2px; }
        .grading-stats { display: flex; gap: 16px; }
        .grading-stat { padding: 12px 20px; background: var(--bg-page); border-radius: 8px; text-align: center; }
        .grading-stat .value { font-size: 22px; font-weight: 700; color: var(--primary); }
        .grading-stat .value.auto { color: var(--success); }
        .grading-stat .value.manual { color: var(--warning); }
        .grading-stat .label { font-size: 12px; color: var(--text-tertiary); margin-top: 4px; }
        
        /*批阅弹窗 */
        .grading-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 200; display: none; align-items: center; justify-content: center; }
        .grading-modal.active { display: flex; }
        .modal-content { width: 820px; max-height: 90vh; background: #fff; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
        .modal-header { background: var(--primary); padding: 18px 24px; display: flex; align-items: center; gap: 16px; }
        .modal-close-btn { width: 34px; height: 34px; border-radius: 8px; background: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; cursor: pointer; }
        .modal-close-btn svg { width: 18px; height: 18px; fill: #fff; }
        .modal-title { flex: 1; font-size: 16px; font-weight: 600; color: #fff; }
        .modal-submit-btn { padding: 8px 20px; background: rgba(255,255,255,0.2); border: none; border-radius: 8px; color: #fff; font-size: 14px; font-weight: 500; cursor: pointer; }
        .modal-submit-btn:hover { background: rgba(255,255,255,0.3); }
        .modal-body { flex: 1; overflow-y: auto; padding: 24px; }
        
        /* 题目 */
        .question-item { background: var(--bg-page); border-radius: 12px; padding: 20px; margin-bottom: 16px; }
        .question-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
        .question-num { font-size: 15px; font-weight: 600; }
        .question-type { font-size: 12px; padding: 4px 12px; background: var(--primary-light); color: var(--primary); border-radius: 4px; }
        .question-content { font-size: 14px; line-height: 1.7; margin-bottom: 16px; }
        .question-options { margin-bottom: 16px; }
        .option-item { display: flex; align-items: center; padding: 12px 16px; background: var(--bg-card); border-radius: 8px; margin-bottom: 8px; font-size: 14px; }
        .option-item.correct { background: #F6FFED; border: 1px solid var(--success); }
        .option-item.wrong { background: #FFF0F0; border: 1px solid var(--danger); }
        .option-letter { width: 28px; height: 28px; border-radius: 50%; background: var(--bg-page); display: flex; align-items: center; justify-content: center; margin-right: 12px; font-weight: 600; }
        .auto-judge-badge { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--success); margin-bottom: 12px; padding: 8px 12px; background: #F6FFED; border-radius: 6px; }
        .auto-judge-badge svg { width: 18px; height: 18px; fill: var(--success); }
        
        /* 主观题批注 */
        .subjective-area { background: var(--bg-card); border-radius: 10px; padding: 18px; }
        .subjective-label { font-size: 13px; color: var(--text-tertiary); margin-bottom: 10px; font-weight: 500; }
        .student-answer { font-size: 14px; color: var(--text-secondary); padding: 14px; background: var(--bg-page); border-radius: 8px; margin-bottom: 16px; line-height: 1.7; }
        .annotation-tools { display: flex; gap: 10px; margin-bottom: 14px; }
        .tool-btn { width: 40px; height: 40px; border-radius: 8px; background: var(--bg-page); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; }
        .tool-btn:hover { background: var(--border-light); }
        .tool-btn.active { background: var(--primary); border-color: var(--primary); }
        .tool-btn.active svg { fill: #fff; }
        .tool-btn svg { width: 18px; height: 18px; fill: var(--text-secondary); }
        .annotation-input { width: 100%; min-height: 90px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px; resize: none; outline: none; }
        .annotation-input:focus { border-color: var(--primary); }
        .score-input-area { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
        .score-input-area label { font-size: 14px; color: var(--text-secondary); }
        .score-input { width: 80px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; font-size: 14px; text-align: center; outline: none; }
        .score-input:focus { border-color: var(--primary); }
        .score-total { font-size: 13px; color: var(--text-tertiary); }
        
        .modal-footer { padding: 18px 24px; background: var(--bg-card); border-top: 1px solid var(--border); }
        .submit-grading-btn { width: 100%; padding: 14px; background: var(--primary); color: #fff; border: none; border-radius: 10px; font-size: 15px; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 10px; transition: background 0.2s; }
        .submit-grading-btn:hover { background: var(--primary-dark); }
        .submit-grading-btn svg { width: 20px; height: 20px; fill: #fff; }
        
        /* 题库 */
        .bank-card { background: var(--bg-card); border-radius: 12px; padding: 20px; margin-bottom: 16px; box-shadow: var(--shadow-sm); cursor: pointer; transition: all 0.2s; }
        .bank-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
        .bank-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
        .bank-title { font-size: 15px; font-weight: 600; }
        .bank-count { font-size: 12px; color: var(--text-tertiary); }
        .bank-tags { display: flex; flex-wrap: wrap; gap: 8px; }
        .bank-tag { font-size: 12px; padding: 4px 12px; background: var(--primary-light); color: var(--primary); border-radius: 4px; }
        
        /* 错题热力图 */
        .heat-chart { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; padding: 20px; background: var(--bg-page); border-radius: 10px; }
        .heat-cell { height: 64px; border-radius: 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; font-weight: 500; }
        .heat-cell .percent { font-size: 16px; }
        .heat-cell .label { font-size: 11px; opacity: 0.9; margin-top: 4px; }
        
        /* 导出选项 */
        .export-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .export-item { padding: 24px 16px; background: var(--bg-page); border-radius: 12px; text-align: center; cursor: pointer; transition: all 0.2s; }
        .export-item:hover { background: var(--primary-light); }
        .export-icon { width: 52px; height: 52px; background: var(--bg-card); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; box-shadow: var(--shadow-sm); }
        .export-icon svg { width: 26px; height: 26px; fill: var(--primary); }
        .export-name { font-size: 14px; font-weight: 500; }
        
        /* 效率排名 */
        .rank-list { display: flex; flex-direction: column; gap: 12px; }
        .rank-item { display: flex; align-items: center; padding: 14px 16px; background: var(--bg-page); border-radius: 10px; }
        .rank-num { width: 28px; height: 28px; border-radius: 50%; background: var(--primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; margin-right: 14px; }
        .rank-num.top { background: var(--warning); }
        .rank-name { flex: 1; font-size: 14px; font-weight: 500; }
        .rank-value { font-size: 15px; font-weight: 600; color: var(--primary); }
        
        /* 登录日志 */
        .log-list { background: var(--bg-card); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-sm); }
        .log-item { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--border-light); }
        .log-item:last-child { border-bottom: none; }
        .log-icon { width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 14px; }
        .log-icon.success { background: #F6FFED; }
        .log-icon.success svg { fill: var(--success); }
        .log-icon.fail { background: #FFF0F0; }
        .log-icon.fail svg { fill: var(--danger); }
        .log-icon svg { width: 20px; height: 20px; }
        .log-info { flex: 1; }
        .log-info h4 { font-size: 14px; font-weight: 500; margin-bottom: 3px; }
        .log-info p { font-size: 12px; color: var(--text-tertiary); }
        .log-time { font-size: 12px; color: var(--text-tertiary); }
        
        /* Toast */
        .toast { position: fixed; top: 24px; left: 50%; transform: translateX(-50%) translateY(-100px); background: rgba(0,0,0,0.75); color: #fff; padding: 12px 24px; border-radius: 8px; font-size: 14px; z-index: 300; opacity: 0; transition: all 0.3s ease; }
        .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
        
        /* 消息列表 */
        .message-item { display: flex; align-items: flex-start; padding: 16px 20px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; }
        .message-item:hover { background: var(--bg-page); }
        .message-item.unread { background: var(--primary-light); }
        .message-item.unread:hover { background: #D5E6FF; }
        .message-icon { width: 42px; height: 42px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px; flex-shrink: 0; }
        .message-icon svg { width: 22px; height: 22px; fill: var(--primary); }
        .message-content { flex: 1; }
        .message-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
        .message-title .new-badge { width: 8px; height: 8px; background: var(--danger); border-radius: 50%; }
        .message-meta { font-size: 12px; color: var(--text-tertiary); }
        .message-time { font-size: 12px; color: var(--text-tertiary); margin-left: 16px; }
        
        /* 个人设置 */
        .setting-list { background: var(--bg-card); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-sm); }
        .setting-item { display: flex; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--border-light); cursor: pointer; transition: background 0.2s; }
        .setting-item:hover { background: var(--bg-page); }
        .setting-item:last-child { border-bottom: none; }
        .setting-icon { width: 40px; height: 40px; border-radius: 8px; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px; }
        .setting-icon svg { width: 20px; height: 20px; fill: var(--primary); }
        .setting-text { flex: 1; }
        .setting-title { font-size: 14px; font-weight: 500; margin-bottom: 2px; }
        .setting-desc { font-size: 12px; color: var(--text-tertiary); }
        .setting-arrow { width: 20px; height: 20px; fill: var(--text-tertiary); }
        
        /* ========== 学情分析模块（按文档2） ========== */
        /* 2.1整体分析 */
        .analysis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
        .chart-section { }
        .ratio-section { }
        .ratio-list { display: flex; flex-direction: column; gap: 10px; }
        .ratio-item { display: flex; align-items: center; gap: 10px; }
        .ratio-label { display: flex; align-items: center; gap: 6px; width: 90px; font-size: 13px; color: var(--text-secondary); }
        .ratio-dot { width: 10px; height: 10px; border-radius: 50%; }
        .ratio-value { width: 50px; font-size: 13px; font-weight: 600; color: var(--text-primary); text-align: right; }
        .ratio-bar { flex: 1; height: 8px; background: var(--border-light); border-radius: 4px; overflow: hidden; }
        .ratio-fill { height: 100%; border-radius: 4px; }
        .ratio-total { margin-top: 16px; padding: 10px 14px; background: #F6FFED; border-radius: 8px; font-size: 13px; color: var(--success); text-align: center; }
        
        /* 2.2个体跟踪 - ABCD分段 */
        .abcd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
        .abcd-section { border-radius: 10px; overflow: hidden; border: 1px solid var(--border-light); }
        .abcd-header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; color: #fff; }
        .abcd-label { width: 28px; height: 28px; border-radius: 6px; background: rgba(255,255,255,0.3); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; }
        .abcd-title { flex: 1; font-size: 13px; font-weight: 500; }
        .abcd-count { font-size: 12px; opacity: 0.9; }
        .abcd-list { padding: 10px 14px; background: var(--bg-card); }
        .abcd-item { display: flex; justify-content: space-between; padding: 6px 0; font-size: 13px; color: var(--text-primary); border-bottom: 1px solid var(--border-light); }
        .abcd-item:last-child { border-bottom: none; }
        .abcd-item .score { color: var(--text-secondary); }
        
        /* 2.2个体跟踪 - 偏科预警 */
        .warning-list { display: flex; flex-direction: column; gap: 12px; }
        .warning-item { display: flex; align-items: flex-start; gap: 14px; padding: 16px; background: var(--bg-page); border-radius: 10px; }
        .warning-icon { width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .warning-icon.danger { background: #FFF0F0; }
        .warning-icon.danger svg { width: 20px; height: 20px; fill: var(--danger); }
        .warning-content { flex: 1; }
        .warning-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
        .warning-desc { font-size: 13px; color: var(--text-secondary); margin-bottom: 6px; }
        .warning-trend { font-size: 12px; color: var(--text-tertiary); }
        .warning-action { display: flex; align-items: center; }
        
        /* 个人学情档案 */
        .profile-search { margin-bottom: 16px; }
        .profile-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
        .profile-card { display: flex; align-items: center; gap: 14px; padding: 16px; background: var(--bg-page); border-radius: 10px; cursor: pointer; transition: all 0.2s; }
        .profile-card:hover { background: var(--border-light); }
        .profile-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .profile-avatar svg { width: 24px; height: 24px; fill: var(--primary); }
        .profile-info { flex: 1; }
        .profile-name { font-size: 14px; font-weight: 600; margin-bottom: 2px; }
        .profile-class { font-size: 12px; color: var(--text-tertiary); margin-bottom: 4px; }
        .profile-score { font-size: 13px; color: var(--primary); font-weight: 500; }
        .profile-trend { font-size: 13px; font-weight: 600; padding: 4px 8px; border-radius: 4px; }
        .profile-trend.up { background: #F6FFED; color: var(--success); }
        .profile-trend.down { background: #FFF0F0; color: var(--danger); }
        .profile-trend.stable { background: var(--bg-page); color: var(--text-secondary); }
        
        /* 2.3群体诊断 - 薄弱知识点 */
        .knowledge-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--border-light); }
        .knowledge-item:last-child { border-bottom: none; }
        .knowledge-badge { font-size: 11px; padding: 2px 8px; border-radius: 4px; font-weight: 500; }
        .knowledge-badge.danger { background: #FFF0F0; color: var(--danger); }
        .knowledge-badge.warning { background: #FFF7E6; color: var(--warning); }
        .knowledge-name { width: 120px; font-size: 14px; }
        .knowledge-bar { flex: 1; height: 10px; background: var(--border-light); border-radius: 5px; overflow: hidden; }
        .knowledge-bar-fill { height: 100%; border-radius: 5px; }
        .knowledge-bar-fill.danger { background: var(--danger); }
        .knowledge-bar-fill.warning { background: var(--warning); }
        .knowledge-rate { width: 45px; font-size: 14px; font-weight: 600; color: var(--danger); text-align: right; }
        .knowledge-btn { padding: 6px 12px; background: var(--primary); color: #fff; border: none; border-radius: 6px; font-size: 12px; cursor: pointer; white-space: nowrap; }
        .knowledge-btn.secondary { background: var(--bg-page); color: var(--text-secondary); }
        .knowledge-btn:hover { opacity: 0.9; }
        
        /* 2.4横向对比 */
        .compare-table { border: 1px solid var(--border-light); border-radius: 10px; overflow: hidden; }
        .compare-header { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr; background: var(--bg-page); padding: 12px 16px; font-size: 13px; font-weight: 600; color: var(--text-secondary); }
        .compare-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr; padding: 12px 16px; border-bottom: 1px solid var(--border-light); font-size: 13px; }
        .compare-row:last-child { border-bottom: none; }
        .compare-row.highlight { background: var(--primary-light); }
        .compare-col { display: flex; align-items: center; }
        .compare-badge { padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; }
        .compare-badge.baseline { background: var(--primary); color: #fff; }
        .compare-badge.up { background: #F6FFED; color: var(--success); }
        .compare-badge.down { background: #FFF0F0; color: var(--danger); }
        
        .export-btn { padding: 6px 14px; background: var(--bg-page); border: 1px solid var(--border); border-radius: 6px; font-size: 12px; cursor: pointer; color: var(--text-secondary); font-weight: 500; }
        .export-btn:hover { background: var(--primary-light); color: var(--primary); border-color: var(--primary); }
        
        /* 差距分析报告 */
        .report-card { background: linear-gradient(135deg, #F6FFED 0%, #FFFFFF 100%); border: 1px solid #B7EB8F; }
        .report-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
        .report-item { display: flex; align-items: center; gap: 12px; padding: 14px; background: #fff; border-radius: 8px; }
        .report-icon { width: 40px; height: 40px; border-radius: 8px; display:flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .report-icon.green { background: #F6FFED; }
        .report-icon.green svg { width: 20px; height: 20px; fill: var(--success); }
        .report-icon.red { background: #FFF0F0; }
        .report-icon.red svg { width: 20px; height: 20px; fill: var(--danger); }
        .report-content { flex: 1; }
        .report-title { font-size: 13px; font-weight: 600; margin-bottom: 2px; }
        .report-desc { font-size: 12px; color: var(--text-secondary); }
        .report-detail { padding: 14px; background: #fff; border-radius: 8px; margin-bottom: 16px; }
        
        /* ========== 学科与班级管理样式（按文档3） ========== */
        .tree-node-actions { display: flex; gap: 8px; margin-left: auto; opacity: 0; transition: opacity 0.2s; }
        .tree-node:hover .tree-node-actions { opacity: 1; }
        .tree-action-btn { font-size: 11px; padding: 2px 8px; background: var(--bg-page); border-radius: 4px; cursor: pointer; color: var(--text-secondary); }
        .tree-action-btn:hover { background: var(--primary-light); color: var(--primary); }
        .tree-action-btn.danger:hover { background: #FFF0F0; color: var(--danger); }
        
        .class-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
        .class-card { background: var(--bg-page); border-radius: 10px; padding: 16px; }
        .class-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
        .class-grade { font-size: 15px; font-weight: 600; }
        .class-actions { display: flex; gap: 8px; opacity: 0; transition: opacity 0.2s; }
        .class-card:hover .class-actions { opacity: 1; }
        .class-action-btn { font-size: 11px; padding: 2px 8px; background: var(--bg-card); border-radius: 4px; cursor: pointer; color: var(--text-secondary); }
        .class-action-btn:hover { background: var(--primary-light); color: var(--primary); }
        .class-action-btn.danger:hover { background: #FFF0F0; color: var(--danger); }
        .class-info { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
        .class-info-item { display: flex; justify-content: space-between; font-size: 13px; }
        .class-info-item .label { color: var(--text-tertiary); }
        .class-info-item .value { color: var(--text-primary); }
        .class-slogan { font-size: 12px; color: var(--text-tertiary); font-style: italic; border-top: 1px dashed var(--border); padding-top: 10px; }
        
        .notice-list { display: flex; flex-direction: column; gap: 12px; }
        .notice-item-card { background: var(--bg-page); border-radius: 10px; padding: 16px; }
        .notice-item-card.pending { border-left: 3px solid var(--warning); }
        .notice-item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
        .notice-title { font-size: 14px; font-weight: 600; }
        .notice-meta { font-size: 12px; color: var(--text-tertiary); display: flex; align-items: center; gap: 8px; }
        .notice-status { padding: 2px 8px; border-radius: 4px; font-size: 11px; }
        .notice-status.sent { background: #F6FFED; color: var(--success); }
        .notice-status.pending { background: #FFF7E6; color: var(--warning); }
        .notice-content { font-size: 13px; color: var(--text-secondary); line-height: 1.6; margin-bottom: 10px; }
        .notice-footer { display: flex; justify-content: space-between; align-items: center; }
        .notice-push-info { font-size: 12px; color: var(--text-tertiary); display: flex; align-items: center; gap: 6px; }
        .notice-push-info svg { width: 14px; height: 14px; fill: var(--text-tertiary); }
        .notice-actions { display: flex; gap: 12px; }
        
        /* ========== 个人中心样式（按文档4） ========== */
        .profile-header { display: flex; gap: 24px; }
        .profile-avatar-large { position: relative; width: 100px; height: 100px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; }
        .avatar-edit-btn { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: 11px; background: var(--primary); color: #fff; padding: 4px 10px; border-radius: 10px; cursor: pointer; white-space: nowrap; }
        .profile-info-section { flex: 1; }
        .profile-name-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
        .profile-name { font-size: 22px; font-weight: 600; }
        .profile-badge { font-size: 12px; padding: 4px 12px; background: var(--primary-light); color: var(--primary); border-radius: 12px; }
        .profile-detail-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 16px; }
        .profile-detail-item { display: flex; align-items: center; gap: 8px; }
        .detail-label { font-size: 13px; color: var(--text-tertiary); }
        .detail-value { font-size: 13px; color: var(--text-primary); }
        .profile-signature { display: flex; align-items: center; gap: 8px; padding: 12px; background: var(--bg-page); border-radius: 8px; }
        .signature-label { font-size: 13px; color: var(--text-tertiary); }
        .signature-text { font-size: 13px; color: var(--text-primary); font-style: italic; flex: 1; }
        
        .toggle-switch { position: relative; width: 44px; height: 24px; cursor: pointer; }
        .toggle-switch input { opacity: 0; width: 0; height: 0; }
        .toggle-slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--border); border-radius: 24px; transition: 0.3s; }
        .toggle-slider:before { position: absolute; content: ''; width: 18px; height: 18px; left: 3px; bottom: 3px; background: #fff; border-radius: 50%; transition: 0.3s; }
        .toggle-switch input:checked + .toggle-slider { background: var(--primary); }
        .toggle-switch input:checked + .toggle-slider:before { transform: translateX(20px); }
        
        .message-list { display: flex; flex-direction: column; gap: 10px; }
        .message-item-card { display: flex; align-items: flex-start; gap: 12px; padding: 14px; background: var(--bg-page); border-radius: 10px; cursor: pointer; transition: background 0.2s; }
        .message-item-card:hover { background: var(--border-light); }
        .message-item-card.unread { background: var(--primary-light); }
        .message-checkbox { flex-shrink: 0; padding-top: 2px; }
        .message-checkbox input { width: 16px; height: 16px; cursor: pointer; }
        .message-icon-wrap { width: 36px; height: 36px; border-radius: 8px; background: var(--bg-card); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .message-icon-wrap.unread { background: var(--primary); }
        .message-icon-wrap svg { width: 18px; height: 18px; fill: var(--text-secondary); }
        .message-icon-wrap.unread svg { fill: #fff; }
        .message-content { flex: 1; }
        .message-title { font-size: 14px; font-weight: 500; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
        .message-desc { font-size: 13px; color: var(--text-secondary); margin-bottom: 4px; }
        .message-meta { font-size: 12px; color: var(--text-tertiary); }
    </style>
</head>
<body>
    <!-- ========== 登录页（文档1.1多方式登录） ========== -->
    <div id="loginPage" class="login-page">
        <div class="login-box">
            <div class="login-header">
                <svg class="login-logo" viewBox="0 0 48 48">
                    <rect width="48" height="48" rx="12" fill="#fff"/>
                    <path d="M14 18h8c2.2 0 4 1.8 4 4v4c0 2.2-1.8 4-4 4h-8v-4h4v-2h-4v-2h4v-2h-4v-2zm6 8h4v-2h-4v2zm0-6h4v-2h-4v2z" fill="#4A90E2"/>
                    <rect x="14" y="34" width="20" height="3" rx="1.5" fill="#4A90E2"/>
                </svg>
                <h1 class="login-title">AI智能阅卷</h1>
                <p class="login-subtitle">教师端</p>
            </div>
            <div class="login-form">
                <!-- 登录方式切换 -->
                <div class="login-tabs">
                    <div class="login-tab active" data-tab="account">账号密码登录</div>
                    <div class="login-tab" data-tab="sms">手机验证码登录</div>
                </div>
                
                <!-- 账号登录 -->
                <div id="accountLogin">
                    <div class="login-input-group">
                        <label class="login-input-label">工号/手机号</label>
                        <input type="text" class="login-input" placeholder="请输入工号或手机号" id="loginAccount">
                    </div>
                    
                    <div class="login-input-group">
                        <label class="login-input-label">密码</label>
                        <input type="password" class="login-input" placeholder="请输入密码" id="loginPassword">
                        <!-- 密码强度检测（按文档1.2强制高强度密码） -->
                        <div class="password-strength">
                            <div class="strength-bar" id="strengthBar"></div>
                        </div>
                        <div class="strength-label" id="strengthLabel"></div>
                        <div class="password-hint">密码至少8位，包含字母和数字</div>
                    </div>
                </div>
                
                <!-- 手机验证码登录（按文档1.1验证码有效期5分钟） -->
                <div id="smsLogin" style="display: none;">
                    <div class="login-input-group">
                        <label class="login-input-label">手机号</label>
                        <input type="text" class="login-input" placeholder="请输入手机号" id="loginPhone">
                    </div>
                    <div class="login-input-group">
                        <label class="login-input-label">验证码</label>
                        <div class="login-input-with-btn">
                            <input type="text" class="login-input" placeholder="请输入验证码" id="smsCode" maxlength="6">
                            <button class="send-code-btn" id="sendCodeBtn">获取验证码</button>
                        </div>
                        <div class="password-hint">验证码有效期5分钟</div>
                    </div>
                </div>
                
                <!-- 账号锁定提示（按文档1.1连续5次密码错误锁定15分钟） -->
                <div class="lock-hint" id="lockHint">连续5次密码错误，账户已锁定15分钟</div>
                
                <button class="login-btn" id="loginBtn">登 录</button>
            </div>
        </div>
    </div>
    
    <!-- ========== 主应用布局 ========== -->
    <div class="app-layout" id="appLayout">
        <!-- 左侧导航 -->
        <div class="sidebar">
            <div class="sidebar-logo">
                <div class="sidebar-logo-icon">
                    <svg viewBox="0 0 24 24"><path d="M12 3L1 9l11 6 9-4.91V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg>
                </div>
                <span class="sidebar-logo-text">AI智能阅卷</span>
            </div>
            
            <div class="sidebar-user">
                <div class="sidebar-user-info">
                    <div class="sidebar-avatar">
                        <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                    </div>
                    <div>
                        <div class="sidebar-user-name">李老师</div>
                        <div class="sidebar-user-meta">三年级数学</div>
                    </div>
                </div>
            </div>
            
            <nav class="sidebar-nav">
                <!-- 按文档2.学情分析 -->
                <div class="sidebar-nav-item active" data-page="homePage" onclick="showPage('homePage')">
                    <svg viewBox="0 0 24 24"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>
                    <span>教学中心</span>
                </div>
                <!-- 按文档5.作业管理 -->
                <div class="sidebar-nav-item" data-page="homeworkPage" onclick="showPage('homeworkPage')">
                    <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
                    <span>作业管理</span>
                </div>
                <!-- 按文档2.学情分析 -->
                <div class="sidebar-nav-item" data-page="analysisPage" onclick="showPage('analysisPage')">
                    <svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                    <span>学情分析</span>
                </div>
                <!-- 按文档8.错题复用 -->
                <div class="sidebar-nav-item" data-page="errorPage" onclick="showPage('errorPage')">
                    <svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
                    <span>错题复用</span>
                </div>
                <!-- 按文档3.学科与班级管理 -->
                <div class="sidebar-nav-item" data-page="subjectPage" onclick="showPage('subjectPage')">
                    <svg viewBox="0 0 24 24"><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg>
                    <span>学科班级</span>
                </div>
                <!-- 按文档6.题库组卷 -->
                <div class="sidebar-nav-item" data-page="bankPage" onclick="showPage('bankPage')">
                    <svg viewBox="0 0 24 24"><path d="M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.10 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.51.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.250 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.20 2.4.15 3.5.5v11.5z"/></svg>
                    <span>题库组卷</span>
                </div>
                <!-- 按文档7.数据统计与导出 -->
                <div class="sidebar-nav-item" data-page="statPage" onclick="showPage('statPage')">
                    <svg viewBox="0 0 2424"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                    <span>数据统计</span>
                </div>
                <!-- 按文档4.个人中心 -->
                <div class="sidebar-nav-item" data-page="myPage" onclick="showPage('myPage')">
                    <svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                    <span>个人中心</span>
                    <span class="badge">3</span>
                </div>
            </nav>
            
            <div class="sidebar-footer">
                <button class="logout-btn" onclick="logout()">
                    <svg viewBox="0 0 24 24"><path d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"/></svg>
                    退出登录
                </button>
            </div>
        </div>
        
        <!-- 主内容区 -->
        <div class="main-content">
            <div class="top-bar">
                <div class="top-bar-title" id="pageTitle">教学中心</div>
                <div class="top-bar-actions">
                    <div class="top-bar-btn" onclick="showPage('myPage'); showSubPage('messagePage')">
                        <svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>
                        <span class="msg-badge">3</span>
                    </div>
                </div>
            </div>
            
            <div class="page-content">
                <!-- ========== 教学中心（首页）按文档2.学情分析 ========== -->
                <div id="homePage" class="page active">
                    <!--统计数据按文档2.1整体分析 -->
                    <div class="stats-grid">
                        <div class="stat-card">
                            <div class="stat-value">128</div>
                            <div class="stat-label">本周布置次数</div>
                            <div class="stat-trend">
                                <svg viewBox="0 0 24 24"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 6h-6z"/></svg>
                               较上周 +12%
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value">96%</div>
                            <div class="stat-label">作业完成率</div>
                            <div class="stat-trend">
                                <svg viewBox="0 0 24 24"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 6h-6z"/></svg>
                                较上周 +3%
                            </div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value">24</div>
                            <div class="stat-label">待批改作业</div>
                        </div>
                        <div class="stat-card">
                            <div class="stat-value">85.6</div>
                            <div class="stat-label">班级平均分</div>
                            <div class="stat-trend">
                                <svg viewBox="0 0 24 24"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 6h-6z"/></svg>
                                较上周 +2.3
                            </div>
                        </div>
                    </div>
                    
                    <!-- 快捷入口按文档5.作业管理 -->
                    <div class="quick-actions">
                        <div class="quick-action-item" onclick="showPage('homeworkPage')">
                            <div class="quick-action-icon" style="background: #EEF4FD;">
                                <svg viewBox="0 0 24 24" style="fill: #4A90E2;"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>
                            </div>
                            <div class="quick-action-label">布置作业</div>
                        </div>
                        <div class="quick-action-item" onclick="openGradingList(0)">
                            <div class="quick-action-icon" style="background: #FFF7E6;">
                                <svg viewBox="0 0 24 24" style="fill: #FF8C00;"><path d="M9 11H7v6c0 .55.45 1 1 1h2v-4.5l4.54.5V17l-4-4zm8-9h-2V2h-2v2H9V2H7v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z"/></svg>
                            </div>
                            <div class="quick-action-label">批阅作业</div>
                        </div>
                        <div class="quick-action-item" onclick="showPage('analysisPage')">
                            <div class="quick-action-icon" style="background: #F6FFED;">
                                <svg viewBox="0 0 24 24" style="fill: #52C41A;"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg>
                            </div>
                            <div class="quick-action-label">学情分析</div>
                        </div>
                        <div class="quick-action-item" onclick="showPage('errorPage')">
                            <div class="quick-action-icon" style="background: #FFF0F0;">
                                <svg viewBox="0 0 24 24" style="fill: #FF4757;"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>
                            </div>
                            <div class="quick-action-label">错题复用</div>
                        </div>
                    </div>
                    
                    <!-- 待批改作业按文档5.3在线批阅 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">待批改作业</span>
                            <span class="card-action" onclick="showPage('homeworkPage')">查看全部 ></span>
                        </div>
                        <div class="data-list">
                            <div class="data-item" onclick="openGradingList(0)">
                                <div class="data-item-main">
                                    <div class="data-item-title">第三单元综合测试</div>
                                    <div class="data-item-meta">三年级3班 · 42人</div>
                                </div>
                                <span class="homework-tag correcting">批阅中</span>
                            </div>
                            <div class="data-item" onclick="openGradingList(1)">
                                <div class="data-item-main">
                                    <div class="data-item-title">课后练习题</div>
                                    <div class="data-item-meta">三年级4班 · 40人</div>
                                </div>
                                <span class="homework-tag waiting">待批改</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 班级概况按文档2.4横向对比 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级平均分对比</span>
                            <span class="card-action" onclick="showPage('analysisPage')">差距报告 ></span>
                        </div>
                        <div class="class-compare-grid">
                            <div class="class-compare-item">
                                <div class="class-name">三年级3班</div>
                                <div class="class-score">85.6</div>
                                <div class="class-diff">+0.8 vs年级</div>
                            </div>
                            <div class="class-compare-item">
                                <div class="class-name">三年级4班</div>
                                <div class="class-score">83.2</div>
                                <div class="class-diff negative">-1.6 vs年级</div>
                            </div>
                            <div class="class-compare-item">
                                <div class="class-name">三年级5班</div>
                                <div class="class-score">88.1</div>
                                <div class="class-diff">+3.3 vs年级</div>
                            </div>
                            <div class="class-compare-item">
                                <div class="class-name">年级平均</div>
                                <div class="class-score">86.4</div>
                                <div class="class-diff">基准</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 作业管理（按文档5） ========== -->
                <div id="homeworkPage" class="page">
                    <div class="filter-bar">
                        <span class="filter-chip active">全部</span>
                        <span class="filter-chip">待发布</span>
                        <span class="filter-chip">进行中</span>
                        <span class="filter-chip">待批改</span>
                        <span class="filter-chip">已完成</span>
                    </div>
                    
                    <div class="homework-cards">
                        <!-- 按文档5.1作业配置 -->
                        <div class="homework-card" onclick="openGradingList(0)">
                            <div class="homework-card-header">
                                <span class="homework-card-title">第三单元综合测试</span>
                                <span class="homework-tag correcting">待批改</span>
                            </div>
                            <div class="homework-card-tags">
                                <span class="homework-tag">三年级3班</span>
                                <span class="homework-tag">满分100分</span>
                                <span class="homework-tag auto">客观题已判</span>
                            </div>
                            <div class="homework-progress">
                                <div class="progress-bar"><div class="progress-fill" style="width: 64%;"></div></div>
                                <span class="progress-text">已提交 27/42</span>
                            </div>
                            <div class="homework-actions">
                                <div class="action-btn primary" onclick="event.stopPropagation(); openGradingList(0)">开始批阅</div>
                                <div class="action-btn secondary" onclick="event.stopPropagation(); showToast('预览作业')">预览</div>
                            </div>
                        </div>
                        
                        <div class="homework-card" onclick="openGradingList(1)">
                            <div class="homework-card-header">
                                <span class="homework-card-title">课后练习题</span>
                                <span class="homework-tag correcting">批阅中</span>
                            </div>
                            <div class="homework-card-tags">
                                <span class="homework-tag">三年级4班</span>
                                <span class="homework-tag">满分100分</span>
                            </div>
                            <div class="homework-progress">
                                <div class="progress-bar"><div class="progress-fill" style="width: 100%;"></div></div>
                                <span class="progress-text">已提交 40/40</span>
                            </div>
                            <div class="homework-actions">
                                <div class="action-btn primary" onclick="event.stopPropagation(); openGradingList(1)">继续批阅</div>
                                <div class="action-btn secondary" onclick="event.stopPropagation(); showToast('撤回作业')">撤回</div>
                            </div>
                        </div>
                        
                        <!-- 按文档5.2发布与预览 -->
                        <div class="homework-card">
                            <div class="homework-card-header">
                                <span class="homework-card-title">第四单元预习</span>
                                <span class="homework-tag waiting">待发布</span>
                            </div>
                            <div class="homework-card-tags">
                                <span class="homework-tag">三年级5班</span>
                                <span class="homework-tag">限时30分钟</span>
                                <span class="homework-tag">中等难度</span>
                                <span class="homework-tag">分层作业</span>
                            </div>
                            <div class="homework-actions">
                                <div class="action-btn primary" onclick="showToast('发布成功，已通知家长')">发布作业</div>
                                <div class="action-btn secondary" onclick="showToast('打开编辑页面')">编辑</div>
                            </div>
                        </div>
                        
                        <div class="homework-card">
                            <div class="homework-card-header">
                                <span class="homework-card-title">期中模拟卷</span>
                                <span class="homework-tag done">已完成</span>
                            </div>
                            <div class="homework-card-tags">
                                <span class="homework-tag">三年级3班</span>
                                <span class="homework-tag">平均分88.5</span>
                            </div>
                            <div class="homework-progress">
                                <div class="progress-bar"><div class="progress-fill" style="width: 100%;"></div></div>
                                <span class="progress-text">完成率 100%</span>
                            </div>
                            <div class="homework-actions">
                                <div class="action-btn secondary" onclick="showToast('查看学情报告')">查看报告</div>
                                <div class="action-btn secondary" onclick="showToast('导出成绩表')">导出成绩</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 批阅学生列表 ========== -->
                <div id="gradingListPage" class="page">
                    <div class="grading-header-bar">
                        <div class="back-btn" onclick="showPage('homeworkPage')">
                            <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
                        </div>
                        <div class="grading-info">
                            <h3 id="gradingHomeworkName">第三单元综合测试</h3>
                            <p id="gradingHomeworkClass">三年级3班 · 42人</p>
                        </div>
                    </div>
                    
                    <div style="display: flex; gap: 16px; padding: 20px; background: var(--bg-card); margin-bottom: 20px; border-radius: 12px;">
                        <div class="grading-stat">
                            <div class="value auto">26</div>
                            <div class="label">客观题已判</div>
                        </div>
                        <div class="grading-stat">
                            <div class="value manual">12</div>
                            <div class="label">主观题待批</div>
                        </div>
                        <div class="grading-stat">
                            <div class="value">4</div>
                            <div class="label">未提交</div>
                        </div>
                    </div>
                    
                    <div class="data-list">
                        <!-- 按文档5.3在线批阅 -->
                        <div class="data-item" onclick="openGradingModal(0)">
                            <div class="student-avatar" style="width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px;">
                                <svg viewBox="0 0 24 24" style="width: 24px; height: 24px; fill: var(--primary);"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                            </div>
                            <div class="data-item-main">
                                <div class="data-item-title">张小明</div>
                                <div class="data-item-meta">客观题100分 · 主观题待批</div>
                            </div>
                            <div style="text-align: right;">
                                <div style="font-size: 18px; font-weight: 700; color: var(--primary);">--/100</div>
                                <span class="homework-tag waiting">待批改</span>
                            </div>
                        </div>
                        
                        <div class="data-item" onclick="openGradingModal(1)">
                            <div class="student-avatar" style="width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px;">
                                <svg viewBox="0 0 24 24" style="width: 24px; height: 24px; fill: var(--primary);"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                            </div>
                            <div class="data-item-main">
                                <div class="data-item-title">李小红</div>
                                <div class="data-item-meta">客观题100分 · 主观题待批</div>
                            </div>
                            <div style="text-align: right;">
                                <div style="font-size: 18px; font-weight: 700; color: var(--primary);">--/100</div>
                                <span class="homework-tag waiting">待批改</span>
                            </div>
                        </div>
                        
                        <div class="data-item">
                            <div class="student-avatar" style="width: 44px; height: 44px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; margin-right: 14px;">
                                <svg viewBox="0 0 24 24" style="width: 24px; height: 24px; fill: var(--primary);"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                            </div>
                            <div class="data-item-main">
                                <div class="data-item-title">王强</div>
                                <div class="data-item-meta">客观题95分 · 已批改</div>
                            </div>
                            <div style="text-align: right;">
                                <div style="font-size: 18px; font-weight: 700; color: var(--primary);">92/100</div>
                                <span class="homework-tag done">已批改</span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 学情分析（按文档2） ========== -->
                <div id="analysisPage" class="page">
                    <!-- 按文档2.1整体分析：直方图+分数段占比+统计数据 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级成绩分布</span>
                            <div class="filter-bar" style="margin: 0;">
                                <span class="filter-chip active">本周</span>
                                <span class="filter-chip">本月</span>
                                <span class="filter-chip">本学期</span>
                            </div>
                        </div>
                        <div class="analysis-grid">
                            <!-- 左侧：直方图 -->
                            <div class="chart-section">
                                <div style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">成绩分布直方图</div>
                                <div class="chart-area">
                                    <div class="bar-group"><div class="bar-value">5人</div><div class="bar" style="height: 40px;"></div><span class="bar-label"><60分</span></div>
                                    <div class="bar-group"><div class="bar-value">8人</div><div class="bar" style="height: 64px;"></div><span class="bar-label">60-70</span></div>
                                    <div class="bar-group"><div class="bar-value">15人</div><div class="bar" style="height: 120px;"></div><span class="bar-label">70-80</span></div>
                                    <div class="bar-group"><div class="bar-value">20人</div><div class="bar" style="height: 160px;"></div><span class="bar-label">80-90</span></div>
                                    <div class="bar-group"><div class="bar-value">12人</div><div class="bar" style="height: 96px;"></div><span class="bar-label">90-100</span></div>
                                </div>
                            </div>
                            <!-- 右侧：分数段占比（总和100%） -->
                            <div class="ratio-section">
                                <div style="font-size: 13px; color: var(--text-secondary); margin-bottom: 12px;">分数段占比分析<span style="color: var(--success); font-weight: 600;">总和=100%</span></div>
                                <div class="ratio-list">
                                    <div class="ratio-item">
                                        <span class="ratio-label"><span class="ratio-dot" style="background: #FF4757;"></span>60分以下</span>
                                        <span class="ratio-value">8.3%</span>
                                       <div class="ratio-bar"><div class="ratio-fill" style="width: 8.3%; background: #FF4757;"></div></div>
                                    </div>
                                    <div class="ratio-item">
                                        <span class="ratio-label"><span class="ratio-dot" style="background: #FF9500;"></span>60-70分</span>
                                        <span class="ratio-value">13.3%</span>
                                        <div class="ratio-bar"><div class="ratio-fill" style="width: 13.3%; background: #FF9500;"></div></div>
                                    </div>
                                    <div class="ratio-item">
                                        <span class="ratio-label"><span class="ratio-dot" style="background: #FFB347;"></span>70-80分</span>
                                        <span class="ratio-value">25.0%</span>
                                        <div class="ratio-bar"><div class="ratio-fill" style="width: 25%; background: #FFB347;"></div></div>
                                    </div>
                                    <div class="ratio-item">
                                        <span class="ratio-label"><span class="ratio-dot" style="background: #4A90E2;"></span>80-90分</span>
                                        <span class="ratio-value">33.3%</span>
                                        <div class="ratio-bar"><div class="ratio-fill" style="width: 33.3%; background: #4A90E2;"></div></div>
                                    </div>
                                    <div class="ratio-item">
                                        <span class="ratio-label"><span class="ratio-dot" style="background: #2ECC71;"></span>90-100分</span>
                                        <span class="ratio-value">20.0%</span>
                                        <div class="ratio-bar"><div class="ratio-fill" style="width: 20%; background: #2ECC71;"></div></div>
                                    </div>
                                </div>
                                <div class="ratio-total">占比总和：<strong>100%</strong> ✓</div>
                            </div>
                        </div>
                        <!-- 统计数据（与原始成绩一致） -->
                        <div class="score-stats" style="margin-top: 20px; border-top: 1px solid var(--border); padding-top: 20px;">
                            <div class="score-stat-item"><div class="value">85.6</div><div class="label">班级平均分</div></div>
                            <div class="score-stat-item"><div class="value">98</div><div class="label">最高分</div></div>
                            <div class="score-stat-item"><div class="value">52</div><div class="label">最低分</div></div>
                            <div class="score-stat-item"><div class="value">60人</div><div class="label">参考人数</div></div>
                            <div class="score-stat-item"><div class="value">100%</div><div class="label">完成率</div></div>
                        </div>
                    </div>
                    
                    <!-- 按文档2.2个体跟踪：ABCD分段+偏科预警+学情档案 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">ABCD分段名单</span>
                            <span style="font-size: 12px; color: var(--text-secondary);">按成绩自动分级</span>
                        </div>
                        <div class="abcd-grid">
                            <div class="abcd-section">
                                <div class="abcd-header" style="background: linear-gradient(135deg, #2ECC71, #27AE60);">
                                    <span class="abcd-label">A</span>
                                    <span class="abcd-title">优秀 (90-100分)</span>
                                    <span class="abcd-count">12人</span>
                                </div>
                                <div class="abcd-list">
                                    <div class="abcd-item">张小明 <span class="score">98分</span></div>
                                    <div class="abcd-item">李雨晴 <span class="score">95分</span></div>
                                    <div class="abcd-item">王浩然 <span class="score">92分</span></div>
                                </div>
                            </div>
                            <div class="abcd-section">
                                <div class="abcd-header" style="background: linear-gradient(135deg, #4A90E2, #3498DB);">
                                    <span class="abcd-label">B</span>
                                    <span class="abcd-title">良好 (80-89分)</span>
                                    <span class="abcd-count">20人</span>
                                </div>
                                <div class="abcd-list">
                                    <div class="abcd-item">赵诗涵 <span class="score">88分</span></div>
                                    <div class="abcd-item">陈子轩 <span class="score">85分</span></div>
                                    <div class="abcd-item">刘思琪 <span class="score">82分</span></div>
                                </div>
                            </div>
                            <div class="abcd-section">
                                <div class="abcd-header" style="background: linear-gradient(135deg, #FFB347, #FF9500);">
                                    <span class="abcd-label">C</span>
                                    <span class="abcd-title">中等 (70-79分)</span>
                                    <span class="abcd-count">15人</span>
                                </div>
                                <div class="abcd-list">
                                    <div class="abcd-item">周天宇 <span class="score">78分</span></div>
                                    <div class="abcd-item">吴美琪 <span class="score">75分</span></div>
                                    <div class="abcd-item">郑浩然 <span class="score">72分</span></div>
                                </div>
                            </div>
                            <div class="abcd-section">
                                <div class="abcd-header" style="background: linear-gradient(135deg, #FF6B7A, #FF4757);">
                                    <span class="abcd-label">D</span>
                                    <span class="abcd-title">待提升 (<70分)</span>
                                    <span class="abcd-count">13人</span>
                                </div>
                                <div class="abcd-list">
                                    <div class="abcd-item">孙晨曦 <span class="score">68分</span></div>
                                    <div class="abcd-item">黄语桐 <span class="score">65分</span></div>
                                    <div class="abcd-item">林志强 <span class="score">52分</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档2.2个体跟踪：偏科预警（低于平均分30%可配置）+学情档案 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">偏科预警</span>
                            <div style="display: flex; align-items: center; gap: 12px;">
                                <span style="font-size: 12px; color: var(--text-secondary);">预警阈值：低于平均分 <input type="number" id="warnThreshold" value="30" min="10" max="50" style="width: 50px; padding: 4px 8px; border: 1px solid var(--border); border-radius: 6px; text-align: center; font-size: 13px;"/>%</span>
                                <span class="tag tag-danger" style="font-size: 13px;">2人预警</span>
                            </div>
                        </div>
                        <div class="warning-list">
                            <div class="warning-item">
                                <div class="warning-icon danger"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 22 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 122zm115h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg></div>
                                <div class="warning-content">
                                    <div class="warning-title">张小红 - 数学偏弱 <span class="tag tag-warning">实时预警</span></div>
                                    <div class="warning-desc">三年级3班 · 数学62分（低于平均分30.2分）</div>
                                    <div class="warning-trend">📈 全学期追踪：连续3次低于阈值</div>
                                </div>
                                <div class="warning-action">
                                    <span class="card-action" onclick="openStudentProfile('zhangxiaohong')">查看档案 ></span>
                                </div>
                            </div>
                            <div class="warning-item">
                                <div class="warning-icon danger"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg></div>
                                <div class="warning-content">
                                    <div class="warning-title">李明 - 英语偏弱 <span class="tag tag-warning">实时预警</span></div>
                                    <div class="warning-desc">三年级4班 · 英语58分（低于平均分32.8分）</div>
                                    <div class="warning-trend">📈 全学期追踪：首次触发预警</div>
                                </div>
                                <div class="warning-action">
                                    <span class="card-action" onclick="openStudentProfile('liming')">查看档案 ></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 个人学情档案入口 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">个人学情档案</span>
                            <span style="font-size: 12px; color: var(--text-secondary);">支持全学期追踪</span>
                        </div>
                        <div class="profile-search">
                            <input type="text" placeholder="搜索学生姓名或学号查看学情档案..." style="width: 100%; padding: 12px 16px; border: 1px solid var(--border); border-radius: 8px; font-size: 14px;"/>
                        </div>
                        <div class="profile-grid">
                            <div class="profile-card" onclick="openStudentProfile('zhangxiaohong')">
                                <div class="profile-avatar"><svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div>
                                <div class="profile-info">
                                    <div class="profile-name">张小明</div>
                                    <div class="profile-class">三年级3班</div>
                                    <div class="profile-score">平均分 92.5</div>
                                </div>
                                <div class="profile-trend up">↑ 3.2分</div>
                            </div>
                            <div class="profile-card" onclick="openStudentProfile('lihongmei')">
                                <div class="profile-avatar"><svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div>
                                <div class="profile-info">
                                    <div class="profile-name">李红梅</div>
                                    <div class="profile-class">三年级3班</div>
                                    <div class="profile-score">平均分 88.0</div>
                                </div>
                                <div class="profile-trend down">↓1.5分</div>
                            </div>
                            <div class="profile-card" onclick="openStudentProfile('wanghao')">
                                <div class="profile-avatar"><svg viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg></div>
                                <div class="profile-info">
                                    <div class="profile-name">王浩</div>
                                    <div class="profile-class">三年级4班</div>
                                    <div class="profile-score">平均分 85.2</div>
                                </div>
                                <div class="profile-trend stable">→ 持平</div>
                            </div>
                        </div>
</div>
                    
                    <!-- 按文档2.3群体诊断：薄弱知识点+共性问题标注（阈值可配置）+关联习题 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级薄弱知识点</span>
                            <div style="display: flex; align-items: center; gap: 12px;">
                                <span style="font-size: 12px; color: var(--text-secondary);">共性问题阈值：<input type="number" id="commonThreshold" value="60" min="30" max="80" style="width: 50px; padding: 4px 8px; border: 1px solid var(--border); border-radius: 6px; text-align: center; font-size: 13px;"/>%</span>
                                <span class="tag tag-info">3个共性问题</span>
                            </div>
                        </div>
                        <div class="knowledge-list">
                            <div class="knowledge-item common" onclick="showRecommendedExercises('equation')">
                                <div class="knowledge-badge danger">共性问题</div>
                                <span class="knowledge-name">一元二次方程</span>
                                <div class="knowledge-bar"><div class="knowledge-bar-fill danger" style="width: 68%;"></div></div>
                                <span class="knowledge-rate">68%</span>
                                <button class="knowledge-btn" onclick="event.stopPropagation(); showRecommendedExercises('equation')">推荐习题 (86%匹配)</button>
                            </div>
                            <div class="knowledge-item common" onclick="showRecommendedExercises('fraction')">
                                <div class="knowledge-badge warning">共性问题</div>
                                <span class="knowledge-name">分数运算</span>
                                <div class="knowledge-bar"><div class="knowledge-bar-fill warning" style="width: 55%;"></div></div>
                                <span class="knowledge-rate">55%</span>
                                <button class="knowledge-btn" onclick="event.stopPropagation(); showRecommendedExercises('fraction')">推荐习题 (91%匹配)</button>
                            </div>
                            <div class="knowledge-item common" onclick="showRecommendedExercises('geometry')">
                                <div class="knowledge-badge warning">共性问题</div>
                                <span class="knowledge-name">几何证明</span>
                                <div class="knowledge-bar"><div class="knowledge-bar-fill warning" style="width: 48%;"></div></div>
                                <span class="knowledge-rate">48%</span>
                                <button class="knowledge-btn" onclick="event.stopPropagation(); showRecommendedExercises('geometry')">推荐习题 (88%匹配)</button>
                            </div>
                            <div class="knowledge-item" onclick="showRecommendedExercises('application')">
                                <span class="knowledge-name">应用题</span>
                                <div class="knowledge-bar"><div class="knowledge-bar-fill" style="width: 35%;"></div></div>
                                <span class="knowledge-rate">35%</span>
                                <button class="knowledge-btn secondary" onclick="event.stopPropagation(); showRecommendedExercises('application')">推荐习题</button>
                            </div>
                            <div class="knowledge-item" onclick="showRecommendedExercises('calculation')">
                                <span class="knowledge-name">基础计算</span>
                                <div class="knowledge-bar"><div class="knowledge-bar-fill" style="width: 22%;"></div></div>
                                <span class="knowledge-rate">22%</span>
                                <button class="knowledge-btn secondary" onclick="event.stopPropagation(); showRecommendedExercises('calculation')">推荐习题</button>
                            </div>
                        </div>
                        <div style="margin-top: 16px; padding: 12px; background: var(--bg-secondary); border-radius: 8px; font-size: 12px; color: var(--text-secondary);">
                            <strong>匹配率说明：</strong>推荐习题与薄弱知识点的匹配率 ≥ 85%
                        </div>
                    </div>
                    
                    <!-- 按文档2.4横向对比：班级对比+差距报告+导出 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级横向对比</span>
                            <div style="display: flex; gap: 8px;">
                                <span class="card-action" onclick="showGapReport()">生成差距报告</span>
                                <button class="export-btn" onclick="exportReport('pdf')">导出PDF</button>
                                <button class="export-btn" onclick="exportReport('excel')">导出Excel</button>
                            </div>
                        </div>
                        <div class="compare-table">
                            <div class="compare-header">
                                <div class="compare-col">班级</div>
                                <div class="compare-col">参考人数</div>
                                <div class="compare-col">平均分</div>
                                <div class="compare-col">最高分</div>
                                <div class="compare-col">最低分</div>
                                <div class="compare-col">对比差距</div>
                            </div>
                            <div class="compare-row highlight">
                                <div class="compare-col">三年级3班（本校）</div>
                                <div class="compare-col">42人</div>
                                <div class="compare-col">85.6</div>
                                <div class="compare-col">98</div>
                                <div class="compare-col">52</div>
                                <div class="compare-col"><span class="compare-badge baseline">基准班级</span></div>
                            </div>
                            <div class="compare-row">
                                <div class="compare-col">三年级4班</div>
                                <div class="compare-col">40人</div>
                                <div class="compare-col">82.3</div>
                                <div class="compare-col">96</div>
                                <div class="compare-col">48</div>
                                <div class="compare-col"><span class="compare-badge down">-3.3分</span></div>
                            </div>
                            <div class="compare-row">
                                <div class="compare-col">三年级5班</div>
                                <div class="compare-col">41人</div>
                                <div class="compare-col">88.1</div>
                                <div class="compare-col">99</div>
                                <div class="compare-col">55</div>
                                <div class="compare-col"><span class="compare-badge up">+2.5分</span></div>
                            </div>
                            <div class="compare-row">
                                <div class="compare-col">三年级6班</div>
                                <div class="compare-col">43人</div>
                                <div class="compare-col">80.5</div>
                                <div class="compare-col">94</div>
                                <div class="compare-col">45</div>
                                <div class="compare-col"><span class="compare-badge down">-5.1分</span></div>
                            </div>
                        </div>
                   </div>
                    
                    <!-- 差距分析报告卡片 -->
                    <div class="card report-card">
                        <div class="card-header">
                            <span class="card-title">差距分析报告</span>
                            <span style="font-size: 12px; color: var(--text-secondary);">报告数据与原始成绩一致</span>
                        </div>
                        <div class="report-summary">
                            <div class="report-item">
                                <div class="report-icon green"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-8 8z"/></svg></div>
                                <div class="report-content">
                                    <div class="report-title">优势班级</div>
                                    <div class="report-desc">三年级5班平均分领先2.5 分</div>
                                </div>
                            </div>
                            <div class="report-item">
                                <div class="report-icon red"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg></div>
                                <div class="report-content">
                                    <div class="report-title">需关注班级</div>
                                    <div class="report-desc">三年级6班平均分落后 5.1 分</div>
                                </div>
                            </div>
                        </div>
                        <div class="report-detail">
                            <div style="font-size: 13px; font-weight: 600; margin-bottom: 8px;">主要差距原因：</div>
                            <ul style="font-size: 13px; line-height: 1.8; color: var(--text-secondary); padding-left: 20px;">
                                <li>三年级6班在「一元二次方程」模块错误率高出 12%</li>
                                <li>三年级6班在「分数运算」模块错误率高出 8%</li>
                                <li>建议针对性布置相关练习题</li>
                            </ul>
                        </div>
                        <div class="homework-actions">
                            <div class="action-btn primary" onclick="showToast('生成详细PDF报告')">生成详细PDF报告</div>
                            <div class="action-btn secondary" onclick="showToast('导出Excel数据')">导出Excel数据</div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 错题复用（按文档8） ========== -->
                <div id="errorPage" class="page">
                    <!-- 按文档8.2高频分析：错题TOP10统计 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">高频错题 TOP10</span>
                            <span class="card-action">查看全部 ></span>
                        </div>
                        <div class="knowledge-list">
                            <div class="knowledge-item">
                                <span class="knowledge-name">1. 一元二次方程求解</span>
                                <span class="knowledge-rate">累计错误 56次</span>
                            </div>
                            <div class="knowledge-item">
                                <span class="knowledge-name">2. 分数的加减运算</span>
                                <span class="knowledge-rate">累计错误 42次</span>
                            </div>
                            <div class="knowledge-item">
                                <span class="knowledge-name">3. 三角形面积计算</span>
                                <span class="knowledge-rate">累计错误 38次</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档8.2热力图 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">知识点错误率热力图</span>
                        </div>
                        <div class="heat-chart">
                            <div class="heat-cell" style="background: #FF4757;"><span class="percent">68%</span><span class="label">一元二次方程</span></div>
                            <div class="heat-cell" style="background: #FF6B7A;"><span class="percent">55%</span><span class="label">分数运算</span></div>
                            <div class="heat-cell" style="background: #FF9500;"><span class="percent">48%</span><span class="label">几何证明</span></div>
                            <div class="heat-cell" style="background: #FFB347;"><span class="percent">35%</span><span class="label">应用题</span></div>
                            <div class="heat-cell" style="background: #4A90E2;"><span class="percent">22%</span><span class="label">基础计算</span></div>
                        </div>
                    </div>
                    
                    <!-- 按文档8.1题目复用 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">错题复用</span>
                            <span class="card-action">共48题 ></span>
                        </div>
                        <div class="bank-tags" style="margin-bottom: 16px;">
                            <span class="bank-tag">一元二次方程 (12)</span>
                            <span class="bank-tag">分数运算 (8)</span>
                            <span class="bank-tag">几何证明 (6)</span>
                            <span class="bank-tag">应用题 (5)</span>
                        </div>
                        <div class="homework-actions">
                            <div class="action-btn primary" onclick="showToast('一键加入题库')">一键复用</div>
                            <div class="action-btn secondary" onclick="showToast('设置优先级')">设置优先级</div>
                        </div>
                    </div>
                    
                    <!-- 按文档8.2归因分析 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">错题归因分析</span>
                        </div>
                        <div style="font-size: 14px; line-height: 1.8; color: var(--text-secondary);">
                            <p style="margin-bottom: 12px;"><strong>主要问题：</strong></p>
                            <p>1. 学生对一元二次方程概念理解不深，导致解题思路错误</p>
                            <p>2. 分数运算中通分技巧掌握不足</p>
                            <p>3. 几何证明中辅助线添加方法不熟悉</p>
                            <p style="margin-top: 14px; margin-bottom: 12px;"><strong>建议措施：</strong></p>
                            <p>1. 增加同类题练习，强化概念理解</p>
                            <p>2. 针对性讲解通分技巧</p>
                            <p>3. 归纳常见辅助线添加方法</p>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 学科与班级管理（按文档3） ========== -->
                <div id="subjectPage" class="page">
                    <!-- 按文档3.1学科操作：创建/删除学科、知识点节点树、拖拽排序 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">学科管理</span>
                            <div style="display: flex; gap: 8px;">
                                <span class="card-action" onclick="showModal('addSubjectModal')">+ 添加学科</span>
                            </div>
                        </div>
                        <div class="subject-tree" id="subjectTree">
                            <!-- 数学学科（可拖拽排序） -->
                            <div class="tree-node expanded" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)" ondragend="dragEnd(event)">
                                <div class="tree-node-header">
                                    <div class="tree-node-icon"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3z"/></svg></div>
                                    <span class="tree-node-name">数学</span>
                                    <span class="tree-node-count">3个班级</span>
                                    <div class="tree-node-actions">
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); showModal('addChapterModal')" title="添加章节">+章节</span>
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); editSubject('math')" title="编辑">编辑</span>
                                        <span class="tree-action-btn danger" onclick="event.stopPropagation(); deleteSubjectConfirm('math')" title="删除">删除</span>
                                    </div>
                                    <svg class="tree-node-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                                </div>
                                <div class="tree-children">
                                    <div class="tree-child draggable" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)">第一章：认识分数</div>
                                    <div class="tree-child draggable" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)">第二章：一元二次方程</div>
                                    <div class="tree-child draggable" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)">第三章：几何图形</div>
                                    <div class="tree-child draggable" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)">第四章：应用题</div>
                                </div>
                            </div>
                            <!-- 英语学科 -->
                            <div class="tree-node" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)" ondragend="dragEnd(event)">
                                <div class="tree-node-header">
                                    <div class="tree-node-icon"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3z"/></svg></div>
                                    <span class="tree-node-name">英语</span>
                                    <span class="tree-node-count">2个班级</span>
                                    <div class="tree-node-actions">
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); showModal('addChapterModal')" title="添加章节">+章节</span>
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); editSubject('english')" title="编辑">编辑</span>
                                        <span class="tree-action-btn danger" onclick="event.stopPropagation(); deleteSubjectConfirm('english')" title="删除">删除</span>
                                    </div>
                                    <svg class="tree-node-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                                </div>
                            </div>
                            <!-- 语文学科 -->
                            <div class="tree-node" draggable="true" ondragstart="dragStart(event)" ondragover="dragOver(event)" ondrop="dropNode(event)" ondragend="dragEnd(event)">
                                <div class="tree-node-header">
                                    <div class="tree-node-icon"><svg viewBox="0 0 24 24"><path d="M12 3L1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3z"/></svg></div>
                                    <span class="tree-node-name">语文</span>
                                    <span class="tree-node-count">2个班级</span>
                                    <div class="tree-node-actions">
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); showModal('addChapterModal')" title="添加章节">+章节</span>
                                        <span class="tree-action-btn" onclick="event.stopPropagation(); editSubject('chinese')" title="编辑">编辑</span>
                                        <span class="tree-action-btn danger" onclick="event.stopPropagation(); deleteSubjectConfirm('chinese')" title="删除">删除</span>
                                    </div>
                                    <svg class="tree-node-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                                </div>
                            </div>
                        </div>
                        <div style="margin-top: 12px; font-size: 12px; color: var(--text-tertiary);">
                            <svg viewBox="0 0 24 24" style="width: 14px; height: 14px; fill: var(--text-tertiary); vertical-align: middle; margin-right: 4px;"><path d="M13 9h-2v2h2v-2zm0 4h-2v2h2v-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-4h2v-4h-2v4z"/></svg>
                            提示：支持拖拽节点调整顺序；删除学科前会检查是否有关联数据
                        </div>
                    </div>
                    
                    <!-- 按文档3.2班级操作：创建/删除班级、班级公告、删除二次确认 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级管理</span>
                            <span class="card-action" onclick="showModal('createClassModal')">+ 创建班级</span>
                        </div>
                        <div class="class-grid">
                            <div class="class-card">
                                <div class="class-card-header">
                                    <span class="class-grade">三年级3班</span>
                                    <div class="class-actions">
                                        <span class="class-action-btn" onclick="showModal('classSettingsModal')" title="班级设置">设置</span>
                                        <span class="class-action-btn danger" onclick="deleteClassConfirm('class3')" title="删除班级">删除</span>
                                    </div>
                                </div>
                                <div class="class-info">
                                    <div class="class-info-item"><span class="label">班主任</span><span class="value">李老师</span></div>
                                    <div class="class-info-item"><span class="label">学生数</span><span class="value">42人</span></div>
                                    <div class="class-info-item"><span class="label">学科</span><span class="value">数学、英语</span></div>
                                </div>
                                <div class="class-slogan">班级口号：团结友爱，积极进取</div>
                            </div>
                            <div class="class-card">
                                <div class="class-card-header">
                                    <span class="class-grade">三年级4班</span>
                                    <div class="class-actions">
                                        <span class="class-action-btn" onclick="showModal('classSettingsModal')" title="班级设置">设置</span>
                                        <span class="class-action-btn danger" onclick="deleteClassConfirm('class4')" title="删除班级">删除</span>
                                    </div>
                                </div>
                                <div class="class-info">
                                    <div class="class-info-item"><span class="label">班主任</span><span class="value">李老师</span></div>
                                    <div class="class-info-item"><span class="label">学生数</span><span class="value">40人</span></div>
                                    <div class="class-info-item"><span class="label">学科</span><span class="value">数学</span></div>
                                </div>
                                <div class="class-slogan">班级口号：勤奋学习，天天向上</div>
                            </div>
                            <div class="class-card">
                                <div class="class-card-header">
                                    <span class="class-grade">三年级5班</span>
                                    <div class="class-actions">
                                        <span class="class-action-btn" onclick="showModal('classSettingsModal')" title="班级设置">设置</span>
                                        <span class="class-action-btn danger" onclick="deleteClassConfirm('class5')" title="删除班级">删除</span>
                                    </div>
                                </div>
                                <div class="class-info">
                                    <div class="class-info-item"><span class="label">班主任</span><span class="value">王老师</span></div>
                                    <div class="class-info-item"><span class="label">学生数</span><span class="value">41人</span></div>
                                    <div class="class-info-item"><span class="label">学科</span><span class="value">语文</span></div>
                                </div>
                                <div class="class-slogan">班级口号：暂无</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档3.2班级公告：发布后5分钟内推送到学生端 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">班级公告</span>
                            <span class="card-action" onclick="showModal('publishNoticeModal')">+ 发布公告</span>
                        </div>
                        <div class="notice-list">
                            <div class="notice-item-card">
                                <div class="notice-item-header">
                                    <span class="notice-title">关于期中考试的安排</span>
                                    <span class="notice-meta">三年级3班 · 2024-11-15 10:30 ·<span class="notice-status sent">已推送</span></span>
                                </div>
                                <div class="notice-content">各位家长、同学：期中考试将于11月20-22日进行，请做好准备...</div>
                                <div class="notice-footer">
                                    <span class="notice-push-info"><svg viewBox="0 0 2424"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>推送成功，已通知42位家长</span>
                                    <div class="notice-actions">
                                        <span class="card-action" onclick="editNotice('notice1')">编辑</span>
                                        <span class="card-action" onclick="deleteNoticeConfirm('notice1')">删除</span>
                                    </div>
                                </div>
                            </div>
                            <div class="notice-item-card">
                                <div class="notice-item-header">
                                    <span class="notice-title">周末作业提醒</span>
                                    <span class="notice-meta">三年级4班 · 2024-11-14 16:00 · <span class="notice-status sent">已推送</span></span>
                                </div>
                                <div class="notice-content">请同学们完成数学作业第15-17页，周一交...</div>
                                <div class="notice-footer">
                                    <span class="notice-push-info"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg>推送成功，已通知40位家长</span>
                                    <div class="notice-actions">
                                        <span class="card-action" onclick="editNotice('notice2')">编辑</span>
                                        <span class="card-action" onclick="deleteNoticeConfirm('notice2')">删除</span>
                                    </div>
                                </div>
                            </div>
                            <div class="notice-item-card pending">
                                <div class="notice-item-header">
                                    <span class="notice-title">期末复习计划</span>
                                    <span class="notice-meta">三年级3班 · 2024-11-16 09:00 · <span class="notice-status pending">待推送</span></span>
                                </div>
                                <div class="notice-content">期末复习将于12月开始，请同学们做好复习计划...</div>
                                <div class="notice-footer">
                                    <span class="notice-push-info"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>将在5分钟内推送到学生端</span>
                                    <div class="notice-actions">
                                        <span class="card-action" onclick="sendNoticeNow('notice3')">立即推送</span>
                                        <span class="card-action" onclick="editNotice('notice3')">编辑</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 题库组卷（按文档6） ========== -->
                <div id="bankPage" class="page">
                    <!-- 按文档6.1智能组卷 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">智能组卷</span>
                        </div>
                        <div class="bank-tags" style="margin-bottom: 16px;">
                            <span class="bank-tag" style="cursor: pointer;">按章节选题</span>
                            <span class="bank-tag" style="cursor: pointer;">按知识点</span>
                            <span class="bank-tag" style="cursor: pointer;">按难度</span>
                        </div>
                        <div class="homework-actions">
                            <div class="action-btn primary" onclick="showToast('开始智能组卷向导')">开始智能组卷</div>
                        </div>
                    </div>
                    
                    <!-- 按文档6.2个人管理 -->
                    <div class="bank-card">
                        <div class="bank-header">
                            <span class="bank-title">我的题库</span>
                            <span class="bank-count">共 256 题</span>
                        </div>
                        <div class="bank-tags">
                            <span class="bank-tag">三年级上</span>
                            <span class="bank-tag">方程与函数</span>
                            <span class="bank-tag">几何图形</span>
                            <span class="bank-tag">应用题</span>
                        </div>
                        <div class="homework-actions" style="margin-top: 14px;">
                            <div class="action-btn secondary" onclick="showToast('查看全部题目')">查看全部</div>
                            <div class="action-btn secondary" onclick="showToast('批量编辑')">批量编辑</div>
                        </div>
                    </div>
                    
                    <div class="bank-card">
                        <div class="bank-header">
                            <span class="bank-title">历史组卷</span>
                            <span class="bank-count">最近 100 条</span>
                        </div>
                        <div class="data-list" style="margin-top: 14px;">
                            <div class="data-item">
                                <div class="data-item-main">
                                    <div class="data-item-title">第三单元综合测试</div>
                                    <div class="data-item-meta">2024-11-10 · 50题 · 100分</div>
                                </div>
                                <span class="card-action">复用 ></span>
                            </div>
                            <div class="data-item">
                                <div class="data-item-main">
                                    <div class="data-item-title">期中模拟卷A</div>
                                    <div class="data-item-meta">2024-10-28 · 30题 · 100分</div>
                                </div>
                                <span class="card-action">复用 ></span>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 数据统计（按文档7） ========== -->
                <div id="statPage" class="page">
                    <!-- 按文档7.1自定义筛选 -->
                    <div class="filter-bar">
                        <span class="filter-chip active">本周</span>
                        <span class="filter-chip">本月</span>
                        <span class="filter-chip">本学期</span>
                        <span class="filter-chip">自定义</span>
                    </div>
                    
                    <!-- 按文档7.4效率统计 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">工作效率统计</span>
                        </div>
                        <div class="score-stats">
                            <div class="score-stat-item"><div class="value">12</div><div class="label">布置次数</div></div>
                            <div class="score-stat-item"><div class="value">28</div><div class="label">批改份数</div></div>
                            <div class="score-stat-item"><div class="value">8.5分钟</div><div class="label">平均批改时长</div></div>
                            <div class="score-stat-item"><div class="value">96%</div><div class="label">作业完成率</div></div>
                        </div>
                    </div>
                    
                    <!-- 按文档7.4效率排名 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">批改效率排名</span>
                        </div>
                        <div class="rank-list">
                            <div class="rank-item">
                                <div class="rank-num top">1</div>
                                <span class="rank-name">李老师</span>
                                <span class="rank-value">8.5分钟/份</span>
                            </div>
                            <div class="rank-item">
                                <div class="rank-num top">2</div>
                                <span class="rank-name">王老师</span>
                                <span class="rank-value">9.2分钟/份</span>
                            </div>
                            <div class="rank-item">
                                <div class="rank-num">3</div>
                                <span class="rank-name">张老师</span>
                                <span class="rank-value">10.1分钟/份</span>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档7.2多格式导出 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">导出功能</span>
                        </div>
                        <div class="export-options">
                            <div class="export-item" onclick="showToast('导出成绩表中...')">
                                <div class="export-icon"><svg viewBox="0 0 24 24"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg></div>
                                <div class="export-name">成绩表</div>
                            </div>
                            <div class="export-item" onclick="showToast('导出学情报告PDF...')">
                                <div class="export-icon"><svg viewBox="0 0 24 24"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"/></svg></div>
                                <div class="export-name">学情报告PDF</div>
                            </div>
                            <div class="export-item" onclick="showToast('导出错题统计报表...')">
                                <div class="export-icon"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg></div>
                                <div class="export-name">错题统计</div>
                            </div>
                            <div class="export-item" onclick="showToast('导出效率排名...')">
                                <div class="export-icon"><svg viewBox="0 0 24 24"><path d="M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 6h-6z"/></svg></div>
                                <div class="export-name">效率排名</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档7.3多维度筛选 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">多维度筛选</span>
                        </div>
                        <div style="display: flex; flex-wrap: wrap; gap: 10px;">
                            <span class="filter-chip">三年级3班</span>
                            <span class="filter-chip">三年级4班</span>
                            <span class="filter-chip">数学</span>
                            <span class="filter-chip">英语</span>
                            <span class="filter-chip">测验</span>
                            <span class="filter-chip">作业</span>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 个人中心（按文档4） ========== -->
                <div id="myPage" class="page">
                    <!-- 按文档4.1信息展示 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">个人信息</span>
                            <span class="card-action" onclick="showToast('编辑个人信息')">编辑 ></span>
                        </div>
                        <div style="display: flex; align-items: center; gap: 24px;">
                            <div style="width: 80px; height: 80px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center;">
                                <svg viewBox="0 0 24 24" style="width: 40px; height: 40px; fill: var(--primary);"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                            </div>
                            <div>
                                <div style="font-size: 20px; font-weight: 600; margin-bottom: 6px;">李老师</div>
                                <div style="font-size: 14px; color: var(--text-tertiary); margin-bottom: 4px;">工号：T2024001</div>
                                <div style="font-size: 14px; color: var(--text-tertiary);">北京市第一小学 · 三年级数学</div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档4.2安全操作 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">安全设置</span>
                        </div>
                        <div class="setting-list">
                            <div class="setting-item" onclick="showToast('修改密码')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg></div>
                                <div class="setting-text">
                                    <div class="setting-title">修改密码</div>
                                    <div class="setting-desc">通过手机验证码修改密码</div>
                                </div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                            <div class="setting-item" onclick="showToast('找回密码')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg></div>
                                <div class="setting-text">
                                    <div class="setting-title">找回密码</div>
                                    <div class="setting-desc">通过短信验证找回密码</div>
                                </div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                            <div class="setting-item" onclick="showToast('双重验证设置')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S73.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg></div>
                                <div class="setting-text">
                                    <div class="setting-title">双重验证</div>
                                    <div class="setting-desc">当前状态：未开启</div>
                                </div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                            <div class="setting-item" onclick="showPage('logPage')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg></div>
                                <div class="setting-text">
                                    <div class="setting-title">登录日志</div>
                                    <div class="setting-desc">查看近期登录记录</div>
                                </div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档4.3系统消息 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">系统消息</span>
                            <span class="badge" style="background: var(--danger); color: #fff; font-size: 12px; padding: 2px 10px; border-radius: 10px;">3条未读</span>
                        </div>
                        <div class="data-list">
                            <div class="data-item message-item unread">
                                <div class="message-icon"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="data-item-main">
                                    <div class="data-item-title"><span class="new-badge"></span>作业批改完成通知</div>
                                    <div class="data-item-meta">张小明 - 第三单元测试已批改完成</div>
                                </div>
                                <span class="message-time">今天 10:30</span>
                            </div>
                            <div class="data-item message-item unread">
                                <div class="message-icon"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="data-item-main">
                                    <div class="data-item-title"><span class="new-badge"></span>学生成绩异常提醒</div>
                                    <div class="data-item-meta">李明本次成绩较上次下降15分</div>
                                </div>
                                <span class="message-time">昨天 18:45</span>
                            </div>
                       </div>
                    </div>
                </div>
                
                <!-- ========== 个人中心（按文档4） ========== -->
                <div id="myPage" class="page">
                    <!-- 按文档4.1信息展示：学校、姓名、头像、班级、学科、编辑签名 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">个人信息</span>
                            <span class="card-action" onclick="showModal('editProfileModal')">编辑 ></span>
                        </div>
                        <div class="profile-header">
                            <div class="profile-avatar-large">
                                <svg viewBox="0 0 24 24" style="width: 48px; height: 48px; fill: var(--primary);"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>
                                <span class="avatar-edit-btn" onclick="showModal('editAvatarModal')">更换头像</span>
                            </div>
                            <div class="profile-info-section">
                                <div class="profile-name-row">
                                    <span class="profile-name">李老师</span>
                                    <span class="profile-badge">三年级数学</span>
                                </div>
                                <div class="profile-detail-row">
                                    <div class="profile-detail-item"><span class="detail-label">学校</span><span class="detail-value">北京市第一小学</span></div>
                                    <div class="profile-detail-item"><span class="detail-label">工号</span><span class="detail-value">T2024001</span></div>
                                    <div class="profile-detail-item"><span class="detail-label">所教班级</span><span class="detail-value">三年级3班、三年级4班</span></div>
                                    <div class="profile-detail-item"><span class="detail-label">所教科目</span><span class="detail-value">数学</span></div>
                                </div>
                                <div class="profile-signature">
                                    <span class="signature-label">签名/理念：</span>
                                    <span class="signature-text" id="teacherSignature">教育是一场温暖的修行，用心去倾听每一个学生的心声。</span>
                                    <span class="card-action" onclick="showModal('editSignatureModal')" style="font-size: 12px;">编辑</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档4.2安全操作：修改密码（手机验证码）、双重验证开关 -->
                    <div class="card">
                        <div class="card-header"><span class="card-title">安全设置</span></div>
                        <div class="setting-list">
                            <div class="setting-item" onclick="showModal('changePasswordModal')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg></div>
                                <div class="setting-text"><div class="setting-title">修改密码</div><div class="setting-desc">通过手机验证码修改密码</div></div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                            <div class="setting-item" onclick="showModal('resetPasswordModal')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg></div>
                                <div class="setting-text"><div class="setting-title">找回密码</div><div class="setting-desc">通过短信验证找回密码</div></div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                            <div class="setting-item" onclick="event.stopPropagation(); toggleTwoFactor()">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M18 8h-1V6c0-2.76-2.24-5-5-5S73.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"/></svg></div>
                                <div class="setting-text"><div class="setting-title">双重验证</div><div class="setting-desc" id="twoFactorStatus">当前状态：未开启</div></div>
                                <label class="toggle-switch"><input type="checkbox" id="twoFactorToggle" onclick="toggleTwoFactor()"><span class="toggle-slider"></span></label>
                            </div>
                            <div class="setting-item" onclick="showPage('logPage')">
                                <div class="setting-icon"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z"/></svg></div>
                                <div class="setting-text"><div class="setting-title">登录日志</div><div class="setting-desc">查看近期登录记录（时间、IP、地点）</div></div>
                                <svg class="setting-arrow" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/></svg>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 按文档4.3系统消息：已读/未读状态区分、批量标记已读 -->
                    <div class="card">
                        <div class="card-header">
                            <span class="card-title">系统消息</span>
                            <div style="display: flex; align-items: center; gap: 12px;">
                                <span class="tag tag-danger" id="unreadCount">3条未读</span>
                                <span class="card-action" onclick="markAllRead()" style="font-size: 12px;">批量标记已读</span>
                            </div>
                        </div>
                        <div class="message-list">
                            <div class="message-item-card unread" onclick="markAsRead('msg1')">
                                <div class="message-checkbox"><input type="checkbox" onclick="event.stopPropagation(); toggleMessageSelect('msg1')"></div>
                                <div class="message-icon-wrap unread"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="message-content"><div class="message-title"><span class="new-badge"></span>作业批改完成通知</div><div class="message-desc">张小明 - 第三单元测试已批改完成，得分92分</div><div class="message-meta">今天 10:30</div></div>
                            </div>
<div class="message-item-card unread" onclick="markAsRead('msg2')">
                                <div class="message-checkbox"><input type="checkbox" onclick="event.stopPropagation(); toggleMessageSelect('msg2')"></div>
                                <div class="message-icon-wrap unread"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="message-content"><div class="message-title"><span class="new-badge"></span>学生成绩异常提醒</div><div class="message-desc">李明本次成绩较上次下降15分，请关注</div><div class="message-meta">昨天 18:45</div></div>
                            </div>
                            <div class="message-item-card unread" onclick="markAsRead('msg3')">
                                <div class="message-checkbox"><input type="checkbox" onclick="event.stopPropagation(); toggleMessageSelect('msg3')"></div>
                                <div class="message-icon-wrap unread"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="message-content"><div class="message-title"><span class="new-badge"></span>班级公告审核通知</div><div class="message-desc">您发布的"期中考试安排"公告已通过审核</div><div class="message-meta">昨天 14:20</div></div>
                            </div>
                            <div class="message-item-card" onclick="markAsRead('msg4')">
                                <div class="message-checkbox"><input type="checkbox" onclick="event.stopPropagation(); toggleMessageSelect('msg4')"></div>
                                <div class="message-icon-wrap"><svg viewBox="0 0 24 24"><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.89 2 2 2zm6-6v-5c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z"/></svg></div>
                                <div class="message-content"><div class="message-title">系统升级通知</div><div class="message-desc">系统将于本周六凌晨2:00-4:00进行升级维护</div><div class="message-meta">11-10 09:00</div></div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- ========== 登录日志（按文档1.2） ========== -->
                <div id="logPage" class="page">
                    <div class="grading-header-bar">
                        <div class="back-btn" onclick="showPage('myPage')">
                            <svg viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>
                        </div>
                        <div class="grading-info">
                            <h3>登录日志</h3>
                            <p>查询登录日志（时间、IP、地点）</p>
                        </div>
                    </div>
                    <div class="log-list" style="margin-top: 20px;">
                        <div class="log-item">
                            <div class="log-icon success"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></div>
                            <div class="log-info"><h4>登录成功</h4><p>北京市海淀区 · Chrome浏览器 · IP: 192.168.1.100</p></div>
                            <div class="log-time">今天 09:30</div>
                        </div>
                        <div class="log-item">
                            <div class="log-icon success"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></div>
                            <div class="log-info"><h4>登录成功</h4><p>北京市海淀区 · 手机端 · IP: 10.0.0.50</p></div>
                            <div class="log-time">昨天 18:45</div>
                        </div>
                        <div class="log-item">
                            <div class="log-icon fail"><svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg></div>
                            <div class="log-info"><h4>登录失败</h4><p>密码错误（剩余4次）· Chrome浏览器</p></div>
                            <div class="log-time">昨天 18:42</div>
                        </div>
                        <div class="log-item">
                            <div class="log-icon success"><svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg></div>
                            <div class="log-info"><h4>登录成功</h4><p>北京市朝阳区 · Edge浏览器 · IP: 192.168.1.105</p></div>
                            <div class="log-time">11-08 10:15</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- ========== 批阅弹窗（按文档5.3在线批阅） ========== -->
    <div class="grading-modal" id="gradingModal">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-close-btn" onclick="closeGradingModal()">
                    <svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
                </div>
                <span class="modal-title" id="modalStudentName">张小明 - 第三单元测试</span>
                <button class="modal-submit-btn" onclick="submitGrading()">提交</button>
            </div>
            <div class="modal-body">
                <!-- 客观题自动批改 -->
                <div class="question-item">
                    <div class="question-header">
                        <span class="question-num">第1题</span>
                        <span class="question-type">单选题</span>
                    </div>
                    <div class="question-content">下列哪个数是质数？</div>
                    <div class="question-options">
                        <div class="option-item correct"><span class="option-letter">A</span>7</div>
                        <div class="option-item"><span class="option-letter">B</span>9</div>
                        <div class="option-item"><span class="option-letter">C</span>15</div>
                        <div class="option-item"><span class="option-letter">D</span>21</div>
                    </div>
                    <div class="auto-judge-badge">
                        <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                        AI自动批改 · 正确
                    </div>
                </div>
                
                <div class="question-item">
                    <div class="question-header">
                        <span class="question-num">第2题</span>
                        <span class="question-type">多选题</span>
                    </div>
                    <div class="question-content">下列哪些数能被3整除？</div>
                    <div class="question-options">
                        <div class="option-item correct"><span class="option-letter">A</span>12</div>
                        <div class="option-item correct"><span class="option-letter">B</span>15</div>
                        <div class="option-item wrong"><span class="option-letter">C</span>16</div>
                        <div class="option-item correct"><span class="option-letter">D</span>21</div>
                    </div>
                    <div class="auto-judge-badge">
                        <svg viewBox="0 0 24 24"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>
                        AI自动批改 · 部分正确 (3/4)
                    </div>
                </div>
                
                <!-- 主观题在线批注（按文档5.3批注支持文字+图片） -->
                <div class="question-item">
                    <div class="question-header">
                        <span class="question-num">第3题</span>
                        <span class="question-type">解答题</span>
                    </div>
                    <div class="question-content">小明有12个苹果，小红给了他6个，后来他又吃掉了3个，请问小明现在有多少个苹果？</div>
                    <div class="subjective-area">
                        <div class="subjective-label">学生答案</div>
                        <div class="student-answer">
                            12 + 6 = 18（个）<br>
                            18 - 3 = 15（个）<br>
                            答：小明现在有15个苹果。
                        </div>
                        <div class="subjective-label">批注工具</div>
                        <div class="annotation-tools">
                            <div class="tool-btn" onclick="toggleTool(this, 'pen')"><svg viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L317.25zM20.71 7.04c.39-.39.39-1.02-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg></div>
                            <div class="tool-btn" onclick="toggleTool(this, 'highlight')"><svg viewBox="0 0 24 24"><path d="M6 14l3 3v5h6v-5l3-3V9H6v5zm2-3h8v2.17l-3 3V19h-2v-2.83l-3-3V11z"/></svg></div>
                            <div class="tool-btn" onclick="toggleTool(this, 'image')"><svg viewBox="0 0 24 24"><path d="M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"/></svg></div>
                            <div class="tool-btn" onclick="toggleTool(this, 'voice')"><svg viewBox="0 0 24 24"><path d="M12 14c1.66 0 3-1.343-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm-1-9c0-.55.45-1 1-1s1 .45 1 1v6c0 .55-.45 1-1 1s-1-.45-1-1V5zm6 6c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg></div>
                        </div>
                        <div class="subjective-label">填写批注</div>
                        <textarea class="annotation-input" id="annotationText" placeholder="在此输入批注内容，如：解题思路清晰，计算准确...">
本题得分 / 20分