/* ask 问一句：私有样式一律写在 #pg-ask 下面。首屏居中大问题框，示意图在「发出去以后」 */
#pg-ask .ask-hero { padding: var(--s6) 0 var(--s10); }
/* 首屏：居中，一个大问题框（.col-880） */
#pg-ask .ask-head { text-align: center; }
#pg-ask .ask-head .lead { max-width: 30em; margin-left: auto; margin-right: auto; }
/* 英文：居中的副标题、「只有研习社同学看得到」、卡片标题，末尾不剩一个词单独一行 */
html[lang="en"] #pg-ask .ask-head .lead, html[lang="en"] #pg-ask .ask-fixed > span, html[lang="en"] #pg-ask .ask-rc .cell-t, html[lang="en"] #pg-ask .ask-mine .li-t { text-wrap: balance; }
#pg-ask .ask-form { margin-top: var(--s5); }

/* 问题框：浅灰底、大圆角，聚焦时一圈蓝色细线（v7.2 焦点用苹果蓝，跟输入框一样） */
#pg-ask .ask-box { position: relative; background: var(--bg-2); border-radius: 24px; padding: 24px 24px 16px; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease); }
#pg-ask .ask-box:focus-within { background: var(--bg); box-shadow: inset 0 0 0 1.5px var(--accent), 0 24px 48px -32px rgba(0, 0, 0, .18); }
#pg-ask .ask-box.err { box-shadow: inset 0 0 0 1.5px var(--err); }
#pg-ask .ask-ta { display: block; width: 100%; min-height: 128px; max-height: 280px; padding: 0; border: 0; background: transparent; box-shadow: none; resize: none;
  font-size: var(--t28); line-height: 1.4; font-weight: 400; color: var(--ink); }
#pg-ask .ask-ta:focus { box-shadow: none; border: 0; }
#pg-ask .ask-ta::placeholder { color: var(--ink-3); }
#pg-ask .ask-toolchip { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; padding: 0 4px 0 14px; height: 36px; border-radius: var(--r-pill); background: var(--fill); font-size: var(--t14); color: var(--ink); }
#pg-ask .ask-toolx { width: 28px; height: 28px; }
#pg-ask .ask-bar { display: flex; align-items: center; gap: 24px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line-2); flex-wrap: wrap; }
#pg-ask .ask-fixed { font-size: var(--t15); }
#pg-ask .ask-fixed svg { color: var(--ink-2); }
#pg-ask .ask-send { margin-left: auto; display: inline-flex; align-items: center; gap: 16px; }
#pg-ask .ask-key { font-size: var(--t14); color: var(--ink-2); white-space: nowrap; }

#pg-ask .ask-under { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; padding: 0 8px; }
#pg-ask .ask-hint { font-size: var(--t14); color: var(--ink-2); }
#pg-ask .ask-warn, #pg-ask .ask-sniff { display: flex; align-items: center; gap: 8px; }
#pg-ask .ask-warn svg, #pg-ask .ask-sniff svg { color: var(--ink-2); flex: none; }
#pg-ask .ask-sniff { color: var(--ink); }
#pg-ask .ask-stage-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 16px; }
#pg-ask .ask-stage-row > .lab { font-size: var(--t14); color: var(--ink-2); white-space: nowrap; }
#pg-ask .ask-stage-row .chip { height: 32px; padding: 0 14px; font-size: var(--t14); }

/* 「发出去以后」左边的示意图：浅灰舞台、浅灰线、一个墨色小点沿回程线走（v7.2 深金只留给字标的「²」，这个点改墨色） */
#pg-ask .ask-stage { flex-direction: column; padding: var(--s4) var(--s4) var(--s3); min-height: 480px; }
#pg-ask .ask-svg { width: 100%; height: auto; max-width: 520px; overflow: visible; }
#pg-ask .ask-svg .m-grid line { stroke: var(--line-2); stroke-width: 1; }
#pg-ask .ask-svg .m-dots circle { fill: var(--line); }
#pg-ask .ask-svg .m-go { fill: none; stroke: var(--ink-2); stroke-width: 1.5; }
#pg-ask .ask-svg .m-out { fill: none; stroke: var(--ink-2); stroke-width: 1.25; stroke-dasharray: 3 5; }
#pg-ask .ask-svg .m-back { fill: none; stroke: var(--ink); stroke-width: 1.75; }
#pg-ask .ask-svg .m-gold { fill: var(--ink); }
#pg-ask .ask-svg .m-node circle { fill: var(--bg); stroke: var(--ink); stroke-width: 1.5; }
#pg-ask .ask-svg .m-you { fill: currentColor; color: var(--ink); font-size: 17px; font-weight: 500; }
#pg-ask .ask-svg .m-filter rect { fill: var(--bg); stroke: var(--line); stroke-width: 1; }
#pg-ask .ask-svg .m-filter path { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
#pg-ask .ask-svg .m-peer { fill: var(--ink); }
#pg-ask .ask-svg .m-peer-ring { fill: none; stroke: var(--ink); stroke-opacity: .2; stroke-width: 1; }
#pg-ask .ask-svg .m-lab { fill: currentColor; color: var(--ink-2); font-size: var(--t14); }
#pg-ask .ask-svg .m-strong { color: var(--ink); font-weight: 500; font-size: 15px; }
#pg-ask .ask-cap { font-size: var(--t14); color: var(--ink-2); margin-top: 8px; text-align: center; }

/* 发出去以后：左图右字 */
#pg-ask .ask-how { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--s8); align-items: center; }
#pg-ask .ask-promise { display: flex; align-items: flex-start; gap: 12px; font-size: var(--t21); font-weight: 500; line-height: 1.5; color: var(--ink); }
#pg-ask .ask-promise svg { color: var(--ink); margin-top: 4px; flex: none; }
#pg-ask .ask-steps { display: flex; flex-direction: column; }
#pg-ask .ask-steps li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 16px; align-items: baseline; padding: 20px 0; border-top: 1px solid var(--line); }
#pg-ask .ask-steps li:last-child { border-bottom: 1px solid var(--line); }
#pg-ask .ask-n { font-size: var(--t40); line-height: 1; font-weight: 300; color: var(--ink); }
#pg-ask .ask-st { font-size: var(--t17); line-height: 1.6; color: var(--ink); }
html[lang="en"] #pg-ask .ask-st { line-height: 1.5; }   /* v7.2 英文正文行距 1.5 */

/* 先看看问过的 */
#pg-ask .ask-rc { min-height: 260px; }
#pg-ask .ask-rc .cell-p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
#pg-ask .ask-rc-foot { display: flex; flex-direction: column; gap: 6px; }
#pg-ask .ask-mini { display: inline-flex; align-items: center; gap: 6px; font-size: var(--t14); color: var(--ink-2); }
#pg-ask .ask-mini svg { color: var(--ink-2); }

/* 我问过的 */
#pg-ask .ask-mine .sec-h { margin-bottom: var(--s3); }
#pg-ask .ask-mine .li-p { margin-top: 6px; }
#pg-ask .ask-st-tag { font-size: var(--t14); color: var(--ink); background: var(--cell-alt); height: 28px; padding: 0 12px; border-radius: var(--r-pill); display: inline-flex; align-items: center; }
#pg-ask .ask-st-tag.done { color: var(--ink-2); background: transparent; box-shadow: inset 0 0 0 1px var(--line); }

@media (max-width: 1099px) {
  #pg-ask .ask-how { grid-template-columns: minmax(0, 1fr); gap: var(--s6); }
  #pg-ask .ask-stage { min-height: 0; }
}
@media (max-width: 759px) {
  #pg-ask .ask-hero { padding: var(--s5) 0 var(--s8); }
  #pg-ask .ask-head { text-align: left; }
  #pg-ask .ask-box { padding: 16px 16px 12px; border-radius: 20px; }
  #pg-ask .ask-ta { font-size: var(--t21); min-height: 112px; }
  #pg-ask .ask-bar { gap: 12px; }
  #pg-ask .ask-send { width: 100%; justify-content: space-between; margin-left: 0; }
  #pg-ask .ask-key { display: none; }
  #pg-ask .ask-send .btn { width: 100%; }
  #pg-ask .ask-steps li { grid-template-columns: 40px minmax(0, 1fr); padding: 16px 0; }
  #pg-ask .ask-n { font-size: var(--t28); }
  #pg-ask .ask-rc { min-height: 0; }
}

/* Server-owned draft controls supplement the handoff without changing its hierarchy. */
#pg-ask .m3-draft-meta { display:flex; align-items:baseline; justify-content:space-between; gap:16px; }
#pg-ask .m3-draft-meta #ask-count { flex:none; white-space:nowrap; }
#pg-ask .m3-tool-select { display:flex; align-items:center; gap:16px; margin-top:8px; }
#pg-ask .m3-tool-select > .lab { flex:none; font-size:var(--t14); color:var(--ink-2); }
#pg-ask .m3-tool-select select { max-width:430px; min-width:0; height:40px; font-size:var(--t14); padding:0 12px; }
#pg-ask .ask-sniff { color:var(--ink-2); }
#pg-ask .ask-sniff[hidden], #pg-ask .err-msg[hidden] { display:none; }
#pg-ask #ask-draft-status:empty { display:none; }
@media (max-width:759px) { #pg-ask .m3-tool-select { flex-wrap:wrap; gap:8px; } #pg-ask .m3-tool-select select { width:100%; max-width:none; } }
@media (prefers-reduced-motion:reduce) { #pg-ask .m-gold { display:none; } }