*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Microsoft YaHei,-apple-system,Segoe UI,sans-serif;color:#1f2937;background:#f0f2f5}.login-bg{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f86ff,#2f6bff)}.login-card{width:460px;background:#fff;border-radius:14px;padding:38px 40px 30px;box-shadow:0 18px 50px #0000002e}.login-title{text-align:center;color:#2f6bff;font-size:24px;font-weight:800;letter-spacing:1px;margin-bottom:26px}.login-foot{text-align:center;color:#9aa4b2;font-size:12px;margin-top:18px}.navbar{height:56px;background:#5c96ff;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.navbar .seat{font-size:18px;letter-spacing:1px}.navbar .logout{cursor:pointer;display:flex;align-items:center;gap:6px}.exam-head{background:#fff;margin:12px;border-radius:10px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between}.exam-head .title{font-size:20px;font-weight:700}.countdown{font-size:17px}.countdown b{color:#f5222d;font-size:20px;padding:0 2px}.countdown.warn b{animation:blink 1s steps(2,start) infinite}@keyframes blink{50%{opacity:.35}}.exam-body{display:flex;gap:12px;padding:0 12px 12px;align-items:stretch}.pane{background:#fff;border-radius:10px;padding:14px}.pane-left{flex:1;min-width:0;display:flex;flex-direction:column}.pane-right{width:46%;display:flex;flex-direction:column}.pane-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tip{color:#f56c6c;font-size:12px}.q-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.q-tabs .q-tab{position:relative;min-width:56px;overflow:visible}.q-tabs .q-tab-flag{position:absolute;right:-5px;bottom:-5px;z-index:1;color:#f5222d;font-size:15px;background:#fff;border-radius:2px}.pdf-frame{flex:1;width:100%;border:1px solid #e5e7eb;border-radius:6px;min-height:540px}.exam-nav{display:flex;justify-content:center;gap:90px;padding-top:12px}.exam-nav .el-button{min-width:214px;height:40px;font-size:18px;letter-spacing:8px}.ans-item{margin-bottom:18px}.ans-q{font-weight:600;margin-bottom:8px;line-height:1.6}.answer-pane{height:100%;display:flex;flex-direction:column;min-height:0}.answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.answer-scroll{flex:1;min-height:0}.answer-block{padding:6px 0 22px;margin-bottom:18px;border-bottom:1px solid #eef0f3}.answer-block:last-child{border-bottom:0}.answer-prompt{display:flex;gap:10px;align-items:flex-start;color:#111827;font-size:15px;font-weight:600;line-height:1.8}.answer-prompt--scored{align-items:center}.answer-prompt-text{flex:1;min-width:0}.rubric-code{flex:0 0 auto;min-width:38px;padding:1px 8px;border:1px solid #409eff;border-radius:4px;color:#1677d2;background:#ecf5ff;text-align:center;line-height:24px}.rubric-score{flex:0 0 auto;color:#606266;font-size:13px;font-weight:500;white-space:nowrap}.upload-line{display:flex;align-items:center;gap:12px;margin:12px 0 4px 28px;color:#606266;font-size:13px}.answer-hint{margin-left:92px;color:#606266;font-size:12px;line-height:1.6}.text-answer-list{margin-top:12px}.text-answer-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:10px;margin:10px 0 0 28px;color:#606266;font-size:13px;line-height:1.8}.block-save{display:flex;justify-content:flex-end;margin-top:14px;padding-right:12px}.block-save .el-button{width:212px;height:40px}.slot-tip{color:#909399;font-size:12px;margin-bottom:6px}.code-requirements{margin:8px 0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f8fafc;color:#606266;font-size:12px;line-height:1.6;max-height:140px;overflow:auto}.code-template{margin:8px 0;padding:10px;border:1px solid #e5e7eb;border-radius:6px;background:#f8fafc;color:#374151;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5;max-height:180px;overflow:auto;white-space:pre-wrap}.blank-grid{display:flex;flex-direction:column;gap:8px}.blank-row{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:8px}.blank-row span{color:#606266;font-size:12px}.requirement-list{margin:10px 0 0 28px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:4px;background:#fafafa;color:#606266;font-size:12px;line-height:1.7;max-height:120px;overflow:auto}.card-stat{display:flex;text-align:center;padding:10px 0;font-weight:600}.card-stat>div{flex:1}.card-grid{display:flex;flex-wrap:wrap;gap:8px}.card-cell{width:40px;height:40px;border-radius:6px;border:1px solid #d9dde3;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.card-cell.answered{background:#e6f0ff;border-color:#5c96ff;color:#2f6bff}.card-cell.active{outline:2px solid #2f6bff}.card-cell .dot{position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#f5222d}.report-wrap{max-width:980px;margin:0 auto;padding:24px}.score-big{font-size:56px;font-weight:800;color:#2f6bff}