:root{--bg:#f4f6f5;--panel:#fff;--ink:#1d2428;--muted:#637079;--line:#d9e0df;--blue:#2457a6;--green:#1d7a57;--red:#b64242;--shadow:0 10px 30px rgba(25,36,42,.08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","Segoe UI",Arial,sans-serif;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#fbfcfc;color:var(--ink);border-right:1px solid var(--line);min-height:100vh;padding:22px 18px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#f2c14e;color:#172126;font-weight:800;border-radius:8px}.brand h1{margin:0;font-size:20px}.brand p{margin:4px 0 0;color:var(--muted);font-size:12px}nav{display:grid;gap:8px}button{font:inherit;border:1px solid transparent;border-radius:8px;padding:10px 14px;cursor:pointer}.nav{background:#fff;border-color:var(--line);color:var(--ink);text-align:left}.nav.active,.nav:hover{background:#edf3f1;border-color:#b9cac5;color:#163f31}.primary{background:var(--blue);color:#fff}.ghost{background:#fff;border-color:var(--line);color:var(--ink)}.sidebar-note{margin-top:auto;background:#f7f9f8;border:1px solid var(--line);border-radius:8px;padding:12px;display:grid;gap:6px;font-size:13px}.sidebar-note span{color:var(--muted);line-height:1.5}main{padding:22px;min-width:0}.view{display:none}.view.active{display:block}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.topbar h2{margin:4px 0 0;font-size:26px}.eyebrow{margin:0;color:var(--green);font-weight:700;font-size:13px}.top-actions{display:flex;gap:10px}.grid{display:grid;grid-template-columns:minmax(250px,330px) 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.metric-row div{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faf9}.metric-row span{display:block;font-size:26px;font-weight:800}.metric-row label{color:var(--muted);font-size:12px}.summary-panel p{color:var(--muted);line-height:1.7}.progress-line{height:10px;background:#e6ecea;border-radius:999px;overflow:hidden}.progress-line span{display:block;height:100%;width:0;background:var(--green)}.question-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:8px}.question-panel h3{margin:0 0 10px;font-size:20px}#question-image-wrap,#catalog-image-wrap{border:1px solid var(--line);background:#fdfdfd;border-radius:8px;min-height:330px;max-height:620px;overflow:auto;display:grid;place-items:start center;padding:12px}#question-image,#catalog-image{max-width:100%;height:auto;display:none}.answer-grid{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));gap:10px;margin:14px 0}.answer-grid button{background:#f7f9f8;border-color:var(--line);font-weight:700}.answer-grid button.selected{border-color:var(--blue);background:#e7efff}.answer-grid button.correct{border-color:var(--green);background:#e6f4ee;color:var(--green)}.answer-grid button.wrong{border-color:var(--red);background:#f9e8e8;color:var(--red)}.result-box{min-height:28px;color:var(--muted);font-weight:700}.result-box.ok{color:var(--green)}.result-box.bad{color:var(--red)}.explanation-box{display:none;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfc;padding:12px;line-height:1.7;color:#354047}.question-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.toolbar{display:flex;gap:10px;margin-bottom:14px}input,select{width:min(520px,100%);border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:inherit;background:#fff;color:var(--ink)}select{width:auto;min-width:118px}.plan-list,.review-list{display:grid;gap:10px}.plan-item,.review-item,.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}.plan-item{display:grid;grid-template-columns:150px 1fr 130px;gap:12px;align-items:center}.plan-date{font-weight:800}.plan-meta{color:var(--muted);line-height:1.5}.badge{display:inline-block;background:#edf1f0;border:1px solid var(--line);border-radius:999px;padding:3px 8px;margin-right:6px;color:var(--muted);font-size:12px}.today-highlight{border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,87,166,.12)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:18px}.stat-card strong{display:block;font-size:30px;margin-bottom:6px}.stat-card span{color:var(--muted)}.catalog-panel{box-shadow:none}.catalog-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.catalog-head h3{margin:4px 0 0;font-size:20px}.catalog-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;margin-bottom:14px}.catalog-grid{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}.catalog-list{border:1px solid var(--line);border-radius:8px;background:#fbfcfc;max-height:620px;overflow:auto;padding:8px;display:grid;gap:6px}.catalog-item{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 10px;text-align:left;color:var(--ink);display:grid;gap:4px}.catalog-item.active{border-color:var(--blue);background:#eef4ff}.catalog-item strong{font-size:14px}.catalog-item span{color:var(--muted);font-size:12px}.catalog-preview{border:1px solid var(--line);border-radius:8px;padding:14px;background:#fff}.catalog-empty{color:var(--muted);padding:12px}.catalog-more{color:var(--muted);font-size:12px;padding:6px 4px}.catalog-done{color:var(--green)}.catalog-wrong{color:var(--red)}@media(max-width:900px){body{grid-template-columns:1fr}.sidebar{min-height:auto}nav{grid-template-columns:repeat(4,1fr)}.grid,.stats-grid,.catalog-grid{grid-template-columns:1fr}.topbar,.plan-item{display:grid;grid-template-columns:1fr}.top-actions,.question-actions,.toolbar,.catalog-tools{display:flex;flex-wrap:wrap}.catalog-tools input{width:100%}}