/* 拍题讲解面板：右侧停靠（桌面）/ 底部抽屉（手机）。颜色走 design-tokens；薄荷色只给主按钮与焦点环。 */
.solve-panel{position:fixed;z-index:var(--layer-stack-60);right:16px;top:72px;width:340px;max-height:calc(100vh - 160px);overflow:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-card,14px);background:var(--formula-panel-bg);color:var(--formula-panel-ink);border:1px solid var(--formula-panel-line);box-shadow:0 12px 32px var(--shadow-ink);font:14px/1.45 var(--font-ui,system-ui,sans-serif)}
.solve-panel[hidden]{display:none}
/* 抽屉里滚到头不带走整页（手机触控）；配合 /assets/immutable/06ee898fba152a71/assets/solve-explain.js?v=f5e750eb4953 的 touchmove 处理 */
.solve-panel,.solve-steps{overscroll-behavior:contain}
.solve-photo-reason{margin:0;font-size:12px;line-height:1.5;color:var(--formula-status-ink)}
.solve-photo-reason[hidden]{display:none}
.solve-panel header{display:flex;align-items:center;justify-content:space-between;font-size:15px}
.solve-close{width:32px;height:32px;border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer;border-radius:8px}
.solve-panel textarea,.solve-panel input[type=text]{width:100%;box-sizing:border-box;border-radius:var(--radius-md,10px);border:1px solid var(--formula-panel-line);background:var(--glass-highlight);color:inherit;padding:var(--space-2) var(--space-2);font:inherit;resize:vertical}
.solve-row{display:flex;gap:var(--space-2);align-items:center}
.solve-row[hidden]{display:none}
.solve-row input[type=text]{flex:1;min-width:0}
.solve-btn{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md,10px);border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg,transparent);color:var(--btn-secondary-fg);font:inherit;cursor:pointer;white-space:nowrap}
.solve-btn[hidden]{display:none}
.solve-primary{flex:1;background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-border);font-weight:600}
.solve-btn:focus-visible,.solve-panel textarea:focus-visible,.solve-panel input:focus-visible,.solve-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.solve-btn:disabled{opacity:.55;cursor:default}
.solve-status{margin:0;color:var(--formula-status-ink);font-size:12.5px;min-height:1em}
.solve-steps{margin:0;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);max-height:220px;overflow:auto}
.solve-steps li{color:var(--muted)}
.solve-steps li.done{color:inherit}
.solve-ok{margin-left:var(--space-2);font-size:11px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-tag,6px);border:1px solid currentColor;opacity:.8}
.solve-answers{display:flex;flex-direction:column;gap:var(--space-2)}
.solve-chip{align-self:flex-start;border:1px dashed var(--formula-panel-line);background:transparent;color:inherit;border-radius:999px;padding:var(--space-1) var(--space-2);font:inherit;font-size:12.5px;cursor:pointer}
.solve-qa p{margin:0}.solve-q{font-weight:600}.solve-a{color:var(--formula-note-ink)}
@media (max-width:700px){
 /* 抽屉停在底部工具栏 + 页面条之上（--bottom-stack-height 由统一底部栈修复提供，未提供时按实测约 150px），不改全局底部栏。 */
 .solve-panel{left:8px;right:8px;top:auto;bottom:calc(var(--bottom-stack-height,150px) + 8px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - var(--bottom-stack-height,150px) - env(safe-area-inset-bottom) - 80px)}
 .solve-steps{max-height:96px}
 /* 抽屉打开时整页不滚（关闭时 /assets/immutable/06ee898fba152a71/assets/solve-explain.js?v=f5e750eb4953 去掉这个类） */
 html.solve-drawer-open,html.solve-drawer-open body{overflow:hidden!important;overscroll-behavior:none}
}
.solve-hint { margin:0 0 var(--space-2); font-size:12px; line-height:1.5; color:var(--n-500); }