:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--navy:#1e2740;--navy-light:#2a3554;--red:#c93a40;--red-light:#e8555b;--green:#10b981;--blue:#3b82f6;--amber:#f59e0b;--bg:#f0f2f5;--white:#fff;--gray-50:#f8f9fa;--gray-100:#e9ecef;--gray-200:#dee2e6;--gray-300:#ced4da;--gray-500:#6c757d;--gray-700:#495057;--gray-900:#212529;--shadow:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--gray-900);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.app{flex-direction:column;width:100vw;height:100vh;display:flex}.header{background:var(--navy);color:var(--white);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;box-shadow:0 2px 12px #0003}.header-left{align-items:center;gap:12px;display:flex}.logo{filter:drop-shadow(0 2px 4px #0000004d);font-size:32px}.header h1{letter-spacing:.5px;font-size:18px;font-weight:600}.header-sub{opacity:.7;font-size:12px}.header-right{align-items:center;gap:16px;display:flex}.heartbeat-indicator{opacity:.8;align-items:center;gap:6px;font-size:12px;display:flex}.heartbeat-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;display:inline-block}.heartbeat-indicator.active .heartbeat-dot{animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.header-badge{background:#ffffff26;border-radius:20px;padding:4px 10px;font-family:monospace;font-size:11px}.main{flex:1;display:flex;overflow:hidden}.sidebar{background:var(--white);border-right:1px solid var(--gray-200);flex-direction:column;flex-shrink:0;gap:8px;width:300px;padding:12px;display:flex;overflow-y:auto}.sidebar-section{background:var(--gray-50);border-radius:var(--radius-sm);padding:12px}.sidebar-section h3{color:var(--gray-700);margin-bottom:8px;font-size:13px;font-weight:600}.student-list{flex-direction:column;gap:4px;display:flex}.student-card{border-radius:var(--radius-sm);background:var(--white);cursor:pointer;text-align:left;border:2px solid #0000;align-items:flex-start;gap:10px;width:100%;padding:10px;transition:all .2s;display:flex}.student-card:hover{border-color:var(--navy);background:#f8faff}.student-card.active{border-color:var(--red);background:#fff5f5}.student-avatar{flex-shrink:0;margin-top:2px;font-size:28px}.student-info{flex:1;min-width:0}.student-name{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.stage-tag{color:#fff;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:500}.student-meta{color:var(--gray-500);margin-top:2px;font-size:11px}.student-status{align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.badge-done{color:var(--green)}.badge-pending{color:var(--amber)}.badge-absent{color:var(--red)}.error-count{color:var(--red);font-weight:600}.notif-list{flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.notif-empty{color:var(--gray-500);text-align:center;padding:16px 0;font-size:12px}.notif-card{border-left:3px solid var(--red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#fffaf0;padding:8px 10px;animation:.4s fadeIn}.notif-badge{background:var(--red);color:#fff;border-radius:10px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.notif-pulse{background:#fff;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.notif-text{color:var(--gray-700);font-size:11px;line-height:1.6}.notif-text strong{color:var(--navy)}.work-area{background:var(--bg);flex:1;padding:20px 24px;overflow-y:auto}.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-header h2{font-size:20px;font-weight:700}.panel-desc{color:var(--gray-500);margin-bottom:16px;font-size:13px}.stage-tag-lg{color:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.stats-row{gap:12px;margin-bottom:20px;display:flex}.stat-card{text-align:center;background:var(--gray-50);border-radius:var(--radius-sm);flex:1;padding:16px 8px}.stat-number{color:var(--navy);font-size:24px;font-weight:700}.stat-label{color:var(--gray-500);margin-top:4px;font-size:11px}.baseline-compare{margin-bottom:20px}.baseline-compare h3{margin-bottom:12px;font-size:14px}.compare-bars{flex-direction:column;gap:10px;display:flex}.compare-row{align-items:center;gap:10px;display:flex}.compare-label{text-align:right;width:36px;font-size:13px;font-weight:600}.compare-bar-bg{background:var(--gray-100);border-radius:10px;flex:1;height:20px;position:relative;overflow:hidden}.compare-bar{border-radius:10px;height:100%;transition:width .8s;position:absolute;top:0;left:0}.compare-bar.base{background:var(--gray-300);z-index:1}.compare-bar.current{background:linear-gradient(90deg, var(--green), #34d399);z-index:2}.compare-diff{text-align:right;width:45px;font-size:13px;font-weight:700}.compare-diff.positive{color:var(--green)}.compare-diff.negative{color:var(--red)}.compare-legend{gap:16px;margin-top:4px;padding-left:46px;display:flex}.legend-item{color:var(--gray-500);align-items:center;gap:4px;font-size:11px;display:flex}.legend-dot{border-radius:3px;width:10px;height:10px;display:inline-block}.legend-dot.base{background:var(--gray-300)}.legend-dot.current{background:var(--green)}.absent-notice{border-radius:var(--radius-sm);color:var(--red);text-align:center;background:#fef2f2;border:1px solid #fecaca;padding:16px;font-size:14px}.action-buttons{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-light)}.btn-accent{background:var(--red);color:#fff}.btn-accent:hover:not(:disabled){background:var(--red-light)}.btn-accent:disabled{background:var(--gray-300);cursor:not-allowed}.btn-outline{color:var(--gray-700);border:1px solid var(--gray-300);background:#fff}.btn-outline:hover{border-color:var(--navy);color:var(--navy)}.capture-panel{text-align:center}.capture-area{padding:40px 0}.capture-viewfinder{border:3px dashed var(--gray-300);border-radius:var(--radius);background:var(--gray-50);justify-content:center;align-items:center;width:300px;height:200px;margin:0 auto;display:flex;position:relative;overflow:hidden}.capture-scanning{color:var(--navy);flex-direction:column;align-items:center;gap:12px;font-weight:600;display:flex}.scan-line{background:var(--red);width:100%;height:2px;box-shadow:0 0 8px var(--red);animation:2s linear infinite scan;position:absolute}@keyframes scan{0%{top:0}to{top:100%}}.capture-hint{color:var(--gray-500);margin-top:16px;font-size:13px}.error-list{flex-direction:column;gap:10px;display:flex}.error-card{border:1px solid var(--gray-200);border-radius:var(--radius-sm);padding:12px 16px;transition:all .2s}.error-card.confirmed{border-color:var(--green);background:#f0fdf4}.error-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.error-photo{font-size:20px}.error-num{font-size:14px;font-weight:600}.confidence{border-radius:10px;padding:2px 8px;font-size:11px}.confidence.high{color:#166534;background:#dcfce7}.confidence.low{color:#854d0e;background:#fef9c3}.confirmed-badge{color:var(--green);margin-left:auto;font-size:11px;font-weight:600}.error-body{flex-direction:column;gap:6px;display:flex}.error-field{align-items:center;gap:8px;display:flex}.field-label{color:var(--gray-500);flex-shrink:0;width:50px;font-size:12px}.field-value{font-size:13px}.subject-tag{background:var(--navy);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.kp-tag{color:var(--blue);background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 8px;font-size:12px}.tags-grid{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.tag-group-label{color:var(--gray-700);margin-bottom:6px;font-size:13px;font-weight:600}.tag-options{flex-wrap:wrap;gap:8px;display:flex}.tag-btn{border:2px solid var(--gray-200);cursor:pointer;color:var(--gray-700);background:#fff;border-radius:20px;padding:8px 16px;font-size:13px;transition:all .2s}.tag-btn:hover{border-color:var(--navy);color:var(--navy)}.tag-btn.active{border-color:var(--red);color:var(--red);background:#fff0f0;font-weight:600}.ai-preview{border-radius:var(--radius-sm);background:#f0fdf4;border:1px solid #bbf7d0;margin-bottom:16px;padding:16px}.ai-preview-label{color:var(--green);margin-bottom:6px;font-size:12px;font-weight:600}.ai-preview-text{color:var(--gray-900);font-size:14px;font-style:italic;line-height:1.7}.report-panel{background:var(--bg);box-shadow:none;padding:16px}.report-actions-top{justify-content:space-between;margin-bottom:16px;display:flex}.report-card{border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow-lg);background:#fff;margin:0 auto;overflow:hidden}.report-header-bg{background:linear-gradient(135deg, var(--navy), var(--navy-light));color:#fff;text-align:center;padding:24px 20px}.report-title{letter-spacing:1px;font-size:18px;font-weight:700}.report-student{opacity:.8;margin-top:6px;font-size:13px}.report-section{border-bottom:1px solid var(--gray-100);padding:16px 20px}.report-section-icon{margin-right:6px;font-size:16px;display:inline}.report-section-title{color:var(--navy);font-size:14px;font-weight:700;display:inline}.report-section-content{margin-top:10px;font-size:13px;line-height:1.7}.teacher-says{background:#fffbf0}.teacher-quote{color:var(--gray-900);font-size:15px;font-style:italic;line-height:1.8}.score-highlight{font-size:14px}.score-highlight strong{color:var(--navy)}.score-highlight .accent{color:var(--red);font-size:18px}.score-errors{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.subject-mini{background:var(--gray-100);border-radius:4px;padding:2px 8px;font-size:12px}.report-error-item{border-bottom:1px dashed var(--gray-200);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.report-error-item:last-child{border-bottom:none}.report-error-num{flex-shrink:0;font-size:16px}.report-error-detail{flex:1}.report-error-photo{color:var(--gray-500);background:var(--gray-100);border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:11px;display:inline-block}.report-kp-tag{color:var(--blue);background:#eff6ff;border-radius:4px;padding:3px 8px;font-size:12px;display:inline-block}.points-row{align-items:center;gap:12px;display:flex}.points-badge{border-radius:6px;padding:4px 12px;font-size:16px;font-weight:700}.points-badge.positive{color:#166534;background:#dcfce7}.points-badge.negative{color:#991b1b;background:#fef2f2}.points-total{color:var(--gray-500);font-size:13px}.achievements{flex-direction:column;gap:6px;display:flex}.achievement{background:var(--gray-50);border-radius:6px;padding:6px 10px;font-size:13px}.report-footer{text-align:center;padding:16px 20px}.report-brand{color:var(--gray-500);font-size:13px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar::-webkit-scrollbar{width:5px}.work-area::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.work-area::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.notif-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}