/* 登录页上的「MCP 接入」弹窗(app/agent/render.ts → login-ui/document.html 的占位处)。外框 = .reset-dialog(与「申请开通」「找回密码」同一副:暗底、细边、模糊遮罩、面板档圆角),这里只补内容块。 */
/* 🔴 长相照站内 /ai 页(app/(dash)/ai/AiGuide.tsx,同一份步骤与字段)与 docs/ui-rules.md §0(owner 2026-10-12:「没有遵从 MeowSpace 的 UI 规范，比如圆角」):
      圆角三档 token(镜像在 login.css 文末)· 页签选中 = D27 一副(亮一档的底 + 34% 边 + 0.5px 外环与软投影 + 600)· 掠过只有 7% 一种底 ·
      步骤号 = 24px 圆、墨底 · 字段 = 一只细边圆角框、行间细线 · 「复制」是文字链不是带边按钮 · 线一律 1px。
   🔴 颜色仍是登录轨自己的色板(PRC-34:恒暗一版,不引 --v14-* 颜色、不上站内的链接蓝;授权确认页 consent.css 同一口径),只有形与态照站内。 */
/* 顶边钉住(不随内容高矮上下居中):换页签时各家步骤长短不一,整窗跟着跳会晃眼,只让底边动 */
.mcp-dialog{width:min(560px,calc(100vw - 32px));padding:0;max-height:calc(100dvh - 32px);overflow:hidden;margin-top:clamp(16px,6dvh,56px);margin-top:round(down,clamp(16px,6dvh,56px),1px)}
.mcp-modal-body{padding:46px 36px 26px;max-height:calc(100dvh - 34px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(242,242,238,.2) transparent}
.mcp-dialog .mcp-close{z-index:2;background:#151412;top:6px;right:6px}
/* 标题前站着喵喵巫本人(像素形象,D126):三色写死、不抗锯齿,尺寸只许 24 的整数倍(ICN-04) */
.mcp-dialog h2{display:flex;align-items:center;gap:12px}
/* 左移一格(2px):画稿四周留着一圈空格,让身子最左一格对齐正文左缘(同喵喵巫页空态那只) */
.mcp-title-pixel{display:block;width:48px;height:48px;margin-left:-2px;flex-shrink:0}
#mcp-dialog-description{margin:12px 0 22px;font-size:13.5px;line-height:1.75;color:#b9b6ae}
/* 选 AI Agent:一排图标页签(页签 = 控件档圆角)。不上橘(橘只给主行动)。图标 + 名字并排的那几枚 = 同一枚图标不止一家用(render.ts) */
.mcp-agents{display:flex;flex-wrap:wrap;gap:8px}
.mcp-agent{display:grid;grid-auto-flow:column;column-gap:2px;place-items:center;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--line);border-radius:var(--v14-r-ctrl);background:transparent;color:#b9b6ae;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background-color .15s,box-shadow .15s}
.mcp-agent span{padding:0 4px}
/* 官方图标原样、垫一块白底小方牌 + 细边(同 /ai 页:黑底方块图标不垫会融进暗底) */
.mcp-agent img{display:block;width:22px;height:22px;border-radius:var(--v14-r-chip);background:#fff;box-shadow:0 0 0 1px var(--line)}
.mcp-agent[aria-selected="true"]{border-color:rgba(242,242,238,.34);background:#262624;box-shadow:0 0 0 .5px rgba(242,242,238,.34),0 1px 2px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.36);color:#f2f2ee;font-weight:600}
@media(hover:hover){.mcp-agent:not([aria-selected="true"]):hover{background:rgba(242,242,238,.07)}}
.mcp-agent:focus-visible,.mcp-copy:focus-visible{outline:1px solid var(--signal-orange);outline-offset:2px}
.mcp-panel{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.mcp-panel[hidden]{display:none}
.mcp-product{margin:0 0 16px;font-size:13px;font-weight:600;line-height:1.5;color:#f2f2ee}
/* 步骤:序号 = 24px 圆、墨底(中性:步骤号既不是好坏也不是可点),序号之间一条细竖线 */
.mcp-steps{margin:0;padding:0;list-style:none;counter-reset:mcp}
.mcp-steps>li{position:relative;padding:0 0 26px 40px;counter-increment:mcp}
.mcp-steps>li:last-child{padding-bottom:0}
.mcp-steps>li::before{content:counter(mcp);position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f2f2ee;color:#151412;font-family:var(--font-sans);font-size:12px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.mcp-steps>li:not(:last-child)::after{content:"";position:absolute;left:11.5px;top:31px;bottom:6px;width:1px;background:var(--line)}
.mcp-steps h3{display:flex;align-items:center;min-height:26px;margin:0;font-size:15px;font-weight:600;line-height:1.5;color:#f2f2ee}
.mcp-steps p{margin:6px 0 0;font-size:13.5px;line-height:1.75;color:#b9b6ae}
.mcp-steps a,.mcp-help a{color:#f2f2ee;text-underline-offset:4px;text-decoration:underline}
.mcp-dialog a:hover{color:var(--signal-orange)}
/* 要填 / 要粘贴的值:一只细边圆角框,一行一项(左标签、右值、行尾「复制」文字链) */
.mcp-fields{margin:12px 0 0;padding:0;border:1px solid rgba(242,242,238,.12);border-radius:var(--v14-r-ctrl)}
.mcp-fields>div{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;min-height:40px;padding:9px 14px}
.mcp-fields>div+div{border-top:1px solid rgba(242,242,238,.12)}
.mcp-fields dt{flex:0 0 104px;font-size:12.5px;line-height:1.6;color:#a4a099}
.mcp-fields dd{flex:1 1 200px;display:flex;align-items:center;gap:12px;margin:0;min-width:0}
/* 字族走 --font-mono-cjk:--font-mono 末尾收在 monospace,「不用填」这类中文值会落到宋体 */
.mcp-fields code{flex:1;min-width:0;font-family:var(--font-mono-cjk);font-size:13.5px;line-height:1.6;overflow-wrap:anywhere;color:#f2f2ee}
.mcp-fields .is-plain code{color:#b9b6ae}
/* 整段配置这类长值(render.ts 标 is-wide):标签单占一行、值占整行;一律按字符折(按词折会断在「streamable-」的连字符上,读起来像中间有空格) */
.mcp-fields .is-wide dt,.mcp-fields .is-wide dd{flex-basis:100%}
.mcp-fields .is-wide code{word-break:break-all}
.mcp-copy{flex-shrink:0;padding:0;border:0;background:none;color:#f2f2ee;font:inherit;font-size:12.5px;line-height:1.6;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(hover:hover){.mcp-copy:hover{color:var(--signal-orange)}}
.mcp-panel>.mcp-fields{margin-top:0}
.mcp-help{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.75;color:#b9b6ae}
.mcp-help span{margin-right:6px}
/* 免登录的试用地址(docs/agent-access.md §19;闸开着才出):一句话 + 一只字段框,与上面各家的字段框同一副 */
.mcp-trial{margin:14px 0 0}
.mcp-help .mcp-fields{margin-top:10px}
/* 从 AI Agent 的授权请求来到登录页时,表单上方的一行(login-ui/scripts/mcp-modal.js 现插) */
/* 登录面板把页签 / 输入框整体上提了 36px(login.css「Raise only the user-marked content」那一条),这一行跟着提,否则正压在页签上 */
.agent-flow-note{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#cac2b6;font-size:12px;letter-spacing:.04em}
.login-panel .agent-flow-note{position:relative;top:-36px}
.agent-flow-note .signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--signal-orange);flex-shrink:0}
/* 手机:标签叠到值的上面,让地址这类长值有整行宽度(并排时 26 个字符的地址会折成两截);「复制」加高到好点 */
@media(max-width:600px){.mcp-dialog{margin-top:16px}.mcp-modal-body{padding:46px 24px 24px}.mcp-dialog h2{font-size:22px}.mcp-steps>li{padding-left:36px}.mcp-fields dt{flex-basis:100%}.mcp-fields dd{flex-basis:100%}.mcp-copy{padding:5px 0}}