:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background:#eef2f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #172033;--muted: #64748b;--line: #d8dee6;--surface: #ffffff;--surface-soft: #f7f9fb;--accent: #146c94;--accent-strong: #0e506f;--accent-soft: #e5f4f8;--green: #1f8a70;--amber: #b7791f;--danger: #be3a34;--shadow: 0 12px 36px rgba(37, 53, 76, .09)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1480px,calc(100% - 40px));margin:0 auto;padding:26px 0 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:30px;line-height:1.2}h2{margin-bottom:0;font-size:20px;line-height:1.25}h3{margin-bottom:6px;font-size:17px}p{color:var(--muted);line-height:1.7}.mode-switch,.teacher-actions,.form-grid{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.mode-switch{padding:4px;background:#dfe7ee;border-radius:8px}.mode-switch button,.primary-action,.secondary-action,.danger-action,.icon-button,.download-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:7px;cursor:pointer;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.mode-switch button{min-width:108px;padding:0 14px;color:#475569;background:transparent}.mode-switch button.active{color:var(--ink);background:#fff;box-shadow:0 5px 16px #0f172a14}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.sidebar,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.sidebar{position:sticky;top:18px;align-self:start;padding:16px}.field{display:grid;gap:7px}.field span{color:#475569;font-size:13px;font-weight:700}.field input{width:100%;min-height:42px;padding:0 12px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #146c9424}.case-list{display:grid;gap:10px;margin-top:14px}.case-card{display:grid;gap:6px;width:100%;padding:14px;color:var(--ink);text-align:left;background:var(--surface-soft);border:1px solid transparent;border-radius:8px;cursor:pointer}.case-card span,.case-card small{color:var(--muted)}.case-card strong{font-size:16px}.case-card.selected{background:var(--accent-soft);border-color:#9bd0df}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.teacher-workspace{grid-template-columns:minmax(0,1fr) 320px}.main-column,.result-column{display:grid;gap:18px;align-content:start}.panel{padding:20px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.case-intro p{margin-bottom:14px}.case-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.case-detail-grid div{padding:14px;background:var(--surface-soft);border:1px solid #e2e8f0;border-radius:8px}.case-detail-grid h3{margin-bottom:8px}.case-detail-grid ul,.param-list{margin:0;padding-left:18px;color:#475569;line-height:1.55}.case-detail-grid li+li,.param-list li+li{margin-top:5px}.goal-row{display:flex;flex-wrap:wrap;gap:8px}.goal-row span{padding:6px 10px;color:#24586a;background:var(--accent-soft);border:1px solid #c6e7ef;border-radius:999px;font-size:13px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end}.primary-action{min-width:124px;padding:0 16px;color:#fff;background:var(--accent)}.primary-action:hover{background:var(--accent-strong)}.primary-action:disabled{cursor:not-allowed;opacity:.65}.secondary-action{padding:0 14px;color:var(--accent);background:#fff;border:1px solid #b7d7e0}.danger-action{padding:0 14px;color:#fff;background:var(--danger)}.danger-action:hover{background:#9f2f2a}.danger-action:disabled{cursor:not-allowed;opacity:.65}.download-link{color:#fff}.icon-button{width:40px;color:var(--accent);background:var(--accent-soft)}.group-badge{display:flex;align-items:center;gap:10px;width:fit-content;margin-top:14px;padding:10px 12px;background:#f1f8f4;border:1px solid #c9e8d5;border-radius:8px}.group-badge span{color:var(--muted);font-size:13px}.group-badge strong{color:var(--green)}.status-line{margin:12px 0 0;color:#315466}.round-block{padding:18px 0;border-top:1px solid var(--line)}.round-block:first-of-type{border-top:0;padding-top:0}.round-block p{margin-bottom:12px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-card{display:grid;gap:7px;min-height:210px;padding:14px;text-align:left;color:var(--ink);background:var(--surface-soft);border:1px solid #dce3ea;border-radius:8px;cursor:pointer}.option-card strong{font-size:16px}.option-card span,.option-card small,.param-list{color:var(--muted);line-height:1.55}.option-card small{color:#475569}.param-list{padding-left:17px;font-size:13px}.option-card.selected{background:#f0f8fa;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.submit-action{width:100%;margin-top:6px}.score-card{display:grid;gap:8px;padding:18px;background:linear-gradient(180deg,#eff9fb,#fff);border:1px solid #c5e3ea;border-radius:8px}.score-card span,.score-card small{color:var(--muted)}.score-card strong{color:var(--accent-strong);font-size:36px;line-height:1}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.metric-grid.single{grid-template-columns:1fr}.metric-grid div{display:grid;gap:6px;padding:12px;background:var(--surface-soft);border:1px solid #e2e8f0;border-radius:8px}.metric-grid span{color:var(--muted);font-size:13px}.metric-grid strong{color:var(--ink);overflow-wrap:anywhere}.rank-list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 12px;background:var(--surface-soft);border:1px solid #e2e8f0;border-radius:8px}.rank-row span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;background:var(--accent);border-radius:50%;font-weight:800}.rank-row em{color:var(--green);font-style:normal;font-weight:800}.muted{margin-bottom:0;color:var(--muted)}.teacher-actions{align-items:end;margin-top:16px}.teacher-actions .field{min-width:240px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top}th{color:#475569;background:#f8fafc;font-size:13px}td{color:var(--ink);line-height:1.5}@media(max-width:1180px){.layout,.workspace,.teacher-workspace{grid-template-columns:1fr}.sidebar{position:static}.case-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app-shell{width:min(100% - 24px,1480px);padding-top:18px}.topbar{align-items:stretch;flex-direction:column}h1{font-size:24px}.case-list,.case-detail-grid,.form-grid,.option-grid,.metric-grid{grid-template-columns:1fr}.mode-switch{width:100%}.mode-switch button{flex:1;min-width:0}.panel{padding:16px}}
