:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f6f8fb;--surface: #ffffff;--surface-soft: #f8fbfd;--text: #111827;--muted: #637083;--subtle: #8a96a8;--border: #d9e1ea;--border-strong: #c8d2df;--teal: #087d7d;--teal-soft: #e8f7f5;--teal-border: #88ccc7;--amber: #e8a01a;--red: #e5483e;--red-soft: #fff0ed;--green: #0b8f5a;--green-soft: #eaf8f0;--shadow: 0 12px 36px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fffffff5,#f6f8fbf0 84px),var(--bg)}.topbar{height:74px;display:grid;grid-template-columns:minmax(230px,300px) minmax(120px,1fr) auto auto;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--border);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;font-size:25px;font-weight:800;letter-spacing:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--surface);background:var(--teal);border-radius:7px}.top-spacer{min-width:0}.top-stats{display:flex;align-items:center;gap:0}.stats-wrap{min-width:min(540px,42vw);display:grid;gap:5px;justify-items:end}.stat{min-width:86px;display:grid;justify-items:center;gap:3px;border-left:1px solid var(--border);padding:0 18px}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:20px;line-height:1}.reset-stats{width:42px;height:42px;border:1px solid var(--border-strong);border-radius:8px;background:#fff;color:#354155;display:inline-grid;place-items:center;cursor:pointer}.reset-stats:hover{border-color:var(--teal-border);color:var(--teal);background:var(--teal-soft)}.stats-scope{margin:0;max-width:100%;color:var(--muted);font-size:12px;line-height:1.35;text-align:right}.language-toggle{display:inline-grid;grid-template-columns:repeat(2,38px);justify-self:end;width:78px;height:36px;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;background:#fff}.language-toggle button{border:0;background:#fff;color:#354155;font-size:14px;font-weight:800;cursor:pointer}.language-toggle button+button{border-left:1px solid var(--border)}.language-toggle button.is-selected{background:var(--teal);color:#fff}.icon-button{width:38px;height:38px;border:0;border-radius:8px;display:inline-grid;place-items:center;background:transparent;color:#344055;cursor:pointer}.icon-button:hover{background:#eef3f8}.app-grid{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 320px}.app-grid.glossary-closed{grid-template-columns:minmax(0,1fr)}.app-grid.glossary-closed .glossary-panel{display:none}.workspace{min-width:0;background:#ffffffad}.filter-bar{min-height:84px;display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(190px,250px);gap:18px;padding:18px 28px;align-items:end;border-bottom:1px solid var(--border)}.filter-bar label{display:grid;gap:7px;color:var(--muted);font-size:14px}.filter-bar select,.search-field input{width:100%;height:44px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:#182235;padding:0 13px;font-size:15px;outline:none}.filter-bar select:focus,.search-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087d7d1f}.search-field{position:relative}.search-field svg{position:absolute;right:13px;bottom:13px;color:var(--muted)}.search-field input{padding-right:40px}.mode-row{min-height:78px;display:flex;align-items:center;gap:22px;padding:16px 28px;border-bottom:1px solid var(--border)}.mode-group{display:flex;align-items:center;gap:14px;color:#3a4658}.mode-group>span{color:var(--muted);font-size:14px}.segmented{display:inline-grid;grid-template-columns:repeat(2,88px);gap:3px;border:1px solid var(--border-strong);border-radius:8px;padding:3px;background:#fff}.segmented button{height:36px;border:0;border-radius:6px;background:#fff;color:#243149;cursor:pointer;font-weight:700}.segmented button+button{border-left:0}.segmented button.is-selected{background:var(--teal);color:#fff;box-shadow:none}.switch{margin-left:auto;border:0;background:transparent;display:inline-flex;align-items:center;gap:10px;color:#344055;cursor:pointer;font-weight:700}.switch span{width:48px;height:30px;border-radius:999px;background:#d8dee8;position:relative;transition:background .18s ease}.switch span:after{content:"";position:absolute;width:22px;height:22px;top:4px;left:4px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0f172a33;transition:transform .18s ease}.switch.is-on span{background:var(--teal)}.switch.is-on span:after{transform:translate(18px)}.secondary-action,.primary-action,.icon-nav{min-height:44px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:#263247;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;font-weight:800;cursor:pointer}.secondary-action:disabled,.icon-nav:disabled{opacity:.45;cursor:not-allowed}.wrong-toggle.is-marked{border-color:#e5483e8c;background:var(--red-soft);color:var(--red)}.wrong-toggle.is-marked:hover{border-color:var(--red);background:#ffe5df}.concept-toggle.is-on{border-color:var(--teal-border);background:var(--teal-soft);color:var(--teal)}.primary-action{min-width:126px;border-color:var(--teal);background:var(--teal);color:#fff}.primary-action:hover{background:#056d6e}.question-surface{min-height:calc(100vh - 236px);display:flex;flex-direction:column;align-items:center;padding:28px 28px 0}.question-meta,.question-title,.options,.answer-panel,.notice{width:min(100%,820px)}.question-meta,.question-title,.options{border-left:1px solid var(--border);border-right:1px solid var(--border);background:#fffffff0}.question-meta{border-top:1px solid var(--border);border-radius:8px 8px 0 0;box-shadow:0 14px 28px #0f172a12;padding:20px 24px 0}.question-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px;flex-wrap:wrap}.question-meta span{background:var(--teal-soft);color:var(--teal);border-radius:5px;padding:5px 9px;font-weight:800}.question-meta strong{color:#364255}.question-meta em{font-style:normal;color:var(--muted)}.question-title{margin:0;padding:24px 24px 18px;font-size:22px;line-height:1.75;font-weight:700;letter-spacing:0}.term-inline{display:inline;border:0;background:transparent;color:var(--teal);padding:0;margin:0 1px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;font-weight:800}.term-inline sup{min-width:16px;height:16px;margin-left:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--amber);color:#fff;font-size:10px;line-height:1;text-decoration:none;transform:translateY(-.45em)}.options{display:grid;gap:10px;max-width:820px;border-bottom:1px solid var(--border);border-radius:0 0 8px 8px;box-shadow:0 14px 28px #0f172a12;padding:0 24px 24px}.option{width:100%;min-height:66px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:10px 18px;text-align:left;font-size:17px;color:#1f2937;cursor:pointer}.option:hover:not(.is-disabled){border-color:var(--teal-border);background:var(--teal-soft)}.option.is-disabled{cursor:default}.option-letter{width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--border-strong);border-radius:50%;background:#fff;color:#243149;font-weight:800}.option.is-correct{border-color:#0b8f5a73;background:var(--green-soft)}.option.is-correct .option-letter{background:var(--green);border-color:var(--green);color:#fff}.option.is-wrong{border-color:#e5483e73;background:var(--red-soft)}.option.is-wrong .option-letter{background:var(--red);border-color:var(--red);color:#fff}.answer-panel{max-width:820px;margin-top:22px;border:1px solid var(--border);border-radius:8px;background:#fffffff0;box-shadow:0 14px 28px #0f172a12;padding:18px 20px;display:grid;gap:10px;color:#263247}.answer-panel strong{color:var(--green);font-size:16px}.answer-panel.is-wrong strong{color:var(--red)}.answer-panel p{margin:0;line-height:1.75;color:#2f3b4e}.answer-detail{margin-top:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:14px;display:grid;gap:12px}.answer-detail header{display:flex;align-items:center;justify-content:space-between;gap:12px}.answer-detail h2{margin:0;color:#172033;font-size:16px}.answer-detail a,.official-note a{color:var(--teal);font-size:13px;font-weight:800;text-decoration:none}.answer-detail a:hover,.official-note a:hover{text-decoration:underline}.source-note{border-left:3px solid var(--teal-border);padding-left:10px;color:var(--muted)!important;font-size:13px;line-height:1.65!important}.ai-explanation{display:grid;gap:12px}.ai-explanation h3{margin:0;color:#172033;font-size:14px}.ai-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-detail-header h3{display:inline-flex;align-items:center;gap:7px}.ai-detail-header svg{color:var(--teal)}.ai-actions{display:inline-flex;align-items:center;gap:8px}.text-action{border:0;background:transparent;color:var(--teal);cursor:pointer;font-size:13px;font-weight:800;padding:0}.compact-action{min-height:34px;padding:0 11px;font-size:13px}.ai-config-grid{display:grid;grid-template-columns:minmax(140px,220px);gap:10px;align-items:end}.ai-field{display:grid;gap:6px;color:var(--muted);font-size:13px}.ai-field input,.ai-field select{width:100%;height:38px;border:1px solid var(--border-strong);border-radius:7px;background:#fff;color:#182235;padding:0 11px;outline:none}.ai-field input:focus,.ai-field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087d7d1f}.ai-result{border:1px solid var(--teal-border);border-radius:7px;background:var(--teal-soft);padding:12px;display:grid;gap:8px}.ai-result-meta{color:var(--teal);font-size:13px;font-weight:800}.ai-result p{margin:0;color:#243149;font-size:14px;line-height:1.8}.markdown-content{display:grid;gap:10px;color:#243149;font-size:14px;line-height:1.8}.markdown-content h4,.markdown-content h5{margin:6px 0 0;color:#172033;line-height:1.45}.markdown-content h4{font-size:16px}.markdown-content h5{font-size:15px}.markdown-content p,.markdown-content ul,.markdown-content ol{margin:0}.markdown-content ul,.markdown-content ol{padding-left:20px}.markdown-content li+li{margin-top:5px}.markdown-content strong{color:#172033;font-weight:800}.ai-status{margin:0;color:var(--muted)!important;font-size:13px;line-height:1.6!important}.knowledge-link{justify-self:start;border:0;background:transparent;color:var(--teal);font-weight:800;padding:0;cursor:pointer}.notice{max-width:760px;margin:18px 0 0;color:#6b4b00;background:#fff8e5;border:1px solid #f0d38b;border-radius:7px;padding:12px 14px}.question-actions{align-self:stretch;margin:auto -28px 0;min-height:76px;border-top:1px solid var(--border);background:#ffffffdb;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px calc(14px + env(safe-area-inset-bottom));position:sticky;bottom:0}.icon-nav{width:50px;padding:0}.question-count{min-width:78px;text-align:center;color:#3b4658;font-weight:700}.empty-state{min-height:420px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.empty-state h1{margin:0;color:var(--text);font-size:24px}.empty-state p{margin:0}.glossary-panel{border-left:1px solid var(--border);background:var(--surface);padding:28px 22px;overflow-y:auto;max-height:calc(100vh - 74px);display:flex;flex-direction:column;gap:22px}.glossary-panel header{display:flex;align-items:center;justify-content:space-between}.glossary-panel h2{margin:0;font-size:18px}.term-detail{display:grid;gap:16px}.term-heading{display:flex;align-items:center;gap:12px}.term-heading>span{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:var(--amber);color:#fff;font-weight:900}.term-heading h3{margin:0 0 3px;font-size:20px}.term-heading small{color:var(--muted)}.term-detail p{margin:0;color:#2e394a;line-height:1.75}.term-detail strong{color:#172033}.term-detail ul{margin:-8px 0 0;padding-left:20px;color:#283446;line-height:1.8}.related-terms{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:12px}.official-note{border-top:1px solid var(--border);padding-top:18px;display:grid;gap:8px}.official-note h3{margin:0;color:var(--muted);font-size:15px}.official-note p{margin:0;color:#2e394a;font-size:13px;line-height:1.7}.related-terms h3{margin:0;font-size:15px;color:var(--muted)}.related-terms div{display:flex;flex-wrap:wrap;gap:8px}.related-terms button{min-height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface-soft);display:inline-flex;align-items:center;gap:7px;padding:0 10px;color:#263247;cursor:pointer}.related-terms span{width:18px;height:18px;border-radius:50%;background:var(--amber);color:#fff;display:inline-grid;place-items:center;font-size:11px;font-weight:800}.glossary-count{margin-top:auto;border-top:1px solid var(--border);padding-top:16px;color:var(--muted);font-size:13px;line-height:1.7}@media(max-width:1180px){.topbar{grid-template-columns:minmax(220px,1fr) auto auto}.top-spacer{display:none}.app-grid,.app-grid.glossary-closed{grid-template-columns:minmax(0,1fr)}.glossary-panel{position:fixed;left:0;right:0;bottom:0;z-index:30;max-height:min(66vh,640px);border-left:0;border-top:1px solid var(--border);box-shadow:var(--shadow);transform:translateY(105%);transition:transform .2s ease}.glossary-panel.is-open{transform:translateY(0)}}@media(max-width:860px){.topbar{height:auto;min-height:72px;grid-template-areas:"brand language" "stats stats";grid-template-columns:1fr auto;column-gap:12px;row-gap:10px;padding:12px 14px}.brand{grid-area:brand;min-width:0;font-size:21px}.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-toggle{grid-area:language;width:74px;grid-template-columns:repeat(2,36px)}.top-stats{justify-content:space-between}.stats-wrap{grid-area:stats;width:100%;min-width:0;justify-items:stretch}.top-stats{justify-content:space-between;gap:8px}.stats-scope{text-align:left}.stat{min-width:0;flex:1;padding-left:0;border-left:0;border-top:1px solid var(--border);padding-top:8px}.app-grid{display:block}.filter-bar{grid-template-columns:1fr;padding:16px;gap:12px}.mode-row{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.switch{margin-left:0}.question-surface{padding:18px 16px 0;min-height:560px}.question-title{font-size:19px;line-height:1.7}.option{min-height:60px;grid-template-columns:38px 1fr;font-size:15px;padding:10px 12px}.question-actions{margin-left:-16px;margin-right:-16px;display:grid;grid-template-columns:1fr .82fr .72fr 1.25fr;gap:8px;overflow-x:visible;position:sticky;margin-top:24px;padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.question-actions .icon-nav{display:none}.question-actions .secondary-action,.question-actions .primary-action{min-width:0;width:100%;min-height:48px;padding:0 10px;white-space:nowrap}.question-actions .primary-action{min-width:0}.question-count{min-width:0;align-self:center;font-size:14px;line-height:1.2}.answer-detail header{align-items:flex-start;flex-direction:column}.ai-detail-header{align-items:flex-start;flex-direction:column}.ai-actions{width:100%;justify-content:space-between}.ai-config-grid{grid-template-columns:1fr}.glossary-panel{left:0;max-height:58vh;border-radius:8px 8px 0 0;padding:30px 16px 20px}.glossary-panel:before{content:"";position:absolute;top:10px;left:50%;width:46px;height:4px;border-radius:999px;background:#cbd5e1;transform:translate(-50%)}}
