:root{color:#17211d;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgb(14 121 101 / 3%) 1px,transparent 1px),linear-gradient(180deg,#faf8f2,#f2eee6);background-size:40px 40px,auto}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,select{transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,select:focus-visible{outline:3px solid rgb(13 122 102 / 24%);outline-offset:2px}.app-shell{width:min(1140px,calc(100% - 32px));margin:0 auto;padding:22px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:8px 2px 18px;border-bottom:1px solid #ddd7ca}.topbar-title{max-width:760px;min-width:0}.eyebrow{margin:0 0 5px;color:#67756f;font-size:13px;font-weight:650}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:0;text-wrap:balance}.exam-note{max-width:720px;margin:8px 0 0;color:#1f3a5f;font-size:13px;font-weight:600;line-height:1.55}.tabs{display:inline-flex;gap:6px;padding:5px;border:1px solid #ddd5c7;background:#fffdf8b8;border-radius:8px}.tabs button,.primary-action,.ghost-action,.submit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;color:#26312e;background:transparent}.tabs button{padding:0 14px;border-radius:6px}.tabs .active{background:#fff;box-shadow:0 5px 14px #2d261814}.workspace{display:grid;grid-template-columns:236px minmax(0,1fr);gap:20px;align-items:start}.side-panel{position:sticky;top:16px;display:grid;gap:16px;padding:18px;border:1px solid #ddd6c8;border-radius:8px;background:#fffdf8d6;box-shadow:0 10px 26px #3b311e0d}.side-panel.compact{position:sticky}.side-panel h2{margin-bottom:2px;font-size:17px;letter-spacing:0}.field{display:grid;gap:7px}.field span{color:#69726f;font-size:13px;font-weight:600}select{width:100%;min-height:42px;padding:0 12px;border:1px solid #cfc8ba;border-radius:7px;color:#1d2523;background:#fff}select:hover{border-color:#9fb8af}.content-column{min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:0 2px}.section-head h2{margin-bottom:4px;font-size:23px}.section-head p{margin-bottom:0;color:#69726f;line-height:1.5}.result-summary{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:8px;color:#0c5b4d}.result-summary span{display:inline-flex;align-items:baseline;gap:4px;min-height:34px;padding:6px 9px;border:1px solid #b9ded3;border-radius:7px;background:#e5f6f0;font-size:13px;font-weight:650}.result-summary strong{color:#073f36;font-size:17px;font-variant-numeric:tabular-nums}.primary-action,.submit-action{width:100%;padding:0 16px;color:#fff;background:#0e7965;border-radius:7px;box-shadow:0 8px 18px #0e796526}.submit-action{width:auto;min-width:112px}.submit-action.wide{width:min(320px,100%)}.ghost-action{width:100%;border:1px solid #cfc8ba;border-radius:7px;background:#fff}.primary-action:hover:not(:disabled),.submit-action:hover:not(:disabled){background:#096d5b;box-shadow:0 14px 24px #0e796533}.ghost-action:hover:not(:disabled){border-color:#9fb8af;background:#f8fbf8}.notice,.empty-state{padding:18px;border:1px solid #dcd6ca;border-radius:8px;background:#fffdf8}.notice.error{margin-bottom:18px;border-color:#d7a6a0;color:#8b2f24;background:#fff1ef}.question-list{display:grid;gap:14px}.question-card{padding:18px;border:1px solid #ddd6c7;border-radius:8px;background:#fffdf8f0;box-shadow:0 8px 24px #3b311e0d}.question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.question-meta span{padding:5px 9px;border-radius:6px;color:#53615d;background:#eee9df;font-size:12px;font-weight:600}.question-meta .type-badge{border:0}.question-meta .type-single{color:#0d5f50}.question-meta .type-multiple{color:#7a4a08}.question-meta .type-judgement{color:#8b2f24}.question-meta .type-case{color:#38558f}.question-card h3{margin-bottom:15px;font-size:18px;line-height:1.62;white-space:pre-line;text-wrap:pretty}.option-grid{display:grid;gap:8px}.option-grid.judgement{grid-template-columns:repeat(2,minmax(0,1fr))}.option{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;width:100%;min-height:50px;padding:11px;border:1px solid #d9d1c3;border-radius:8px;color:#1d2523;text-align:left;background:#fff;transition:border-color .15s ease,background .15s ease,transform .15s ease}.option:hover:not(:disabled){border-color:#87b9aa;background:#fbfefd;transform:translateY(-1px);box-shadow:0 8px 18px #23524714}.option.selected{border-color:#0d7a66;background:#e7f4ef;box-shadow:inset 0 0 0 1px #0d7a6629}.option span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#0d7a66;background:#e7f4ef;font-weight:700}.option strong{align-self:center;min-width:0;font-weight:500;line-height:1.45}.answer-line{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:14px;padding:12px;border:1px solid #d8e4de;border-radius:8px;color:#31403b;background:#f7fbf8}.answer-line.wrong{border-color:#f0d2cc;background:#fff8f6}.answer-line.correct{border-color:#cde4da;background:#f3fbf7}.answer-line svg{flex:0 0 auto}.answer-line.wrong svg{color:#a73c30}.answer-line.correct svg,.answer-line:not(.wrong) svg{color:#0d7a66}.answer-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:6px;font-weight:650;line-height:1.35}.correct-answer{color:#0d5f50;background:#dff3ec}.user-answer{color:#7a4512;background:#fff0d8}.bottom-actions{display:flex;justify-content:center;margin-top:18px;padding:8px 0 0}.bottom-result{display:flex;justify-content:center;margin-top:18px;padding:12px 0 0}@media(max-width:820px){.app-shell{width:min(100% - 20px,720px);padding-top:16px}.topbar,.section-head{align-items:stretch;flex-direction:column}.tabs{width:100%}.tabs button,.submit-action{flex:1}.workspace{grid-template-columns:1fr}.side-panel,.side-panel.compact{position:static}}@media(max-width:520px){.option-grid.judgement{grid-template-columns:1fr}.question-card,.side-panel{padding:16px}}