.qb-shell{padding:34px 22px 60px}
.qb-heading{max-width:760px;margin-bottom:24px}
.qb-heading h1{font:600 32px/1.35 var(--serif);margin:0 0 12px;color:var(--ink)}
.qb-heading p{margin:0;line-height:1.8;color:var(--ink-2)}
.qb-controls{display:grid;grid-template-columns:minmax(200px,1fr) 160px 130px auto;gap:12px;align-items:end;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qb-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2)}
.qb-controls input,.qb-controls select,.qb-controls button,.qb-pagination button,.qb-back{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:4px;padding:9px 12px;color:var(--ink);background:var(--card)}
.qb-controls input{width:100%;min-width:0}
.qb-controls button,.qb-pagination button{cursor:pointer}
.qb-controls button:hover,.qb-pagination button:hover{border-color:var(--accent);color:var(--accent)}
.qb-status{font-size:14px;color:var(--ink-2);margin:18px 0}
.qb-list{padding:0;margin:0;list-style:none}
.qb-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;border-bottom:1px solid var(--line-soft);padding:23px 0}
.qb-meta{display:flex;flex-direction:column;gap:7px;align-items:flex-start;font-size:13px;color:var(--ink-2);line-height:1.6}
.qb-category{color:var(--accent);font-weight:600}
.qb-row h2{font:600 20px/1.6 var(--serif);margin:0 0 7px}
.qb-row h2 a{color:var(--ink)}
.qb-row h2 a:hover{color:var(--accent)}
.qb-excerpt{margin:0;color:var(--ink-2);font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.qb-pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:28px;flex-wrap:wrap}
.qb-pagination button:disabled{opacity:.5;cursor:default}
.qb-empty{padding:32px 0;line-height:1.9;color:var(--ink-2)}
.qb-back{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:20px}
.qb-detail.article{max-width:800px;margin:0 auto;padding:0;min-width:0}
.qb-detail h1{font:600 28px/1.6 var(--serif);margin:8px 0 12px;overflow-wrap:anywhere}
.qb-detail-meta{color:var(--ink-2);font-size:14px;line-height:1.8;margin:0 0 25px}
.qb-detail .art-body{font:18px/1.95 var(--serif);overflow-wrap:anywhere}
.qb-detail .art-body p{margin:1em 0}
.qb-detail .art-body img{max-width:100%;height:auto;display:block;margin:20px auto}
.qb-detail .art-body pre{max-width:100%;overflow:auto;font:14px/1.8 var(--mono)}
.qb-detail .art-body [data-formula-type="block-equation"]{display:block;max-width:100%;overflow-x:auto;padding:8px 2px;margin:1.1em 0;line-height:normal}
.qb-detail .art-body .katex-display{margin:0}
.qb-detail .art-body [data-formula]{cursor:pointer}
.qb-detail .art-body [data-formula-type="inline-equation"]{display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle}
.qb-table-scroll{max-width:100%;overflow-x:auto;margin:1em 0}
.qb-detail .art-body table{border-collapse:collapse;max-width:100%}
.qb-detail .art-body th,.qb-detail .art-body td{border:1px solid var(--line);padding:7px 12px}
.qb-answer{margin:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0 15px}
.qb-answer summary{font:600 17px/1.6 var(--sans);padding:17px 0;min-height:44px;cursor:pointer;color:var(--accent)}
.qb-origin{font:14px/1.9 var(--sans);color:var(--ink-2);border-top:1px solid var(--line);padding-top:20px;margin-top:32px}
.qb-origin p{margin:.45em 0}
.qb-origin p{white-space:pre-line}
.qb-origin a{overflow-wrap:anywhere}
.qb-origin h2{font:600 16px/1.5 var(--sans);margin:0 0 12px}
.qb-math-note{font:13px/1.7 var(--sans);color:var(--ink-2)}
@media(max-width:680px){
 .qb-shell{padding-top:24px}.qb-heading h1{font-size:28px}
 .qb-controls{grid-template-columns:1fr 1fr}.qb-controls label:first-child{grid-column:1/-1}
 .qb-controls button{grid-column:1/-1}.qb-row{grid-template-columns:1fr;gap:8px;padding:20px 0}
 .qb-meta{flex-direction:row;gap:10px;flex-wrap:wrap}.qb-row h2{font-size:19px}
 .qb-detail h1{font-size:24px}.qb-detail .art-body{font-size:17px;line-height:1.95}
}