:root{color:#182033;background:#f7f8fc;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7f8fc;--panel: #ffffff;--panel-soft: #fbfcff;--panel-blue: #f2f6ff;--line: #dde5f2;--line-strong: #c8d6ec;--text: #182033;--muted: #66738f;--muted-soft: #8b97ad;--violet: #7457e8;--blue: #3868e8;--cyan: #0588b8;--mint: #07976e;--amber: #a96600;--danger: #c5395f;--shadow: 0 18px 48px rgba(32, 47, 83, .09);--shadow-light: 0 8px 22px rgba(32, 47, 83, .07)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(116,87,232,.09),transparent 28%),linear-gradient(225deg,rgba(5,136,184,.08),transparent 26%),repeating-linear-gradient(90deg,rgba(56,104,232,.035) 0,rgba(56,104,232,.035) 1px,transparent 1px,transparent 82px),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1720px,calc(100% - 36px));margin:0 auto;padding:28px 0 36px}.hero-panel,.filter-panel,.results-panel,.detail-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:22px;min-height:248px;padding:34px;border-radius:8px}.hero-panel:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(100deg,transparent 0 56%,rgba(56,104,232,.08) 56% 58%,transparent 58%),radial-gradient(circle at 92% 10%,rgba(116,87,232,.1),transparent 28%),linear-gradient(12deg,rgba(5,136,184,.05),transparent 36%)}.hero-copy,.hero-search,.metric-strip{position:relative}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{margin-top:18px;max-width:720px;color:#111827;font-size:54px;line-height:1.02;letter-spacing:0}.hero-copy p{max-width:720px;margin-top:18px;color:var(--muted);font-size:17px;line-height:1.8}.hero-search{align-self:start;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.search-box{display:flex;align-items:center;gap:12px;min-width:0;min-height:52px;padding:0 16px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;box-shadow:inset 0 1px #fffc;transition:border-color .16s ease,box-shadow .16s ease}.search-box:focus-within{border-color:#3868e8b8;box-shadow:0 0 0 4px #3868e81f}.search-box svg{flex:0 0 auto;color:var(--blue)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent}.search-box input::placeholder{color:#98a4b8}.ghost-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(56,104,232,.22);border-radius:8px;color:var(--blue);background:#f4f7ff;text-decoration:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.ghost-button:hover:not(:disabled),.primary-button:hover{border-color:#3868e87a;background:#eef4ff;box-shadow:var(--shadow-light)}.primary-button{color:#fff;border-color:#3868e8c2;background:linear-gradient(135deg,var(--blue),var(--violet))}.primary-button:hover{color:#fff;background:linear-gradient(135deg,#2857d3,#6546d7)}.metric-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:8px}.metric-card{min-width:0;min-height:96px;padding:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f7f9ff)}.metric-card span{display:inline-flex;color:var(--blue)}.metric-card strong{display:block;margin-top:12px;color:#101827;font-size:26px;line-height:1}.metric-card small{display:block;margin-top:7px;color:var(--muted)}.workspace{display:grid;grid-template-columns:280px minmax(420px,1fr) minmax(380px,.8fr);gap:16px;align-items:start;margin-top:16px}.filter-panel,.results-panel,.detail-panel{border-radius:8px}.filter-panel{position:sticky;top:16px;padding:18px}.panel-heading,.results-heading,.detail-header,.question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-heading h2,.results-heading h2,.detail-header h2,.question-toolbar h3{margin-top:4px;color:#111827;font-size:21px;line-height:1.2}.select-filter{display:grid;gap:8px;margin-top:16px;color:var(--muted);font-size:13px}.select-filter>span{display:inline-flex;align-items:center;gap:8px}.select-filter svg,.panel-heading>svg{color:var(--blue)}.select-filter select{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--text);outline:0;background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.select-filter select:focus{border-color:#3868e8b8;box-shadow:0 0 0 4px #3868e81f}.toggle-row{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px;border:1px solid rgba(7,151,110,.18);border-radius:8px;color:var(--text);background:#f0fbf7}.toggle-row input{width:18px;height:18px;accent-color:var(--mint)}.toggle-row:focus-within{box-shadow:0 0 0 4px #07976e1a}.mini-chart{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.chart-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;overflow:hidden;min-height:36px;margin-top:10px;padding:10px 10px 8px;border:1px solid #edf1f8;border-radius:8px;background:#fbfcff}.chart-row span,.chart-row strong{position:relative;z-index:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chart-row span{color:var(--text);font-size:13px}.chart-row strong{color:var(--blue);font-size:13px}.chart-row i{position:absolute;inset:auto auto 0 0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--mint))}.results-panel{min-width:0;padding:18px}.freshness{color:var(--muted);font-size:12px;text-align:right}.record-list{display:grid;gap:12px;margin-top:16px}.record-card{display:grid;gap:11px;width:100%;min-width:0;padding:17px;border:1px solid var(--line);border-radius:8px;color:var(--text);text-align:left;background:#fff;box-shadow:0 1px #202f530a;transition:border-color .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}.record-card:hover,.record-card.is-active{border-color:#3868e894;background:#f5f8ff;box-shadow:0 10px 24px #3868e81a;transform:translateY(-1px)}.record-card.is-active{box-shadow:inset 3px 0 0 var(--blue),0 10px 24px #3868e81a}.record-topline,.record-meta,.record-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.record-topline span,.record-meta span{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.record-topline span:first-child{color:var(--blue);font-weight:800}.record-card h3{display:-webkit-box;overflow:hidden;color:#111827;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:1.45}.focus-tags,.inline-tags,.tag-cloud>div:last-child{display:flex;flex-wrap:wrap;gap:7px}.focus-tags span,.inline-tags span,.tag-cloud>div:last-child span{max-width:100%;padding:5px 8px;border:1px solid #e0e7f3;border-radius:8px;color:#3c4963;background:#f7f9fd;font-size:12px;overflow-wrap:anywhere}.record-footer{justify-content:space-between}.record-footer>span:last-child{display:inline-flex;align-items:center;gap:4px;color:var(--muted-soft);font-size:12px}.difficulty-pill,.question-meta span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:800}.tone-mint{color:var(--mint);background:#07976e1a}.tone-cyan{color:var(--cyan);background:#0588b81a}.tone-amber{color:var(--amber);background:#a966001a}.tone-violet{color:var(--violet);background:#7457e81a}.tone-muted{color:#647086;background:#6470861a}.detail-panel{position:sticky;top:16px;overflow:auto;max-height:calc(100vh - 32px);padding:20px}.detail-header{align-items:flex-start}.detail-header h2{display:-webkit-box;overflow:hidden;max-width:620px;color:#111827;-webkit-box-orient:vertical;-webkit-line-clamp:7;font-size:21px;line-height:1.35}.detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.meta-card{min-width:0;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel-blue)}.meta-card span{color:var(--blue)}.meta-card small{display:block;margin-top:10px;color:var(--muted)}.meta-card strong{display:block;margin-top:4px;color:var(--text);overflow-wrap:anywhere}.tag-cloud{margin-top:18px}.tag-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--muted);font-size:13px}.tag-title svg{color:var(--blue)}.question-toolbar{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.question-list{display:grid;gap:10px;margin-top:14px}.question-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #e2e8f3;border-radius:8px;background:#fff}.question-index{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--blue);background:#eef4ff;font-size:12px;font-weight:900}.question-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.question-card p{color:var(--text);line-height:1.65;overflow-wrap:anywhere}.inline-tags{margin-top:10px}.empty-state{display:grid;place-items:center;gap:12px;min-height:320px;padding:36px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);background:var(--panel-soft);text-align:center}.empty-state h3{color:var(--text)}@media(max-width:1280px){.workspace{grid-template-columns:260px minmax(0,1fr)}.detail-panel{position:static;grid-column:1 / -1;max-height:none}}@media(max-width:920px){.app-shell{width:min(100% - 24px,760px);padding-top:16px}.hero-panel{grid-template-columns:1fr;padding:24px}h1{font-size:42px}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.filter-panel{position:static}}@media(max-width:560px){.app-shell{width:min(100% - 18px,520px)}.hero-panel,.filter-panel,.results-panel,.detail-panel{border-radius:8px}.hero-panel{padding:20px}h1{font-size:34px}.hero-copy p{font-size:15px}.hero-search,.metric-strip,.detail-meta{grid-template-columns:1fr}.results-heading,.detail-header,.question-toolbar{align-items:flex-start;flex-direction:column}.record-card{padding:14px}}