/* 识图修复阶段三 B（J 确认过的样式）：日程截图下面的「加入日历」提示行、确认框里的日程行、看大图里的「识别到的内容」。 */
.gx-chip{display:flex;width:max-content;margin-left:auto;align-items:center;gap:5px;margin-top:6px;align-self:flex-end;border:1px solid var(--border);border-radius:10px;background:var(--panel-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink2);font:inherit;font-size:11.5px;padding:5px 10px;cursor:pointer;transition:transform var(--mo-release) var(--mo-ease-bounce)}
.gx-chip:active{transform:scale(var(--mo-press-scale-sm))}
.gx-chip svg{width:13px;height:13px;flex:none}
.gx-chip.done{color:var(--accent-text);background:var(--pri-pale)}
.gx-ev-n{display:block;font-weight:600}
.gx-ev-m{display:block;font-size:12px;color:var(--ink2)}
.gx-ov .app-confirm{animation:moDialogIn var(--mo-slow) var(--mo-ease-out) backwards}
.photo-viewer-ov.gx-viewer{background:rgba(6,10,14,.97);flex-direction:column;gap:14px;padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));animation:moFade var(--mo-base) ease-out backwards}
.photo-viewer-ov.gx-viewer img{max-height:44vh;max-width:86vw;transform-origin:top left}
.photo-viewer-ov.gx-viewer.closing{transition:background 240ms;background:rgba(6,10,14,0)}
.photo-viewer-ov.gx-viewer.closing .gx-rec,.photo-viewer-ov.gx-viewer.closing .photo-viewer-close{transition:opacity 150ms;opacity:0}
.gx-rec{width:min(360px,100%);max-height:40vh;overflow-y:auto;scrollbar-width:none;border-radius:20px;padding:14px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#eef2f6;animation:moRise var(--mo-slow) var(--mo-ease-out) 100ms backwards}
.gx-rec::-webkit-scrollbar{display:none}
.gx-rec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.gx-rec-h b{font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.8}
.gx-rec-edit{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;font:inherit;font-size:12px;padding:4px 12px;cursor:pointer;transition:transform var(--mo-release) var(--mo-ease-bounce)}
.gx-rec-edit:active{transform:scale(var(--mo-press-scale-sm))}
.gx-rec-sum{margin:0 0 8px;font-size:14px;line-height:1.6}
.gx-rec-full{margin:0;white-space:pre-wrap;font:inherit;font-size:12.5px;line-height:1.75;opacity:.78}
.gx-rec-form{display:flex;flex-direction:column;gap:6px}
.gx-rec-form label{font-size:12px;opacity:.6}
.gx-rec-in,.gx-rec-ta{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;background:transparent;color:#fff;font:inherit;font-size:13.5px;line-height:1.7;padding:4px 0;outline:none;resize:none;transition:border-color var(--mo-base)}
.gx-rec-in:focus,.gx-rec-ta:focus{border-bottom-color:rgba(255,255,255,.75)}
.gx-rec-btns{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}
.gx-rec-btns button{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:999px;font:inherit;font-size:13px;padding:6px 16px;cursor:pointer}
.gx-rec-btns .pri{background:#fff;color:#1d2733;border-color:#fff}
.gx-rec-note{margin:10px 0 0;font-size:11.5px;line-height:1.6;opacity:.55}
.gx-rec [hidden]{display:none!important}
/* 深色：灰字压灰底读不清、「已加入」的浅粉底在深色聊天里太亮 → 毛玻璃底 + 正文色 */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .gx-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:var(--ink)}:root:not([data-theme="light"]) .gx-chip.done{background:color-mix(in srgb,var(--pri) 24%,transparent);border-color:color-mix(in srgb,var(--pri) 40%,transparent);color:var(--ink)}}
:root[data-theme="dark"] .gx-chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:var(--ink)}
:root[data-theme="dark"] .gx-chip.done{background:color-mix(in srgb,var(--pri) 24%,transparent);border-color:color-mix(in srgb,var(--pri) 40%,transparent);color:var(--ink)}