.agent-handoff{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);border:1px solid var(--theme-line);border-radius:16px;overflow:hidden;margin:30px 0 48px;background:var(--theme-surface);color:var(--theme-fg)}
.agent-handoff-form{min-width:0;padding:clamp(24px,3vw,40px) 0 clamp(24px,3vw,40px) clamp(24px,3vw,40px)}
.agent-handoff h2{font:800 clamp(30px,3vw,42px)/1.05 var(--display);margin:0 0 12px;color:var(--theme-heading);letter-spacing:-.015em}
html[lang=zh-CN] .agent-handoff h2{font:800 clamp(25px,2.2vw,33px)/1.25 system-ui,'Microsoft YaHei',sans-serif}
.agent-handoff-intro{max-width:58ch;font-size:14px;line-height:1.7;color:var(--theme-muted);margin:0 0 24px}
.agent-handoff-fields{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:end;margin-bottom:18px}
.agent-handoff label{display:block;font-size:13px;font-weight:700;line-height:1.5;margin-bottom:8px}
.agent-handoff :is(input,select,textarea){width:100%;min-width:0;padding:11px 13px;min-height:46px;border:1px solid var(--theme-input-line);border-radius:10px;background:var(--theme-raised);color:var(--theme-fg);font:400 15px/1.5 system-ui,'Microsoft YaHei',sans-serif;box-sizing:border-box}
.agent-handoff :is(input,textarea)[aria-invalid=true]{border-color:var(--theme-error)}
.agent-handoff textarea{resize:vertical}.agent-handoff input[type=number]{font-variant-numeric:tabular-nums;font-weight:750;font-size:19px}
.agent-handoff-optional summary{font-size:13px;font-weight:650;line-height:1.6;cursor:pointer;min-height:32px}.agent-handoff-optional[open] summary{margin-bottom:12px}
.agent-handoff-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}
.agent-handoff .agent-handoff-copy{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;min-height:48px;padding:13px 21px;background:var(--yellow);color:var(--ink);font:800 14px/1.4 system-ui,'Microsoft YaHei',sans-serif;cursor:pointer}
.agent-handoff-copy svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.agent-handoff-copy:disabled{cursor:not-allowed;opacity:.55}
.agent-handoff-links{display:flex;align-items:center;gap:16px}.agent-handoff-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--theme-fg);font-size:12px;font-weight:650;text-underline-offset:4px}
.agent-handoff-status{font-size:13px;line-height:1.65;min-height:22px;color:var(--theme-muted);margin:13px 0 16px}.agent-handoff-status.is-error{color:var(--theme-error)}
.agent-handoff-preview{border-top:1px solid var(--theme-line);padding-top:14px}.agent-handoff-preview summary{font-size:12px;line-height:1.6;cursor:pointer;min-height:30px;color:var(--theme-fg)}
.agent-handoff-preview textarea{margin-top:12px;font-size:13px;line-height:1.8;min-height:220px}
.agent-handoff-requirements,.agent-handoff-wallet,.agent-handoff-local{font-size:12px;line-height:1.7;color:var(--theme-muted);margin:14px 0 0;max-width:65ch}.agent-handoff-wallet{overflow-wrap:anywhere}.agent-handoff-local{color:var(--theme-error)}
.agent-handoff-example{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:clamp(24px,3vw,40px);background:var(--theme-soft);border-left:1px solid var(--theme-line)}
.agent-handoff-conversation{display:flex;align-items:center;gap:12px}.agent-handoff-avatar{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid var(--theme-line)}
.agent-handoff-conversation h3{font-size:17px;line-height:1.5;margin:0;color:var(--theme-fg)}.agent-handoff-conversation p{font-size:12px;line-height:1.5;margin:4px 0 0;color:var(--theme-muted)}
.agent-handoff-message{max-width:38ch;border:1px solid var(--theme-line);border-radius:16px;padding:17px 19px;background:var(--theme-raised);color:var(--theme-fg);font-size:15px;line-height:1.75;margin:0}
.agent-handoff-message--user{align-self:flex-end;border-bottom-right-radius:5px;background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.agent-handoff-message--agent{align-self:flex-start;border-bottom-left-radius:5px}
.agent-handoff-example-footer{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.6;color:var(--theme-muted)}.agent-handoff-example-footer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
@media(max-width:1000px){.agent-handoff{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px}.agent-handoff-form{padding:26px 0 26px 26px}.agent-handoff-example{padding:26px 22px}.agent-handoff-message{font-size:14px}.agent-handoff-fields{grid-template-columns:94px minmax(0,1fr);gap:14px}}
@media(max-width:750px){.agent-handoff{grid-template-columns:1fr;gap:0;margin:24px 0 36px}.agent-handoff-form{padding:24px}.agent-handoff-example{border-left:0;border-top:1px solid var(--theme-line);padding:24px;gap:16px}.agent-handoff-message{max-width:100%;font-size:14px}.agent-handoff-conversation{display:none}.agent-handoff .agent-handoff-copy{flex:1;min-width:200px}.agent-handoff-links{gap:20px}.agent-handoff-example-footer{margin-top:0}}
@media(max-width:380px){.agent-handoff-form,.agent-handoff-example{padding:20px}.agent-handoff-fields{grid-template-columns:78px minmax(0,1fr);gap:12px}.agent-handoff :is(input,select,textarea){font-size:14px}.agent-handoff h2{font-size:30px}html[lang=zh-CN] .agent-handoff h2{font-size:25px}}
