html,body{margin:0;padding:0;width:100%;height:100vh;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);background:#eef2f6;overflow:hidden;display:flex;flex-direction:column}.topbar{height:56px;background:#62c3f8;display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 4px #0000000d;color:#fff;flex-shrink:0}.tb-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff3;border-radius:6px;cursor:pointer;margin-right:16px;text-decoration:none;color:#fff}.tb-title{font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px}.tb-title img{height:24px}.tb-path{margin-left:20px;font-size:14px;opacity:.9;border-left:1px solid rgba(255,255,255,.3);padding-left:20px}.main-layout{display:flex;flex:1;min-height:0;gap:16px;padding:16px}.panel-paper{position:relative;flex:4;background:#eaeff4;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.paper-doc{background:#fff;box-shadow:0 4px 12px #0000001a;padding:40px;width:80%;height:90%;overflow-y:auto;text-align:left}.p-header{border-bottom:2px dashed #ddd;padding-bottom:20px;margin-bottom:20px;display:flex;justify-content:space-between;font-size:13px;color:#666}.p-title{font-size:24px;font-weight:700;text-align:center;color:#333;margin-bottom:20px}.paper-tools-right{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.tool-btn{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555}.tool-btn:hover{background:#f0f7ff;color:#2196f3}.page-indicator{text-align:center;font-size:13px;color:#666;margin:8px 0}.panel-errors{flex:5;background:#fff;border-radius:8px;padding:0;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;min-width:0}.error-header{padding:16px 24px;border-bottom:1px solid #eee;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center}.error-list{flex:1;overflow-y:auto;padding:24px;background:#fafbfc}.q-group-title{font-size:15px;font-weight:700;color:#555;margin-bottom:16px}.q-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.q-card:hover{box-shadow:0 4px 12px #0000000d;border-color:#d1e4f9}.qc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tag-status{padding:2px 8px;border-radius:12px;font-size:12px;color:#fff;font-weight:500}.status-wrong{background:#f44336}.status-half{background:#ff9800}.status-blue{background:#2196f3}.qc-meta{font-size:13px;color:#888;display:flex;gap:16px}.star-box{color:#ffb300}.qc-content{font-size:14px;color:#333;line-height:1.6;margin-bottom:16px}.qc-footer{display:flex;justify-content:flex-end}.btn-analysis{background:#edf5ff;color:#2196f3;border:none;padding:6px 16px;border-radius:20px;font-size:13px;cursor:pointer;outline:none;display:flex;align-items:center;gap:4px}.btn-analysis:hover{background:#dceaff}.analysis-box{background:#f9fafc;border:1px dashed #cfd8dc;border-radius:6px;padding:16px;margin-top:16px;font-size:13px;display:none}.analysis-box.show{display:block;animation:fadeIn .3s ease}.a-row{display:flex;margin-bottom:10px;line-height:1.5}.a-row:last-child{margin-bottom:0}.a-label{flex-shrink:0;color:#78909c;width:80px}.a-content{color:#37474f;flex:1}.panel-students{width:260px;background:#fff;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000d;flex-shrink:0}.sl-header{padding:16px;border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:12px}.sl-title{font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;gap:6px}.class-sel{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none}.sl-tabs{display:flex;background:#f5f7fa;border-radius:4px;padding:2px}.sl-tab{flex:1;text-align:center;padding:6px 0;font-size:13px;color:#666;cursor:pointer;border-radius:4px}.sl-tab.active{background:#fff;color:#2196f3;box-shadow:0 1px 3px #0000001a;font-weight:500}.student-list{flex:1;overflow-y:auto;padding:12px 0}.s-item{display:flex;justify-content:space-between;padding:12px 24px;cursor:pointer;transition:background .2s;font-size:14px;color:#444}.s-item:hover{background:#f9fafc}.s-item.active{background:#2196f3;color:#fff}.s-item.active .s-no{color:#fffc}.s-no{color:#999;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}