/* 知識+ 問題頁（/qa/q/）與發問頁（/qa/ask/）：疊在 qa.css、win.css 後面，視窗外觀沿用教學頁的問題視窗。
   這兩頁只有一個視窗（不用舞台格子、不用 win.js），下面接 giscus 的回答／發問框。 */
.qq-wrap{max-width:820px}
.qq-win{display:flex;margin-top:6px}
.qq-win .win-body{overflow:visible}
.qq-tags{margin-bottom:8px}
.qq-tags .tag{font-size:12.5px;padding:0 10px}
.qq-win h1{overflow-wrap:anywhere}
.q-who .nm{min-width:0}
.q-who>div{min-width:0}
.q-who .av{width:48px;height:48px}
.q-who .av svg{width:100%;height:100%}
.q-seal.wait{color:var(--muted);border:2px dashed var(--line-strong);background:none;transform:rotate(-4deg);font-size:17px}
[data-theme="night"] .q-seal.wait{text-shadow:none;box-shadow:none}
.q-info>div{min-width:0}

/* 題目內容：GitHub 清理過的 HTML，放進固定容器 */
.qq-body{overflow-wrap:anywhere;word-break:break-word;font-size:15px;line-height:1.8}
.qq-body img,.qq-body video{max-width:100%;height:auto}
.qq-body pre{max-width:100%;overflow-x:auto;padding:10px 12px;background:var(--bg2);border:1px solid var(--line-strong);font-size:13px;line-height:1.6}
.qq-body pre code{white-space:pre}
.qq-body code{font-size:.92em;background:var(--pink-soft);padding:.05em .35em}
.qq-body pre code{background:none;padding:0}
.qq-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.qq-body th,.qq-body td{border:1px solid var(--line-strong);padding:4px 8px}
.qq-body blockquote{margin:.6em 0;padding:.1em 1em;border-left:3px solid var(--pink);color:var(--muted)}
.qq-body p,.qq-body ul,.qq-body ol{margin:0 0 .6em}
.qq-body ul,.qq-body ol{padding-left:1.5em}
.qq-body a{color:var(--pink)}
.qq-miss{margin:6px 0 0;line-height:1.8}
.qq-miss a{color:var(--pink);font-weight:700}
.qq-fresh{margin:8px 0 0;padding:6px 12px;border:1px dashed var(--line-strong);background:var(--bg2);color:var(--muted);font-size:13.5px;line-height:1.7}
.qq-fresh[hidden],.qq-sent[hidden],.qq-body[hidden]{display:none}
.qq-sent{margin:0 0 8px;padding:8px 12px;border:2px solid var(--pink);background:var(--pink-soft);color:var(--ink);font-weight:700;font-size:14.5px;animation:qq-sent-in .3s ease-out}
@keyframes qq-sent-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.qq-sent{animation:none}}
#comments{scroll-margin-top:12px}
.qq-back{margin:22px 0 0;font-size:14px;letter-spacing:.04em}
.qq-back a{color:var(--pink)}

/* 發問表單 */
.ask-form{display:grid;gap:14px}
.ask-f{display:grid;gap:6px;position:relative}
.ask-f label{font:700 15px/1.4 var(--sans);letter-spacing:.06em}
.ask-f label small{font-weight:400;color:var(--muted);margin-left:.4em;letter-spacing:.02em}
.ask-f input[type=text],.ask-f select{width:100%;box-sizing:border-box;min-height:46px;padding:8px 12px;border:2px solid var(--w-line);border-radius:0;background:var(--card);color:var(--ink);font:500 16px/1.5 var(--sans)}
.ask-f input[type=text]:focus-visible,.ask-f select:focus-visible{outline:3px solid var(--pink);outline-offset:1px}
.ask-f input[readonly],.ask-f select:disabled{background:var(--bg2);color:var(--muted);border-style:dashed;opacity:1;-webkit-text-fill-color:currentColor}
.ask-cats{border:0;margin:0;padding:0;min-width:0}
.ask-cats legend{padding:0;margin-bottom:6px;font:700 15px/1.4 var(--sans);letter-spacing:.06em}
.ask-cats legend small{font-weight:400;color:var(--muted);margin-left:.4em;letter-spacing:.02em}
.ask-chips{display:flex;flex-wrap:wrap;gap:8px}
.ask-chip{position:relative;display:inline-flex;cursor:pointer}
.ask-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ask-chip span{display:inline-flex;align-items:center;min-height:44px;padding:6px 14px;border:2px solid var(--w-line);background:var(--card);color:var(--ink);font:600 15px/1.3 var(--sans);letter-spacing:.04em;transition:background .15s,color .15s,border-color .15s}
.ask-chip:hover span{border-color:var(--pink)}
.ask-chip input:checked+span{background:var(--pink);border-color:var(--pink);color:var(--on-pink)}
.ask-chip input:checked+span::before{content:"✓";margin-right:.4em}
.ask-chip input:focus-visible+span{outline:3px solid var(--pink);outline-offset:2px}
.ask-chip input:disabled,.ask-cats:disabled .ask-chip{cursor:default}
.ask-cats:disabled .ask-chip span{border-style:dashed}
.ask-cats:disabled .ask-chip input:not(:checked)+span{background:var(--bg2);color:var(--muted)}
.ask-hint{margin:6px 0 0;color:var(--pink);font-weight:700;font-size:14px}
.ask-hint[hidden]{display:none}
.ask-cnt{position:absolute;right:10px;top:0;font:600 12.5px/1.4 var(--latin);color:var(--muted)}
.ask-prev{margin:0;padding:8px 12px;background:var(--bg2);border:1px dashed var(--line-strong);font-size:14px;overflow-wrap:anywhere}
.ask-prev b{color:var(--pink);font-weight:800}
.ask-dup{margin:0;padding:8px 12px;border:2px solid var(--gold);background:color-mix(in oklch,var(--gold) 14%,transparent);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.ask-dup a{color:var(--pink);font-weight:700}
.ask-err{margin:0;color:var(--pink);font-weight:700;font-size:14px}
.ask-act{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.ask-act .pbtn[hidden]{display:none}
.ask-edit{filter:saturate(.8)}
#ask-box[hidden]{display:none}
.qa-comments .giscus{margin-top:4px}
@media (max-width:719px){
  .qq-wrap{padding-left:12px;padding-right:12px}
  .q-who{flex-wrap:wrap}
  .q-who .q-seal{margin-left:0}
}