/* 「怎么问」（2026-10-26，MARK ask-guides-20261026，第三版）。网页：输入框上方弹出，高度固定（JS 按按钮位置算好写死，内容在框里滚动，鼠标移动不再上下跳）；手机新版见下半段。颜色跟行动日历一套。 */
.ag-open[hidden]{display:none!important}
.ag-confirming .dlg-mask{z-index:2147483300!important} /* 删除确认框盖在「怎么问」菜单上面 */
.ag-pop{position:fixed;z-index:2147483000;display:flex;flex-direction:column;background:#fff;border:1px solid #EBEDF0;border-radius:16px;box-shadow:0 18px 40px -16px rgba(17,20,24,.3);overflow:hidden;color:#1F2328;font-size:14px;line-height:1.55}
.ag-head{flex:none;display:flex;flex-direction:column;gap:2px;padding:12px 16px 10px;border-bottom:1px solid #EBEDF0}
.ag-head b{font-size:15px;font-weight:700}
.ag-head span{font-size:12.5px;color:#8A9099}
.ag-body{flex:1;min-height:0;display:grid;grid-template-columns:180px 1fr}
.ag-side{min-height:0;overflow:auto;padding:8px;border-right:1px solid #F0F2F4;background:#FAFBFC;display:flex;flex-direction:column;gap:1px}
.ag-side>*,.ag-view>*{flex-shrink:0} /* 高度固定后条目不许被压扁，超出就滚动 */
.ag-group{font-size:11.5px;font-weight:700;color:#A0A6AD;letter-spacing:.5px;padding:8px 10px 4px}
.ag-none{font-size:12.5px;color:#A0A6AD;padding:2px 10px 6px}
.ag-item{display:block;width:100%;padding:7px 10px;border:0;border-radius:9px;background:none;text-align:left;font-family:inherit;font-size:14px;font-weight:600;color:#4A5058;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-item:hover{background:#F1F3F5}
.ag-item[aria-selected="true"]{background:#fff;color:#B32B1E;box-shadow:0 1px 3px rgba(17,20,24,.08)}
.ag-item:focus-visible{outline:2px solid #D93A2B;outline-offset:1px}
.ag-side-foot{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:6px}
.ag-side-btn{border:1px dashed #E3C3BE;background:#fff;color:#B32B1E;border-radius:9px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}
.ag-side-btn:hover{background:#FFF5F3}
.ag-view{min-height:0;overflow:auto;padding:12px 16px 14px;display:flex;flex-direction:column;gap:6px}
.ag-label{font-size:12px;font-weight:600;color:#8A9099;letter-spacing:.3px;margin-top:4px}
.ag-tpl{white-space:pre-wrap;background:#F6F7F9;border-radius:10px;padding:10px 12px;color:#1F2328}
.ag-tpl mark{background:#FDECEA;color:#B32B1E;border-radius:4px;padding:0 2px}
.ag-ex{white-space:pre-wrap;border-left:3px solid #E8C9C4;padding:2px 0 2px 10px;color:#4A5058;font-size:13.5px}
.ag-tip{margin:2px 0 0;font-size:12.5px;color:#8A6D1F;background:#FFF8E6;border-radius:8px;padding:6px 10px}
.ag-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ag-use{border:0;background:#D93A2B;color:#fff;border-radius:10px;min-height:36px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:650;cursor:pointer}
.ag-use:hover{background:#B32B1E}
.ag-sub{border:1px solid #E3E7EC;background:#fff;color:#4A5058;border-radius:10px;min-height:36px;padding:0 14px;font-family:inherit;font-size:13.5px;cursor:pointer}
.ag-sub:hover{background:#F6F7F9}
.ag-sub.danger{color:#B32B1E}
.ag-use:focus-visible,.ag-sub:focus-visible,.ag-side-btn:focus-visible{outline:2px solid #D93A2B;outline-offset:2px}
.ag-share{display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#F6F7F9}
.ag-share span{font-size:12.5px;color:#8A9099}
.ag-share b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;letter-spacing:2px;color:#1F2328;flex:1}
.ag-share .ag-sub{min-height:30px}
.ag-note{margin:2px 0;font-size:12.5px;color:#8A9099}
.ag-err{margin:6px 0;font-size:13px;color:#B32B1E}
.ag-form-title{font-size:15px;font-weight:700;margin-bottom:2px}
.ag-field{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#6B7785}
.ag-in{width:100%;box-sizing:border-box;border:1px solid #DDE3E9;border-radius:9px;padding:7px 10px;font:inherit;font-size:14px;color:#1F2328;background:#fff;resize:vertical}
.ag-in:focus{outline:none;border-color:#F0A69D;box-shadow:0 0 0 3px rgba(217,58,43,.12)}
.ag-code-row{display:flex;gap:8px;align-items:center}
.ag-code{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:2px;text-transform:uppercase;max-width:200px}
.ag-preview{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.ag-hint{font-size:12.5px;color:#B32B1E;background:#FFF5F3;border-radius:8px;padding:4px 10px;margin:4px 0 2px}
.ag-hint[hidden]{display:none}
@media (max-width:620px){.ag-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.ag-side{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;border-right:0;border-bottom:1px solid #F0F2F4}.ag-group,.ag-none{display:none}.ag-item{width:auto}.ag-side-foot{flex-direction:row;margin:0;padding:0}}

/* 手机新版：输入框上方小按钮、底部面板里的模板 */
.ag-m-row{display:flex;gap:8px;padding:0 4px 6px;flex-wrap:wrap}
.ag-m-pill{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 12px;border:1px solid #EDF0F3;border-radius:999px;background:#fff;color:var(--ink,#1f2328);font-family:inherit;font-size:calc(13.5px * var(--coach-text-scale, 1));font-weight:600;-webkit-tap-highlight-color:transparent}
.ag-m-pill svg{color:var(--red,#d93a2b)}
.ag-m-pill.next{border-color:#F3B8B1;color:#B32B1E;background:#FFF5F3}
.ag-m-pill:active{background:#f6f7f9}
.ag-m-card{border:1px solid #EDF0F3;border-radius:16px;margin:0 0 10px;overflow:hidden}
.ag-m-card>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:0;background:#fff;font-family:inherit;font-size:calc(15.5px * var(--coach-text-scale, 1));font-weight:650;color:var(--ink,#1f2328);text-align:left}
.ag-m-card[data-open="true"]>button{color:#B32B1E}
.ag-m-detail{padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}
.ag-m-detail .ag-tpl,.ag-m-detail .ag-ex{font-size:calc(14px * var(--coach-text-scale, 1))}
.ag-m-detail .ag-use{align-self:stretch;min-height:44px;border-radius:12px;font-size:calc(15px * var(--coach-text-scale, 1))}
/* 手机新版：我的问法、自建、共享码（ask-mine-20261026） */
.ag-m-group{margin:14px 2px 8px;font-size:calc(12.5px * var(--coach-text-scale, 1));font-weight:700;color:#A0A6AD;letter-spacing:.5px}
.ag-m-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 4px}
.ag-m-btns .ag-sub{min-height:44px;border-style:dashed;border-color:#E3C3BE;color:#B32B1E;font-weight:600;font-size:calc(14.5px * var(--coach-text-scale, 1))}
.ag-m-detail .ag-actions .ag-sub,.ag-m-detail>.ag-sub{min-height:40px}
.ag-m-form{display:flex;flex-direction:column;gap:10px}
.ag-m-form .ag-in{font-size:16px;padding:10px 12px;border-radius:12px} /* 16px：iPhone 点输入框不自动放大 */
.ag-m-form .ag-actions .ag-use,.ag-m-form .ag-actions .ag-sub{min-height:44px;flex:1}
.ag-m-form .ag-code{max-width:none;flex:1}
.ag-m-detail .ag-share b{font-size:18px}