:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;color:#0c1830;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #0f63d8;--blue-strong: #0757c9;--blue-soft: #eef5ff;--ink: #0c1830;--muted: #5c6573;--border: #d8dde5;--border-soft: #e5e9ef;--success: #2f9b48;--success-soft: #f1fbf3;--error: #c83d45;--error-soft: #fff5f5}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#fff;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:3px solid rgb(15 99 216 / 30%);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:clamp(250px,20.6vw,306px) minmax(0,1fr);background:#fff}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;border-right:1px solid #dbe0e7;background:#fbfcfe}.brand{padding:86px 36px 64px;color:var(--ink);font-size:clamp(24px,2vw,30px);font-weight:700;letter-spacing:-.04em;white-space:nowrap}.mode-nav{display:grid;gap:8px}.mode-button{width:100%;min-height:82px;padding:0 36px;display:flex;align-items:center;gap:22px;border:0;border-radius:0;color:#343d4a;background:transparent;font-size:21px;font-weight:500;text-align:left;cursor:pointer;transition:color .16s ease,background-color .16s ease}.mode-button:hover{background:#f2f6fb}.mode-button.active{color:var(--blue);background:var(--blue-soft)}.mode-button svg{width:34px;height:34px;flex:0 0 auto}.wrong-count{margin-left:auto;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.progress-summary{margin:auto 36px 82px;padding-top:34px;display:flex;align-items:baseline;gap:13px;border-top:1px solid #d7dce3;color:#3c4654;font-size:20px;font-variant-numeric:tabular-nums}.progress-summary strong{color:var(--blue);font-size:24px;font-weight:700}.quiz-main{min-width:0;min-height:100vh;background:#fff}.quiz-content{width:min(100% - 96px,1070px);min-height:100vh;margin:0 auto;padding:80px 0 70px;display:flex;flex-direction:column}.question-meta{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;color:var(--blue);font-size:20px;font-weight:500}.study-tools{grid-column:2;grid-row:1;display:flex;align-items:center;gap:12px;color:#46505e;font-size:14px;font-weight:500}.topic-control{display:flex;align-items:center;gap:8px;white-space:nowrap}.topic-control select,.backup-menu summary{min-height:38px;border:1px solid #cbd2dc;border-radius:5px;color:#303946;background:#fff;font-size:14px;font-weight:500}.topic-control select{max-width:190px;padding:0 34px 0 12px;cursor:pointer}.backup-menu{position:relative}.backup-menu summary{min-width:64px;padding:0 13px;display:grid;place-items:center;list-style:none;cursor:pointer}.backup-menu summary::-webkit-details-marker{display:none}.backup-menu[open] summary,.backup-menu summary:hover{border-color:#8caedc;color:var(--blue);background:#f7faff}.backup-popover{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:210px;padding:8px;border:1px solid #d5dbe3;border-radius:6px;background:#fff;box-shadow:0 12px 34px #12253f21}.backup-action{width:100%;min-height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;border:0;border-radius:4px;color:#303946;background:#fff;font-size:15px;text-align:left;cursor:pointer}.backup-action:hover{color:var(--blue);background:var(--blue-soft)}.backup-action svg{width:21px;height:21px}.backup-status{margin:6px 8px 4px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-position{display:none;color:var(--muted);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.question-stem{max-width:980px;margin:45px 0 30px;color:var(--ink);font-size:clamp(25px,2.05vw,31px);font-weight:650;line-height:1.6;letter-spacing:-.025em}.question-rule{height:1px;margin-bottom:40px;background:#d8dde4}.options{display:grid;gap:18px}.option-row{width:100%;min-height:90px;padding:0 28px 0 0;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:6px;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.option-row:hover:not(:disabled){border-color:#9bbbe8;box-shadow:0 0 0 2px #0f63d812}.option-row:disabled{color:var(--ink);opacity:1;cursor:default}.option-key{align-self:stretch;display:grid;place-items:center;border-right:1px solid var(--border-soft);color:var(--ink);font-size:28px;font-weight:700}.option-key.has-status{grid-auto-flow:column;gap:10px}.option-text{padding:20px 32px;font-size:21px;line-height:1.55}.option-row.selected{border-color:var(--blue);background:#f6f9ff}.option-row.correct{grid-template-columns:135px minmax(0,1fr);border-color:var(--success);background:var(--success-soft)}.option-row.correct .option-key,.option-row.wrong .option-key{border-right:0}.option-row.correct .option-key,.option-row.correct .option-status{color:var(--success)}.option-row.wrong{grid-template-columns:135px minmax(0,1fr);border-color:var(--error);background:var(--error-soft)}.option-row.wrong .option-key,.option-row.wrong .option-status{color:var(--error)}.option-status{width:40px;height:40px}.feedback,.feedback-placeholder{min-height:96px;margin-top:40px;border-top:1px solid #d9dee5;border-bottom:1px solid #d9dee5}.feedback{display:grid;grid-template-columns:auto auto 1px minmax(0,1fr);align-items:center;gap:18px;padding:0 28px;color:#303946;font-size:17px;line-height:1.5}.feedback>svg{width:32px;height:32px}.feedback strong{font-size:20px;font-weight:650}.feedback.success>svg,.feedback.success strong{color:var(--success)}.feedback.error>svg,.feedback.error strong{color:var(--error)}.feedback-divider{width:1px;height:28px;background:#cbd1d9}.feedback-topic{color:#3f4957;font-weight:650}.quiz-actions{margin-top:auto;padding-top:64px;display:flex;justify-content:flex-end;gap:40px}.primary-button,.secondary-button{min-width:160px;min-height:80px;padding:18px 30px;border-radius:5px;font-size:20px;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.primary-button{border:1px solid var(--blue);color:#fff;background:var(--blue)}.primary-button:hover:not(:disabled){border-color:var(--blue-strong);background:var(--blue-strong)}.secondary-button{border:1px solid #adb5c0;color:var(--ink);background:#fff}.secondary-button:hover:not(:disabled){border-color:#7f8997;background:#fafbfc}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.38;cursor:not-allowed}.empty-state{width:min(100% - 48px,520px);min-height:100vh;margin:0 auto;display:grid;place-content:center;justify-items:center;color:var(--ink);text-align:center}.empty-state>svg{width:52px;height:52px;color:var(--success)}.empty-state h1{margin:24px 0 8px;font-size:28px}.empty-state p{margin:0 0 28px;color:var(--muted);font-size:16px}.empty-state .primary-button{min-height:54px}@media(max-width:900px){.app-shell{display:block}.sidebar{position:sticky;z-index:10;height:auto;border-right:0;border-bottom:1px solid #dbe0e7}.brand{padding:18px 20px 14px;font-size:20px}.mode-nav{display:flex;gap:0}.mode-button{min-height:56px;padding:0 20px;gap:10px;justify-content:center;font-size:15px}.mode-button svg{width:23px;height:23px}.wrong-count{margin-left:0}.progress-summary{position:absolute;top:20px;right:20px;margin:0;padding:0;gap:5px;border:0;font-size:13px}.progress-summary strong{font-size:15px}.quiz-content{width:min(100% - 40px,720px);min-height:calc(100vh - 112px);padding:28px 0 24px}.question-meta{min-height:24px;grid-template-columns:minmax(0,1fr) auto;font-size:15px}.mobile-position{display:inline;grid-column:2;grid-row:1}.study-tools{grid-column:1 / -1;grid-row:2;width:100%;margin-top:14px;justify-content:space-between;font-size:13px}.topic-control{min-width:0}.topic-control select{min-width:0;max-width:184px}.backup-popover{width:200px}.question-stem{margin:20px 0;font-size:clamp(20px,4.8vw,25px);line-height:1.55}.question-rule{margin-bottom:24px}.options{gap:12px}.option-row{min-height:66px;grid-template-columns:64px minmax(0,1fr);padding-right:16px}.option-key{font-size:20px}.option-key.has-status{gap:4px}.option-text{padding:13px 16px;font-size:16px}.option-status{width:26px;height:26px}.option-row.correct,.option-row.wrong{grid-template-columns:82px minmax(0,1fr)}.feedback,.feedback-placeholder{min-height:92px;margin-top:24px}.feedback{grid-template-columns:auto minmax(0,1fr);gap:5px 10px;padding:14px 0;font-size:14px}.feedback>svg{width:25px;height:25px;grid-row:1 / span 2}.feedback strong{font-size:16px}.feedback-divider{display:none}.quiz-actions{margin-top:24px;padding-top:20px;gap:12px;background:#fff}.primary-button,.secondary-button{min-width:0;min-height:56px;flex:1;padding:12px 18px;font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}