/* 对话页复用现有外壳、头像与按钮；左列逐级导航，右列始终为只读历史。 */
.conversation-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:570px;background:#fff;border:1px solid #d9e3ef;border-radius:11px;overflow:hidden}.conversation-list{min-width:0;border-right:1px solid #e9eef4}.conversation-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 16px;min-height:65px;border-bottom:1px solid #edf0f5}.conversation-list-heading h2{font-size:16px;margin:0;overflow-wrap:anywhere}.conversation-list-heading>span,.conversation-caption{color:var(--muted);font-size:12px}.conversation-caption{margin:10px 16px}.conversation-back{display:block;width:100%;text-align:left;padding:13px 16px;border:0;border-bottom:1px solid #edf0f5;background:#fff;color:var(--blue);font-size:13px;min-height:46px}.conversation-back:hover{background:#f2f7ff}.conversation-items{padding:8px}.conversation-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:8px;background:#fff;padding:13px 10px;margin-bottom:6px;min-height:86px}.conversation-item:hover{background:#f2f7ff}.conversation-item[aria-pressed=true]{background:#eaf4ff;border-color:#b6dcff}.conversation-item[aria-pressed=true] strong{color:#168bfa}.conversation-item-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}.conversation-item-info strong{font-size:14px}.conversation-item-info>span{font-size:12px;color:var(--muted)}.conversation-forward{font-size:22px;color:#9ca9ba}.conversation-workspace .avatar{width:36px;height:36px;font-size:14px;flex:none;aspect-ratio:1}.conversation-pagination{padding:12px 8px 16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.conversation-pagination .outline{font-size:12px;padding:5px 11px;min-height:32px;border-color:var(--line)}.conversation-pagination>span{font-size:12px;color:var(--muted);width:100%;text-align:center;order:1}.conversation-empty{padding:70px 16px;text-align:center;color:var(--muted);overflow-wrap:anywhere}.conversation-empty h2{font-size:17px;font-weight:500;color:#7085a5;margin:0 0 9px}.conversation-empty p{font-size:13px;margin:0 0 18px}.conversation-empty .outline{font-size:13px;padding:7px 18px}.conversation-list .conversation-empty{padding:40px 12px}.conversation-list .conversation-empty h2{font-size:14px}.conversation-detail{display:flex;flex-direction:column;min-width:0}.conversation-detail>.conversation-empty{margin:auto 0;width:100%}.conversation-person{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #edf0f5;min-width:0}.conversation-person>div{min-width:0;overflow-wrap:anywhere}.conversation-person h2{font-size:16px;margin:0 0 4px}.conversation-person>div>span{font-size:12px;color:var(--muted)}.conversation-readonly{margin-left:auto;padding:4px 10px;border-radius:20px;background:#e9f3ff;color:#2197fa;font-size:12px;white-space:nowrap}.conversation-context{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 20px;border-bottom:1px solid #edf0f5;font-size:12px;color:var(--muted)}.conversation-messages{padding:16px 20px 20px;flex:1;background:#fbfcff;min-width:0}.conversation-loading{text-align:center;font-size:13px;color:var(--muted);margin:5px 0 20px}.conversation-older{display:block;margin:0 auto 20px;font-size:12px;min-height:30px;padding:5px 16px;border-color:var(--line);color:var(--muted)}.conversation-date{display:flex;align-items:center;gap:12px;justify-content:center;margin:12px 0 23px;font-size:12px;color:#98a2b2}.conversation-date:before,.conversation-date:after{content:"";height:1px;background:#e9edf4;flex:1}.conversation-message{display:flex;align-items:flex-start;gap:9px;margin-bottom:23px}.conversation-message.visitor{flex-direction:row-reverse}.conversation-message .avatar{width:28px;height:28px;font-size:12px;margin-top:25px}.conversation-message-content{max-width:86%;min-width:0}.conversation-message-meta{display:flex;flex-wrap:wrap;gap:9px;font-size:11px;color:#8a95a5;margin-bottom:6px}.visitor .conversation-message-meta{justify-content:flex-end}.conversation-bubble{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 13px;border:1px solid #e3ebf6;background:#fff;border-radius:0 9px 9px 9px;color:#354152}.visitor .conversation-bubble{background:#eaf4ff;border-color:#d3e8fc;border-radius:9px 0 9px 9px}.conversation-message-state{display:block;color:#a46d3c;font-size:12px;margin-top:5px}.conversation-footer{border-top:1px solid #edf0f5;padding:13px;text-align:center;color:#98a2b2;font-size:12px}
@media(max-width:1100px){.conversation-workspace{grid-template-columns:220px minmax(0,1fr)}.conversation-person{padding:16px}.conversation-messages{padding:16px}}
@media(max-width:850px){.conversation-workspace{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:560px){.conversation-workspace{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid #e9eef4}.conversation-detail{min-height:280px}.conversation-items{display:flex;flex-wrap:wrap}.conversation-item{width:50%;padding:10px 6px;align-items:flex-start;gap:7px}.conversation-item-info strong{font-size:13px}.conversation-item-info>span{font-size:11px}.conversation-item .avatar{width:28px;height:28px}.conversation-person{padding:14px 12px;gap:7px}.conversation-person .avatar{width:28px;height:28px}.conversation-readonly{padding:3px 6px;font-size:11px}.conversation-context{padding:10px 12px}.conversation-messages{padding:12px 10px}.conversation-message .avatar{display:none}.conversation-message-content{max-width:95%}.conversation-bubble{padding:10px}}
/* 总结固定在聊天记录上方，正文可折叠和独立滚动，不挤占全部消息阅读空间。 */
.conversation-summary{margin:16px 16px 0;border:1px solid #dce5ef;border-radius:11px;background:#fff;display:flex;flex-direction:column;max-height:45%;min-height:90px;flex:0 1 auto;overflow:hidden}.conversation-summary-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;flex:none}.conversation-summary-heading h2{font-size:14px;color:#354152;margin:0}.conversation-summary-heading h2:before{content:'✧';color:#269cff;margin-right:7px;font-size:18px}.conversation-summary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.conversation-summary-actions>span{font-size:11px;color:#8a95a5}.conversation-summary .primary,.conversation-summary .outline{font-size:12px;min-height:30px;padding:5px 14px}.conversation-summary-toggle{border:0;background:transparent;color:#7b8799;font-size:12px;padding:5px 2px}.conversation-summary-toggle:hover{color:#269cff}.conversation-summary-meta{font-size:11px;color:#8a95a5;padding:0 16px 10px;flex:none;overflow-wrap:anywhere}.conversation-summary-content{padding:12px 16px 14px;border-top:1px solid #edf0f5;overflow-y:auto;min-height:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.conversation-summary-content>p{font-size:13px;margin:0 0 12px;white-space:pre-wrap;color:#354152}.conversation-summary-content dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px 12px;margin:0}.conversation-summary-content dt{color:#7b8799}.conversation-summary-content dd{color:#354152;margin:0;white-space:pre-wrap}.conversation-summary-hint{font-size:12px;color:#8a95a5;padding:0 16px 14px;margin:0;flex:none;overflow-wrap:anywhere}.conversation-summary-note{border-top:1px solid #dbeafb;background:#edf5ff;color:#587ba7;font-size:12px;padding:9px 16px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.conversation-summary-note.error{background:#fff8f4;color:#a7754d;border-color:#f2e3d8}.conversation-summary-note .conversation-summary-toggle{color:inherit}.conversation-summary button:focus-visible{outline:3px solid #8ecfff;outline-offset:-2px}@media(max-width:800px){.conversation-summary{margin:12px 12px 0}.conversation-summary-heading{padding:10px 12px}.conversation-summary-meta{padding:0 12px 10px}.conversation-summary-content{padding:12px}.conversation-summary-content dl{grid-template-columns:60px minmax(0,1fr);gap:8px}.conversation-summary-note{padding:9px 12px}}@media(max-width:560px){.conversation-summary-content dl{grid-template-columns:1fr;gap:3px}.conversation-summary-content dd{margin-bottom:7px}}
/* 历史页使用独立的紧凑外壳；标题与面包屑同排，工作区填满剩余视口，不再限制为固定最大高度。 */
/* 缩略图预留固定空间，避免延迟解码改变历史分页的阅读锚点；大图在原生弹窗中按比例展示。 */
.conversation-message-images{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;min-width:0}
.conversation-image-button{padding:0;border:1px solid #dfe7ef;border-radius:9px;background:#f1f5fb;overflow:hidden;width:160px;height:120px;max-width:100%;display:grid;place-items:center}
.conversation-image-button img{display:block;width:100%;height:100%;object-fit:contain}
.conversation-image-error{font-size:12px;color:#a7754d;padding:8px;overflow-wrap:anywhere}
.conversation-image-preview{width:fit-content;max-width:94vw;max-height:94dvh;padding:14px;border-radius:12px}
.conversation-image-preview>.outline{display:flex;margin:0 0 12px auto;min-height:34px;padding:5px 14px;font-size:13px}
.conversation-image-preview>img{display:block;max-width:calc(94vw - 30px);max-height:calc(94dvh - 90px);object-fit:contain}
.conversation-image-preview>.conversation-image-error:empty{display:none}
.conversation-mode .header{height:64px;padding:0 24px}
.conversation-mode .brand{font-size:24px}.conversation-mode .brand img{width:38px;height:38px}
.conversation-mode .sidebar{top:64px}
.conversation-mode main{margin-top:64px;height:calc(100dvh - 64px);min-height:0;display:flex;flex-direction:column}
#conversation-page{width:100%;max-width:none;min-height:0;flex:1;display:flex;flex-direction:column;padding:0 24px 20px}
#conversation-page .heading{flex:none;min-height:64px;gap:12px 24px;margin:0;padding:12px 0;flex-wrap:wrap;justify-content:flex-start;align-items:center}
#conversation-page .heading h1{font-size:22px;margin:0;white-space:nowrap}
#conversation-page .heading p{display:none}
#conversation-page .breadcrumb{flex:1;min-width:0;height:auto;border:0;padding:0;background:transparent;gap:8px;flex-wrap:wrap;font-size:12px}
#conversation-crumb{overflow-wrap:anywhere;min-width:0}
.conversation-workspace{flex:1;min-height:0;height:auto}
/* 列表和消息各自滚动，逐级收缩的 min-height 确保长内容不会把外层页面撑出视口。 */
.conversation-list{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.conversation-items{flex:1;min-height:0;overflow-y:auto}
.conversation-list-heading,.conversation-caption,.conversation-back,.conversation-pagination{flex:none}
.conversation-list-heading{padding:12px 16px;min-height:48px}
.conversation-back{min-height:40px;padding:10px 16px}
.conversation-detail{min-height:0;overflow:hidden}
.conversation-messages{min-height:0;overflow-y:auto;overflow-anchor:none}
.conversation-person,.conversation-footer{flex:none}
.conversation-person{padding:10px 20px;min-height:64px}
.conversation-person h2{margin-bottom:2px}
.conversation-person>div:not(.conversation-context){flex:1}
.conversation-context{flex:none;margin-left:auto;padding:0;border:0;align-items:center;justify-content:flex-end;gap:10px}
.conversation-footer{padding:7px 12px}
/* 总结折叠时仅保留一行；展开后正文独立滚动，状态提示始终可见，避免遮挡消息和操作反馈。 */
.conversation-summary{margin:0;border:0;border-bottom:1px solid #edf0f5;border-radius:0;min-height:0;max-height:45%}
.conversation-summary-heading{padding:7px 16px;min-height:44px}
.conversation-summary-content .conversation-summary-meta{padding:0 0 10px}
.conversation-summary-hint{padding-bottom:8px}
@media(max-width:800px){
  #conversation-page{padding:0 16px 14px}
  #conversation-page .heading{min-height:60px;gap:8px 16px}
  .conversation-person{padding:10px 12px}
  .conversation-context{gap:5px;font-size:11px}
}
/* 手机把列表限制在上部一小段高度，完整保留用户切换、分页和下方聊天阅读区。 */
@media(max-width:560px){
  .conversation-mode .header{padding:0 14px}
  .conversation-mode .brand{font-size:20px}
  #conversation-page{padding:0 10px 10px}
  #conversation-page .heading{padding:10px 0;gap:5px;align-items:flex-start;flex-direction:column}
  #conversation-page .heading h1{font-size:20px}
  #conversation-page .breadcrumb{flex:none;width:100%;font-size:11px;gap:5px}
  .conversation-workspace{grid-template-rows:minmax(0,30%) minmax(0,1fr)}
  .conversation-list{max-height:none}
  .conversation-list-heading{padding:6px 10px;min-height:32px}
  .conversation-back{min-height:32px;padding:6px 10px}
  .conversation-caption{margin:4px 10px}
  .conversation-items{display:block;padding:4px}
  .conversation-item{width:100%;min-height:64px;margin-bottom:3px;padding:8px 6px}
  .conversation-pagination{padding:4px;gap:4px}
  .conversation-pagination>span{width:auto;order:0}
  .conversation-pagination .outline{padding:4px 8px}
  .conversation-detail{height:auto;min-height:0}
  .conversation-person{padding:8px 10px;gap:7px;min-height:58px}
  .conversation-person>div>span{font-size:11px}
  .conversation-context{flex-direction:column;align-items:flex-end;gap:4px;max-width:42%}
  .conversation-summary{max-height:45%}
  .conversation-summary-heading{padding:5px 10px;gap:5px}
  .conversation-summary-actions{gap:5px}
}