:root{--bg:#f5f3ef;--card:#fff;--line:#ddd6ca;--text:#222;--muted:#6a6a6a;--primary:#2f4bcc;--primary-2:#4f43d7;--selected:#eef2ff;--answer:#eef9ee;--wrong:#d33d3d;--right:#25784e}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}a{color:inherit;text-decoration:none}.simple-page{width:min(980px,100% - 24px);margin:0 auto;padding:6px 0 28px}.practice-page{min-height:100dvh;padding:0}.top-banner{background:linear-gradient(90deg, var(--primary), var(--primary-2));color:#fff;text-align:center;border-radius:0;flex-direction:column;justify-content:center;align-items:center;min-height:120px;margin-bottom:16px;display:flex}.logo-mark{background:linear-gradient(135deg,#9be15d 0%,#00d9ff 50%,#ff6f91 100%);border-radius:3px;width:18px;height:18px;margin-bottom:8px}.top-banner h1{margin:0;font-size:22px}.top-banner p{opacity:.92;margin:10px 0 0;font-size:14px}.stats-row,.action-grid{gap:12px;display:grid}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.stat-card,.action-card,.question-panel,.mode-strip,.empty-box{border:1px solid var(--line);background:var(--card);border-radius:16px}.stat-card{text-align:center;padding:16px 12px}.stat-card strong{color:#2c62ea;font-size:26px;line-height:1;display:block}.stat-card span{color:var(--muted);margin-top:8px;font-size:14px;display:block}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.action-card{min-height:124px;color:var(--text);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex}.action-card:hover{background:#fafafa}.action-card strong{margin-top:10px;font-size:16px}.action-card span{color:var(--muted);margin-top:6px;font-size:14px}.action-icon{font-size:28px;line-height:1}.mode-strip{gap:10px;margin-bottom:16px;padding:12px;display:flex}.mode-strip button,.toolbar-buttons button,.question-actions button,.toolbar-link,.back-link{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px}.mode-strip button{flex:1;padding:10px 0}.question-panel{padding:16px}.compact-question-panel{border-left:0;border-right:0;border-radius:0;min-height:100dvh;padding:10px 12px 12px}.question-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-toolbar{gap:8px}.question-toolbar strong{font-size:16px;display:block}.question-toolbar span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.toolbar-buttons{flex-wrap:wrap;gap:8px;display:flex}.toolbar-buttons button,.question-actions button,.toolbar-link{padding:8px 12px}.toolbar-link{justify-content:center;align-items:center;display:inline-flex}.sheet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px;margin-bottom:10px;display:grid}.sheet-item{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:10px;padding:8px 0}.sheet-item.active{background:#eef1ff;border-color:#3c4fd8}.sheet-item.correct{color:#17643f;background:#dff6e8;border-color:#3ca66b}.sheet-item.wrong{color:#9e2828;background:#fde7e7;border-color:#df6868}.sheet-item.active.correct{background:#cdeedb;border-color:#218a54}.sheet-item.active.wrong{background:#f9d5d5;border-color:#cf3f3f}.question-type{color:#3c4fd8;background:#eef1ff;border-radius:999px;margin-top:16px;padding:4px 10px;font-size:13px;display:inline-block}.compact-question-type{margin-top:10px}.question-title{margin:14px 0 16px;font-size:20px;line-height:1.6}.compact-question-title{margin:10px 0 12px;font-size:18px;line-height:1.45}.option-list{gap:10px;display:grid}.compact-option-list{gap:8px}.option-row{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;grid-template-columns:36px 1fr;gap:12px;width:100%;padding:12px;display:grid}.compact-option-row{grid-template-columns:32px 1fr;gap:10px;padding:10px}.option-row span{background:#f1f3f8;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.compact-option-row span{border-radius:8px;width:32px;height:32px;font-size:14px}.option-row p{margin:0;line-height:1.7}.compact-option-row p{font-size:15px;line-height:1.45}.option-row.selected{background:var(--selected)}.option-row.answer{background:var(--answer)}.result-panel{background:#f8f8f8;border-radius:12px;margin-top:14px;padding:12px}.compact-result-panel{margin-top:10px;padding:10px 12px}.result-panel p{margin:0;line-height:1.7}.result-panel p+p{margin-top:8px}.right-text{color:var(--right)}.wrong-text{color:var(--wrong)}.explain-text{color:var(--muted)}.question-actions{gap:10px;margin-top:16px;display:flex}.compact-question-actions{margin-top:12px}.empty-box{text-align:center;color:var(--muted);padding:28px 16px}.back-link-row{justify-content:center;margin-top:16px;display:flex}.back-link{justify-content:center;align-items:center;padding:10px 18px;display:inline-flex}.wrong-list{gap:12px;margin-top:10px;display:grid}.wrong-item{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.wrong-item h2{margin:10px 0;font-size:16px;line-height:1.5}.wrong-item-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wrong-item-head button{color:#9e2828;background:#fde7e7;border:1px solid #df6868;border-radius:10px;padding:7px 10px}.wrong-answer{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13px;display:flex}@media (max-width:640px){.simple-page{width:calc(100% - 12px)}.practice-page{width:100%}.stats-row,.action-grid{gap:10px}.question-toolbar,.question-actions{flex-direction:column;align-items:stretch}.toolbar-buttons{width:100%}.toolbar-buttons button,.question-actions button{flex:1}.compact-question-panel{padding:8px 10px 10px}.compact-toolbar{flex-direction:row;align-items:center}.compact-toolbar .toolbar-buttons{gap:6px;width:auto}.compact-toolbar .toolbar-buttons button,.compact-toolbar .toolbar-link{white-space:nowrap;padding:6px 8px;font-size:12px}.compact-question-title{font-size:17px;line-height:1.4}.compact-option-row{padding:9px}.compact-option-row p{font-size:14px;line-height:1.4}.compact-result-panel{font-size:13px}.compact-question-actions{flex-direction:row}.sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sheet-item{padding:7px 0;font-size:12px}}