/* 发送内容组件 C1.12；内容设置组件 C1.12；选素材库组件 C1.5。 */
/* 公共发送内容：消息编排、内容编辑和素材选择统一使用这一套结构。 */
.shared-send-setting { width:min(940px,100%); display:flex; flex-direction:column; gap:8px; }
.shared-content-setting { width:100%; }
.shared-content-setting .shared-send-list { gap:5px; }
.shared-content-setting .shared-content-row { min-height:66px; grid-template-columns:40px minmax(180px,1fr); grid-template-rows:minmax(54px,auto); padding:5px 8px; }
.shared-content-setting .shared-content-row > em { grid-row:1; width:24px; height:24px; margin-top:15px; }
.shared-content-setting .shared-content-row > :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card) { grid-column:2; grid-row:1; min-width:0; margin:5px 8px 5px 0; }
.shared-content-setting .shared-send-text { min-height:42px; padding:0 12px; }
.shared-content-setting .shared-send-media,
.shared-content-setting .shared-send-file,
.shared-content-setting .shared-send-link,
.shared-content-setting .shared-send-material { gap:10px; padding:7px 10px; }
.shared-content-setting .shared-content-row .shared-send-actions { top:50%; transform:translateY(calc(-50% + 2px)); }
.shared-content-setting .shared-content-row:hover .shared-send-actions,
.shared-content-setting .shared-content-row:focus-within .shared-send-actions { transform:translateY(-50%); }
.shared-content-setting .shared-send-toolbar { min-height:42px; gap:8px; padding:5px 8px; }
.shared-content-setting .shared-send-types { gap:5px; }
.shared-content-setting .shared-send-types > button { height:30px; min-height:30px!important; padding:0 9px; font-weight:400; }
[data-component-key="contentSetting"][data-component-version="C1.10"] .shared-send-types > button { font-weight:400!important; }
[data-component-key="contentSetting"][data-component-version="C1.11"] .shared-send-types > button { font-weight:400!important; }
.shared-send-setting:not(.shared-content-setting){gap:6px}
.shared-send-setting:not(.shared-content-setting) .shared-send-list{gap:6px}
.shared-send-setting:not(.shared-content-setting) .shared-send-row{grid-template-columns:40px minmax(180px,1fr);grid-template-rows:36px minmax(56px,auto);padding:6px 8px}
.shared-send-setting:not(.shared-content-setting) .shared-send-delay{min-height:30px;margin:0;padding:1px 5px}
.shared-send-setting:not(.shared-content-setting) .shared-send-row>em{width:24px;height:24px;margin-top:12px}
.shared-send-setting:not(.shared-content-setting) .shared-send-row>:is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-send-mini-program,.shared-send-group,.shared-mini-program-card,.shared-video-channel-card){margin:6px 8px 6px 0}
.shared-send-setting:not(.shared-content-setting) .shared-send-text{min-height:44px;padding-right:12px;padding-left:12px}
.shared-send-setting:not(.shared-content-setting) .shared-send-actions{right:26px;top:57px}
.shared-send-setting:not(.shared-content-setting) .shared-send-toolbar{min-height:44px;gap:8px;padding:5px 8px}
.shared-send-setting:not(.shared-content-setting) .shared-send-types{gap:5px}
.shared-send-setting:not(.shared-content-setting) .shared-send-types>button{height:30px;min-height:30px!important;padding:0 9px;font-weight:400}
.shared-content-empty { min-height:118px; display:grid; place-items:center; color:#999; border:1px dashed #ddd; background:#fafafa; }
[data-component-key="sendContent"][data-component-version="C1.10"] .shared-content-empty { min-height:40px; }
[data-component-key="sendContent"][data-component-version="C1.12"] .shared-content-empty { min-height:40px; }
[data-component-key="contentSetting"][data-component-version="C1.11"] .shared-content-empty { min-height:40px; }

/* 内容设置 C1.12：回显按容器宽度自适应，各类型保留独立比例与尺寸上限。 */
[data-component-key="contentSetting"][data-component-version="C1.12"] { min-width:0; max-width:100%; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-content-empty { min-height:40px; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-types > button {
  color:#59616a;
  font-family:inherit;
  font-weight:400!important;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-content-row {
  grid-template-columns:40px minmax(0,1fr);
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-content-row > :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card,.shared-voice-card) {
  width:auto;
  min-width:0;
  max-width:100%;
  justify-self:start;
  box-sizing:border-box;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-text { width:100%; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-online-preview {
  width:max-content;
  max-width:100%;
  align-items:flex-end;
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-online-preview .shared-send-media-preview {
  width:auto;
  max-width:100%;
  flex:0 1 auto;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-image .shared-send-media-preview { max-width:min(100%,168px); }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-image .shared-send-media-preview > img {
  width:auto;
  max-width:min(100%,168px);
  height:auto;
  max-height:168px;
  object-fit:contain;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-video .shared-send-media-preview {
  width:auto;
  max-width:min(100%,260px);
  max-height:260px;
  background:#eef1f3;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio {
  width:min(100%,260px,calc(260px * var(--shared-media-ratio)));
  aspect-ratio:var(--shared-media-aspect);
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-video .shared-send-media-preview > img {
  width:auto;
  max-width:min(100%,260px);
  height:auto;
  max-height:260px;
  object-fit:contain;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio > img { width:100%; height:100%; max-height:none; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-video.is-online-preview { width:max-content; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-emoji .shared-send-media-preview > img {
  width:auto;
  max-width:min(100%,112px);
  height:auto;
  max-height:112px;
  object-fit:contain;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-emoji .shared-send-media-preview { max-width:min(100%,112px); }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media > div {
  min-width:max-content;
  flex:0 0 auto;
  display:block;
  overflow:visible;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-file.is-online-preview {
  width:min(100%,188px);
  height:auto;
  min-height:60px;
  padding:8px 10px;
}

/* 发送内容 C1.8：常规字重，媒体按真实比例紧凑回显。 */
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-types > button,
[data-component-key="sendContent"][data-component-version="C1.10"] .shared-send-types > button {
  color:#555;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px;
  font-weight:normal!important;
  line-height:1;
  letter-spacing:0;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-row > .shared-send-media.is-online-preview {
  width:max-content;
  max-width:100%;
  min-height:0;
  align-self:start;
  justify-self:start;
  align-items:flex-end;
  gap:8px;
  margin:6px 8px 6px 0;
  padding:0;
  border:0;
  background:transparent;
}
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-online-preview .shared-send-media-preview {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:260px;
  flex:0 1 auto;
  background:#eef1f3;
}
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-image .shared-send-media-preview { max-width:min(100%,168px); }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-video .shared-send-media-preview { max-width:min(100%,260px); }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio {
  width:min(100%,260px,calc(260px * var(--shared-media-ratio)));
  aspect-ratio:var(--shared-media-aspect);
}
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-online-preview .shared-send-media-preview > img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:260px;
  display:block;
  object-fit:contain;
}
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-image .shared-send-media-preview > img { max-width:min(100%,168px); max-height:168px; }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-video .shared-send-media-preview > img { max-width:min(100%,260px); }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio > img { width:100%; height:100%; max-height:none; }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-emoji .shared-send-media-preview,
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-emoji .shared-send-media-preview > img { max-width:min(100%,112px); max-height:112px; }
[data-component-key="sendContent"][data-component-version="C1.8"] .shared-send-media.is-online-preview > div { min-width:max-content; flex:0 0 auto; display:block; overflow:visible; }

/* 发送内容 C1.11/C1.12：媒体回显按内容收紧，类型按钮统一使用常规字重。 */
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-types > button,
[data-component-key="sendContent"][data-component-version="C1.12"] .shared-send-types > button {
  color:#555;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:13px;
  font-weight:400!important;
  line-height:1;
  letter-spacing:0;
  font-synthesis:none;
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-row > .shared-send-media.is-online-preview {
  width:max-content;
  max-width:100%;
  min-height:0;
  align-self:start;
  justify-self:start;
  align-items:flex-end;
  gap:6px;
  margin:6px 8px 6px 0;
  padding:0;
  border:0;
  background:transparent;
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-online-preview .shared-send-media-preview {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:260px;
  flex:0 1 auto;
  background:#eef1f3;
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-image .shared-send-media-preview { max-width:min(100%,168px); }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-video .shared-send-media-preview { max-width:min(100%,260px); }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio {
  width:min(100%,260px,calc(260px * var(--shared-media-ratio)));
  aspect-ratio:var(--shared-media-aspect);
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-online-preview .shared-send-media-preview > img {
  width:auto;
  max-width:100%;
  height:auto;
  max-height:260px;
  display:block;
  object-fit:contain;
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-image .shared-send-media-preview > img { max-width:min(100%,168px); max-height:168px; }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-video .shared-send-media-preview > img { max-width:min(100%,260px); }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-video .shared-send-media-preview.has-known-ratio > img { width:100%; height:100%; max-height:none; }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-emoji .shared-send-media-preview,
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-emoji .shared-send-media-preview > img { max-width:min(100%,112px); max-height:112px; }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-online-preview > div {
  min-width:max-content;
  flex:0 0 auto;
  display:block;
  overflow:visible;
  padding-bottom:1px;
}
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-online-preview > div > strong { display:none; }
[data-component-key="sendContent"][data-component-version="C1.11"] .shared-send-media.is-online-preview > div > small {
  display:block;
  color:#888;
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-file.is-online-preview > i {
  width:42px;
  height:44px;
  flex:0 0 42px;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-file.is-online-preview strong,
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-media.is-online-preview strong { display:none; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-send-link.is-card.is-online-preview { width:min(100%,300px); }
[data-component-key="contentSetting"][data-component-version="C1.12"] :is(.shared-mini-program-card,.shared-video-channel-card,.shared-product-card) {
  width:min(100%,220px);
  height:auto;
  margin:5px 8px 5px 0;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-mini-program-card > figure {
  min-height:0;
  aspect-ratio:196 / 159;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-video-channel-card > figure { aspect-ratio:218 / 226; }
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-product-card > img {
  width:100%;
  height:auto;
  aspect-ratio:184 / 159;
  object-fit:cover;
}
[data-component-key="contentSetting"][data-component-version="C1.12"] .shared-voice-card { width:min(100%,180px); }

@media (max-width:720px) {
  [data-component-key="contentSetting"][data-component-version="C1.12"] .shared-content-row { grid-template-columns:32px minmax(0,1fr); padding-right:5px; padding-left:5px; }
  [data-component-key="contentSetting"][data-component-version="C1.12"] .shared-content-row > :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card,.shared-voice-card) { margin-right:4px; }
}
.shared-send-list { display:flex; flex-direction:column; gap:8px; }
.shared-send-row {
  width:100%; min-width:0; position:relative; display:grid;
  grid-template-columns:46px minmax(180px,1fr);
  grid-template-rows:44px minmax(72px,auto);
  padding:8px 10px; border:1px solid #e3e3e3; background:#fff; box-sizing:border-box;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.shared-send-row:hover,
.shared-send-row:focus-within { border-color:#d2dfcf; box-shadow:0 1px 5px rgba(38,93,28,.08); }
.shared-send-delay { grid-column:1 / -1; width:max-content; max-width:100%; min-height:34px; align-self:start; justify-self:start; display:flex; align-items:center; gap:5px; margin:-1px 0 0 -1px; padding:2px 6px; border:1px solid #e5e5e5; background:#f7f7f7; box-sizing:border-box; }
.shared-send-delay input { width:56px; height:28px !important; min-height:28px !important; padding:0 8px; border:1px solid #d9d9d9; border-radius:3px; box-sizing:border-box; }
.shared-send-delay select { width:72px; height:28px; }
.shared-send-delay .fop-message-unit-select { width:72px; min-width:72px; height:28px; }
.shared-send-delay .fop-message-unit-select .shared-select-trigger { width:72px; min-width:72px; height:28px; min-height:28px !important; gap:4px; padding:0 6px 0 8px; }
.shared-send-delay .fop-message-unit-select .shared-select-menu { min-width:72px; }
.shared-send-delay > span { color:#777; font-size:13px; white-space:nowrap; }
.shared-send-delay > b { height:28px; display:inline-flex; align-items:center; margin-left:auto; padding:0 10px; color:#a65d00; font-weight:400; border-radius:3px; background:#fff0dc; }
.shared-send-row > em { grid-column:1; grid-row:2; align-self:start; justify-self:center; width:26px; height:26px; display:grid; place-items:center; margin-top:18px; color:#555; font-style:normal; border-radius:50%; background:#e5e5e5; }
.shared-send-text,
.shared-send-media,
.shared-send-file,
.shared-send-link,
.shared-send-material,
.shared-send-mini-program,
.shared-send-group { grid-column:2; grid-row:2; min-width:0; align-self:stretch; margin:10px 10px 10px 0; }
.shared-send-text { min-height:48px; display:flex; align-items:center; padding:0 14px; line-height:22px; overflow-wrap:anywhere; border:1px solid #e1e1e1; border-radius:3px; }
.shared-send-text.empty { color:#aaa; }
.shared-send-text.has-fixed-variable{flex-wrap:wrap;align-content:center;gap:4px 3px;padding-top:7px;padding-bottom:7px}
.shared-send-text-segment{min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.shared-fixed-variable-echo{height:22px;display:inline-flex;align-items:center;padding:0 7px;color:#347a2b;font-size:12px;line-height:20px;white-space:nowrap;border:1px solid #cfe4ca;border-radius:3px;background:#f1f8ef;box-sizing:border-box}
.shared-content-setting .shared-fixed-variable-echo{height:20px;padding:0 6px;font-size:12px;line-height:18px}
.shared-send-media,
.shared-send-file,
.shared-send-link,
.shared-send-material,
.shared-send-group { display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid #e5e5e5; border-radius:3px; box-sizing:border-box; }
.shared-send-media-preview { width:116px; height:68px; flex:0 0 116px; border-radius:3px; background:#edf2f5 center/cover no-repeat; }
.shared-send-media-preview:not([style]) { background-image:linear-gradient(145deg,#c6e7ee 0 34%,#7fc8d7 34% 55%,#e8f3d4 55%); }
.shared-send-media.is-video .shared-send-media-preview::after { content:"▶"; width:28px; height:28px; display:grid; place-items:center; margin:20px auto; color:#fff; border-radius:50%; background:rgba(0,0,0,.48); }
.shared-send-media.is-emoji { align-items:flex-end; width:max-content; max-width:100%; padding:10px; }
.shared-send-media.is-emoji .shared-send-media-preview { width:128px; height:96px; flex-basis:128px; }
.shared-send-emoji-badge { height:24px; display:inline-flex; align-items:center; padding:0 7px; color:#3d75df; font-size:12px; font-weight:400 !important; border:1px solid #9bb8f4; border-radius:3px; background:#f4f7ff; }
.shared-send-media div,
.shared-send-file span,
.shared-send-link span,
.shared-send-material span { min-width:0; flex:1 1 0; display:grid; gap:5px; overflow:hidden; }
.shared-send-media strong { color:#666; font-size:13px; font-weight:400; }
.shared-send-media :is(strong,small),
.shared-send-file :is(strong,small),
.shared-send-link :is(strong,small),
.shared-send-material :is(strong,small) { max-width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-send-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-send-row small { color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-send-file > i { width:42px; height:48px; display:grid; place-items:center; color:#5b79a8; font-size:11px; font-style:normal; border:1px solid #cdd7e5; background:#f2f6fc; }
.shared-send-file > i.is-pdf { color:#d94b45; border-color:#efcbc8; background:#fff4f3; }
.shared-send-file > i.is-word { color:#3975ba; border-color:#c9d9ec; background:#f2f7fd; }
.shared-send-file > i.is-excel { color:#2b8a57; border-color:#c5dfd0; background:#f1faf5; }
.shared-send-file > i.is-ppt { color:#d36b35; border-color:#ead1c3; background:#fff6f1; }
.shared-send-file > i.is-archive { color:#8766ad; border-color:#d9cde6; background:#f8f4fc; }
.shared-send-file > i.is-text { color:#66717c; border-color:#d6dce1; background:#f7f8f9; }
.shared-send-file strong { color:#555; font-weight:400; }
.shared-send-file small { color:#aaa; }
.shared-send-link > i,
.shared-send-material > i { width:44px; height:44px; order:-1; flex:0 0 44px; border-radius:4px; background:#eef4ff; }
.shared-send-link > i::after { content:"↗"; display:grid; place-items:center; height:100%; color:#4f77bd; font-size:22px; }
.shared-send-link.is-card { width:240px; min-height:92px; align-items:center; padding:12px; }
.shared-send-link.is-card > span { align-self:stretch; grid-template-rows:auto 1fr; }
.shared-send-link.is-card strong { color:#444; font-weight:500; line-height:22px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.shared-send-link.is-card small { line-height:19px; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.shared-send-link.is-card > i { width:56px; height:56px; order:0; flex:0 0 56px; margin-left:auto; border:1px solid #e6e6e6; border-radius:2px; background:#eef4ff center/cover no-repeat; }
.shared-send-link.is-card > i[style]::after { display:none; }
.shared-send-text.is-online-preview { width:max-content; max-width:100%; min-height:0; align-items:flex-start; padding:6px 12px; border-color:#e9e9e9; border-radius:5px; background:#fff; box-sizing:border-box; }
.shared-send-media.is-online-preview { width:max-content; max-width:100%; align-items:flex-end; gap:10px; padding:8px; border-color:#e9e9e9; border-radius:5px; background:#f9f9f9; }
.shared-send-media.is-online-preview .shared-send-media-preview { width:max-content; max-width:100%; height:auto; position:relative; flex:0 1 auto; overflow:hidden; border-radius:5px; background:none; }
.shared-send-media.is-online-preview .shared-send-media-preview > img { width:auto; max-width:min(160px,100%); height:auto; max-height:160px; display:block; object-fit:contain; }
.shared-send-media.is-video.is-online-preview .shared-send-media-preview > img { max-width:320px; max-height:320px; }
.shared-send-media.is-online-preview .shared-send-media-preview::after { display:none; }
.shared-send-media-play { width:36px; height:36px; position:absolute; z-index:1; top:50%; left:50%; display:grid; place-items:center; border-radius:50%; background:#fff; transform:translate(-50%,-50%); }
.shared-send-media-play::before { content:""; position:absolute; inset:-500px; z-index:-1; background:rgba(0,0,0,.38); }
.shared-send-media-play > img { width:24px; height:24px; opacity:.78; }
.shared-send-media.is-emoji.is-online-preview { padding:8px; }
.shared-send-file.is-online-preview { width:min(240px,100%); height:76px; gap:10px; padding:12px; border-color:#e9e9e9; border-radius:5px; background:#fff; }
.shared-send-file.is-online-preview > i { width:50px; height:50px; flex:0 0 50px; }
.shared-send-link.is-card.is-online-preview { width:min(240px,100%); min-height:0; display:block; padding:12px; border-color:#e9e9e9; border-radius:5px; background:#fff; }
.shared-send-link.is-card.is-online-preview > strong { display:-webkit-box; overflow:hidden; margin-bottom:10px; color:#444; font-size:14px; font-weight:500; line-height:20px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.shared-send-link-body { min-width:0; display:flex; align-items:center; gap:10px; }
.shared-send-link-body > small { min-width:0; flex:1; display:-webkit-box; overflow:hidden; color:#888; font-size:12px; line-height:17px; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.shared-send-link-body > i { width:50px; height:50px; flex:0 0 50px; border-radius:2px; background:#eef4ff center/cover no-repeat; }
.shared-content-setting .shared-send-text.is-online-preview { min-height:0; padding:6px 12px; }
.shared-content-setting :is(.shared-send-media.is-online-preview,.shared-send-file.is-online-preview,.shared-send-link.is-online-preview) { padding:8px; }
.shared-content-setting .shared-send-file.is-online-preview,.shared-content-setting .shared-send-link.is-online-preview { padding:12px; }
.shared-send-material > i::after { content:"▦"; display:grid; place-items:center; height:100%; color:#4f77bd; font-size:24px; }
.shared-mini-program-card { width:100%; min-width:0; display:grid; grid-template-rows:20px auto minmax(0,1fr) 28px; gap:6px; padding:10px 10px 7px; border:1px solid #dedede; border-radius:2px; background:#fff; box-sizing:border-box; }
.shared-mini-program-card > header { min-width:0; display:flex; align-items:center; gap:6px; color:#aaa; font-size:12px; }
.shared-mini-program-card > header > img { width:16px; height:16px; flex:0 0 16px; border-radius:50%; object-fit:cover; }
.shared-mini-program-card > header > span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-mini-program-card > strong { color:#333; font-size:15px; font-weight:500; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-mini-program-card > figure { min-height:110px; margin:0; border-radius:2px; background:#f4f6f7 center/contain no-repeat; }
.shared-mini-program-card > footer { display:flex; align-items:center; gap:6px; color:#888; font-size:12px; border-top:1px solid #e8e8e8; }
.shared-mini-program-card > footer > img { width:16px; height:16px; flex:0 0 16px; opacity:.62; }
.shared-mini-program-card.is-send-echo { width:220px; height:252px; margin:10px 10px 10px 0; }
.shared-video-channel-card { width:100%; min-width:0; display:grid; grid-template-rows:auto 34px auto 30px; gap:8px; padding:10px 10px 7px; border:1px solid #dedede; border-radius:2px; background:#fff; box-sizing:border-box; }
.shared-video-channel-card > figure { width:100%; aspect-ratio:4 / 3; margin:0; border-radius:2px; background:#f2f4f5 center/cover no-repeat; }
.shared-video-channel-account { min-width:0; display:flex; align-items:center; gap:8px; }
.shared-video-channel-account > i { width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#303236 center/cover no-repeat; }
.shared-video-channel-account > strong { overflow:hidden; color:#333; font-size:15px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.shared-video-channel-card > p { min-height:20px; margin:0; color:#555; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-video-channel-card > footer { display:flex; align-items:center; gap:8px; color:#666; font-size:12px; border-top:1px solid #e8e8e8; }
.shared-video-channel-card > footer > img { width:18px; height:18px; flex:0 0 18px; }
.shared-video-channel-card.is-send-echo { width:220px; margin:10px 10px 10px 0; }

/* 内容回显 C1.1：统一类型语言，按列表、详情、素材库和预览场景控制密度。 */
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) { min-width:0; max-width:100%; display:flex; align-items:flex-end; gap:9px; color:#444; box-sizing:border-box; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) > .shared-content-display-main { min-width:0; max-width:100%; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-content-display-type { flex:0 0 auto; margin-bottom:2px; color:#888; font-size:12px; font-weight:400; line-height:18px; white-space:nowrap; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card,.shared-voice-card) { max-width:100%; margin:0; box-sizing:border-box; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-text { min-height:0; align-items:flex-start; padding:0; border:0; background:transparent; line-height:22px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-media { width:max-content; max-width:100%; align-items:flex-end; padding:0; border:0; background:transparent; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-media-preview { width:max-content; max-width:100%; height:auto; flex:0 1 auto; overflow:hidden; background:none; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-media-preview > img { width:auto; max-width:min(180px,100%); height:auto; max-height:180px; display:block; object-fit:contain; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-media.is-video .shared-send-media-preview > img { max-width:280px; max-height:280px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-media > div { display:none; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-emoji-badge { display:none; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-file { width:min(250px,100%); min-height:72px; gap:10px; padding:10px 12px; border:1px solid #e5e7ea; border-radius:4px; background:#fff; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-send-link.is-card { width:min(300px,100%); min-height:0; padding:11px 12px; border:1px solid #e5e7ea; border-radius:4px; background:#fff; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) :is(.shared-mini-program-card,.shared-video-channel-card,.shared-product-card) { width:min(220px,100%); height:auto; margin:0; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-mini-program-card > figure { min-height:0; aspect-ratio:196 / 159; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-video-channel-card > figure { aspect-ratio:218 / 226; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card { display:flex; flex-direction:column; gap:5px; padding:8px; border:1px solid #dedede; border-radius:3px; background:#fff; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > img { width:100%; height:auto; aspect-ratio:184 / 159; display:block; object-fit:cover; border-radius:2px; background:#f3f4f5; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > strong { font-size:14px; font-weight:500; line-height:21px; overflow-wrap:anywhere; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > p { display:-webkit-box; overflow:hidden; margin:0; color:#666; font-size:13px; line-height:19px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > b { color:#f05a22; font-size:16px; font-weight:500; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > b > small { margin-right:3px; font-size:12px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > footer { min-height:24px; display:flex; align-items:center; gap:7px; padding-top:5px; color:#888; font-size:12px; border-top:1px solid #e8e8e8; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-product-card > footer > img { width:16px; height:16px; opacity:.62; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-voice-card { width:max-content; max-width:100%; min-height:40px; display:flex; align-items:center; gap:12px; color:#8791a3; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-voice-card > button { width:62px; height:40px; display:grid; place-items:center; padding:0; border:1px solid #e1e4e8; border-radius:4px; background:#fff; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]) .shared-voice-card > button > img { width:18px; height:18px; opacity:.62; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-compact { gap:7px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-compact .shared-send-media-preview > img { max-width:72px; max-height:54px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-compact .shared-send-file { min-height:52px; padding:6px 8px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-compact .shared-send-file > i { width:34px; height:38px; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library { width:100%; align-items:flex-end; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library > .shared-content-display-main { width:100%; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library .shared-send-media { width:100%; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library .shared-send-media-preview { width:100%; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library .shared-send-media-preview > img { width:100%; max-width:100%; max-height:none; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library .shared-send-media.is-video .shared-send-media-preview > img { width:100%; max-width:100%; max-height:none; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-library :is(.shared-send-link,.shared-send-file,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card) { width:100%; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-preview { align-items:flex-end; }
:is([data-component-key="contentDisplay"][data-component-version="C1.1"],[data-component-key="contentDisplay"][data-component-version="C1.2"]).is-preview > .shared-content-display-main { width:min(300px,100%); }

/* 内容回显 C1.4：媒体仅保留一个类型标记，移除主体内重复的文件名和类型。 */
[data-component-key="contentDisplay"][data-component-version="C1.4"] {
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  color:#444;
  box-sizing:border-box;
}
[data-component-key="contentDisplay"][data-component-version="C1.4"] > .shared-content-display-main { min-width:0; max-width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-content-display-type {
  display:block;
  margin:0;
  color:#999;
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}
[data-component-key="contentDisplay"][data-component-version="C1.4"] :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card,.shared-voice-card) { max-width:100%; margin:0; box-sizing:border-box; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-text { min-height:0; align-items:flex-start; padding:0; border:0; background:transparent; line-height:22px; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-media { width:max-content; max-width:100%; min-height:0; align-items:flex-start; padding:0; border:0; background:transparent; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-media-preview { width:max-content; max-width:100%; height:auto; flex:0 1 auto; overflow:hidden; background:none; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-media-preview > img { width:auto; max-width:min(180px,100%); height:auto; max-height:180px; display:block; object-fit:contain; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-media.is-video .shared-send-media-preview > img { max-width:280px; max-height:280px; }
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-media > div,
[data-component-key="contentDisplay"][data-component-version="C1.4"] .shared-send-emoji-badge { display:none; }
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-compact .shared-send-media-preview > img { max-width:72px; max-height:54px; }
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library { width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library > .shared-content-display-main,
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library .shared-send-media,
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library .shared-send-media-preview { width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library .shared-send-media-preview > img,
[data-component-key="contentDisplay"][data-component-version="C1.4"].is-library .shared-send-media.is-video .shared-send-media-preview > img { width:100%; max-width:100%; max-height:none; }

/* 内容回显 C1.5：稳定各内容类型的卡片宽度与封面比例，避免在任务详情中被业务样式压缩。 */
[data-component-key="contentDisplay"][data-component-version="C1.5"] {
  width:100%;
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  color:#444;
  box-sizing:border-box;
}
[data-component-key="contentDisplay"][data-component-version="C1.5"] > .shared-content-display-main { width:100%; min-width:0; max-width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-content-display-type {
  display:block;
  margin:0;
  color:#888;
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}
[data-component-key="contentDisplay"][data-component-version="C1.5"] :is(.shared-send-text,.shared-send-media,.shared-send-file,.shared-send-link,.shared-send-material,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card,.shared-voice-card) { min-width:0; max-width:100%; height:auto; margin:0; box-sizing:border-box; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-text { width:100%; max-width:760px; min-height:0; align-items:flex-start; padding:0; border:0; background:transparent; line-height:22px; white-space:normal; overflow-wrap:anywhere; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-media { width:100%; min-height:0; align-items:flex-start; gap:0; padding:0; border:0; background:transparent; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-media-preview { width:100%; max-width:100%; height:auto; position:relative; flex:0 1 auto; overflow:hidden; border-radius:4px; background:none; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-media-preview > img { width:100%; max-width:100%; height:auto; max-height:none; display:block; object-fit:contain; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-media > div,
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-emoji-badge { display:none; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="图片"] { width:min(240px,100%); }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="图片"] .shared-send-media-preview > img { max-height:240px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="视频"] { width:min(360px,100%); }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="视频"] .shared-send-media-preview { aspect-ratio:16 / 9; background:#eef1f3; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="视频"] .shared-send-media-preview > img { height:100%; object-fit:cover; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="表情"] { width:min(160px,100%); }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="表情"] .shared-send-media-preview > img { max-height:160px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="文件"] { width:min(300px,100%); }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-file {
  width:100%;
  min-height:72px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 12px;
  border:1px solid #e5e7ea;
  border-radius:4px;
  background:#fff;
}
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-file > i { width:46px; height:50px; flex:0 0 46px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="链接"] { width:min(340px,100%); }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-link.is-card {
  width:100%;
  min-height:104px;
  display:block;
  padding:12px 13px;
  border:1px solid #e1e4e8;
  border-radius:4px;
  background:#fff;
}
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-link.is-card > strong { min-height:20px; margin:0 0 9px; color:#333; font-size:14px; font-weight:500; line-height:20px; -webkit-line-clamp:2; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-link-body { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 64px; align-items:center; gap:12px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-link-body > small { min-width:0; min-height:38px; color:#777; font-size:12px; line-height:19px; -webkit-line-clamp:2; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-send-link-body > i { width:64px; height:64px; flex:none; border:1px solid #edf0f2; border-radius:3px; background-size:cover; }
[data-component-key="contentDisplay"][data-component-version="C1.5"]:is([data-content-type="小程序"],[data-content-type="视频号"],[data-content-type="商品"]) { width:min(248px,100%); gap:0; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] :is(.shared-mini-program-card,.shared-video-channel-card,.shared-product-card) { width:100%; min-height:0; margin:0; border:1px solid #dedede; background:#fff; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-mini-program-card { display:grid; grid-template-rows:20px auto auto 28px; gap:6px; padding:10px 10px 7px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-mini-program-card > figure { width:100%; min-height:0; aspect-ratio:196 / 159; background-size:contain; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-video-channel-card { display:grid; grid-template-rows:auto 34px auto 30px; gap:8px; padding:10px 10px 7px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-video-channel-card > figure { width:100%; min-height:0; aspect-ratio:218 / 226; background-size:cover; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card { display:flex; flex-direction:column; gap:5px; padding:8px; border-radius:3px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > img { width:100%; height:auto; aspect-ratio:184 / 159; display:block; object-fit:cover; border-radius:2px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > strong { color:#333; font-size:14px; font-weight:500; line-height:21px; overflow-wrap:anywhere; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > p { display:-webkit-box; overflow:hidden; margin:0; color:#666; font-size:13px; line-height:19px; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > b { color:#f05a22; font-size:16px; font-weight:500; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > b > small { margin-right:3px; font-size:12px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > footer { min-height:24px; display:flex; align-items:center; gap:7px; padding-top:5px; color:#888; font-size:12px; border-top:1px solid #e8e8e8; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-product-card > footer > img { width:16px; height:16px; flex:0 0 16px; opacity:.62; }
[data-component-key="contentDisplay"][data-component-version="C1.5"][data-content-type="语音"] { width:min(190px,100%); gap:0; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-voice-card { width:100%; max-width:100%; min-height:40px; display:flex; align-items:center; gap:12px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-voice-card > button { width:62px; height:40px; display:grid; place-items:center; padding:0; border:1px solid #e1e4e8; border-radius:4px; background:#fff; }
[data-component-key="contentDisplay"][data-component-version="C1.5"] .shared-voice-card > button > img { width:18px; height:18px; opacity:.62; }
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-compact { width:auto; gap:3px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-compact .shared-send-media-preview > img { max-width:72px; max-height:54px; }
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-library { width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-library > .shared-content-display-main,
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-library :is(.shared-send-media,.shared-send-media-preview,.shared-send-link,.shared-send-file,.shared-mini-program-card,.shared-video-channel-card,.shared-product-card) { width:100%; }
[data-component-key="contentDisplay"][data-component-version="C1.5"].is-library .shared-send-media-preview > img { width:100%; max-width:100%; max-height:none; }

/* 内容设置 C1.7：媒体按缩略图收紧，隐藏文件名，类型贴近右下角。 */
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-content-row > .shared-send-media.is-online-preview {
  width:max-content;
  max-width:100%;
  min-height:0;
  align-self:start;
  justify-self:start;
  align-items:flex-end;
  gap:8px;
  margin:5px 8px 5px 0;
  padding:0;
  border:0;
  background:transparent;
}
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview .shared-send-media-preview {
  width:160px;
  max-width:calc(100vw - 360px);
  height:auto;
  flex:0 1 auto;
  overflow:hidden;
  border-radius:4px;
}
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-video.is-online-preview .shared-send-media-preview { width:240px; }
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-emoji.is-online-preview .shared-send-media-preview { width:128px; }
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview .shared-send-media-preview > img {
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none;
  display:block;
  object-fit:contain;
}
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview > div {
  min-width:0;
  flex:0 0 auto;
  display:block;
  overflow:visible;
}
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview > div > strong { display:none; }
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview > div > small {
  display:block;
  color:#888;
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
}
:is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-emoji.is-online-preview > .shared-send-emoji-badge {
  height:auto;
  margin:0;
  padding:0;
  color:#888;
  border:0;
  background:transparent;
  font-size:12px;
  line-height:18px;
}
@media(max-width:760px){
  :is([data-component-key="contentSetting"][data-component-version="C1.7"],[data-component-key="contentSetting"][data-component-version="C1.8"],[data-component-key="contentSetting"][data-component-version="C1.9"]) .shared-send-media.is-online-preview .shared-send-media-preview{max-width:calc(100vw - 220px)}
}
.shared-send-group { background:#fffaf3; }
.shared-send-group > span { color:#2baa16; }
.shared-send-group > button { margin-left:4px; height:32px; padding:0 14px; color:#2baa16; border:1px solid #79c66c; border-radius:3px; background:#fff; }
.shared-send-actions { height:26px; max-width:calc(100% - 52px); position:absolute; z-index:3; right:30px; top:73px; display:flex; align-items:center; gap:3px; padding:0 0 0 13px; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(2px); background:linear-gradient(90deg,rgba(255,255,255,0),#fff 11px); box-sizing:border-box; transition:opacity .14s ease,transform .14s ease,visibility .14s; }
.shared-send-row:hover .shared-send-actions,
.shared-send-row:focus-within .shared-send-actions { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.shared-send-actions > i { width:1px; height:16px; margin:0 2px; background:#e8e8e8; }
.shared-send-actions > button { width:24px; height:24px; min-width:24px; min-height:24px !important; padding:0; position:relative; color:#888; border:1px solid #e6e6e6; border-radius:3px; background:#fff; transition:color .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease; }
.shared-send-actions > button:hover { color:#555; border-color:#d8d8d8; background:#f5f5f5; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.shared-send-actions > button:disabled { color:#c8c8c8; background:#fafafa; cursor:not-allowed; }
.shared-send-actions > button::before,
.shared-send-actions > button::after { content:""; position:absolute; box-sizing:border-box; }
.shared-send-actions .is-add::before { width:10px; height:1px; top:11px; left:6px; background:currentColor; }
.shared-send-actions .is-add::after { width:1px; height:10px; top:6px; left:11px; background:currentColor; }
.shared-send-actions .is-edit::before { width:11px; height:3px; top:8px; left:5px; transform:rotate(-45deg); border:1.5px solid currentColor; border-radius:1px; }
.shared-send-actions .is-edit::after { width:12px; height:1px; left:5px; bottom:5px; background:currentColor; }
.shared-send-actions .is-delete::before { width:10px; height:11px; top:7px; left:6px; border:1.5px solid currentColor; border-top:0; }
.shared-send-actions .is-delete::after { width:12px; height:1.5px; top:5px; left:5px; background:currentColor; }
.shared-send-actions .is-down::before { width:7px; height:7px; top:6px; left:8px; transform:rotate(45deg); border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; }
.shared-send-actions .is-bottom::before { width:1.5px; height:10px; top:4px; left:11px; background:currentColor; }
.shared-send-actions .is-bottom::after { width:8px; height:8px; top:7px; left:7px; transform:rotate(45deg); border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; }
.shared-send-setting .shared-send-actions > button::before { inset:4px; width:auto; height:auto; transform:none; border:0; border-radius:0; background-color:currentColor; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:16px 16px; mask-size:16px 16px; }
.shared-send-setting .shared-send-actions > button::after { display:none; }
.shared-send-setting .shared-send-actions .is-add::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-edit::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-delete::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 10v6M14 10v6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6M10 10v6M14 10v6'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-top::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14M18 13l-6-6-6 6M12 7v14'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14M18 13l-6-6-6 6M12 7v14'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-up::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-down::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.shared-send-setting .shared-send-actions .is-bottom::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5M6 11l6 6 6-6M12 17V3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21H5M6 11l6 6 6-6M12 17V3'/%3E%3C/svg%3E"); }
.shared-send-type-picker { max-width:calc(100% - 36px); min-height:42px; position:absolute; z-index:12; right:18px; top:106px; display:flex; flex-wrap:wrap; align-items:center; gap:5px; padding:7px 8px; border:1px solid #dedede; border-radius:3px; background:#fff; box-shadow:0 7px 20px rgba(0,0,0,.14); box-sizing:border-box; }
.shared-send-type-picker > button { height:28px; min-height:28px !important; padding:0 10px; color:#555; border:1px solid #dedede; border-radius:3px; background:#fff; }
.shared-send-type-picker > button:hover { color:var(--green); border-color:#78c46c; background:#f7fbf6; }
.shared-content-setting .shared-content-row:has(.shared-send-type-picker){z-index:13}
.shared-content-setting .shared-send-type-picker{right:8px;top:auto;bottom:calc(50% + 18px);max-width:calc(100% - 16px);flex-wrap:nowrap;white-space:nowrap}
.shared-content-setting .shared-send-type-picker::after{content:"";width:8px;height:8px;position:absolute;right:86px;bottom:-5px;transform:rotate(45deg);border-right:1px solid #dedede;border-bottom:1px solid #dedede;background:#fff}
.shared-send-toolbar { min-height:48px; display:flex; align-items:center; gap:10px; padding:7px 10px; border:1px solid #e3e3e3; background:#fafafa; box-sizing:border-box; }
.shared-send-count { flex:0 0 auto; color:#777; }
.shared-send-types { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.shared-send-types > button { height:32px; display:inline-flex; align-items:center; gap:4px; padding:0 10px; border:1px solid #d9d9d9; border-radius:3px; background:#fff; }
.shared-send-types > button:hover { color:var(--green); border-color:#70bf63; }

.shared-send-dialog { width:640px !important; overflow:visible; }
.shared-send-dialog > .fop-dialog-body { position:relative; overflow:visible; }
.shared-send-editor { display:grid; gap:12px; padding:20px 24px; }
.shared-send-editor > label,
.shared-send-editor-field { min-height:32px; display:grid; grid-template-columns:88px minmax(0,1fr); align-items:start; gap:12px; }
.shared-send-editor > label > span,
.shared-send-editor-field > span { min-height:32px; display:flex; align-items:center; color:#555; }
.shared-send-editor input[type="text"],
.shared-send-editor input[type="url"] { width:100%; height:32px; padding:0 10px; border:1px solid #d9d9d9; border-radius:3px; box-sizing:border-box; }
.shared-send-editor textarea { width:100%; min-height:120px; padding:10px 12px; resize:vertical; line-height:1.6; border:1px solid #d9d9d9; border-radius:3px; box-sizing:border-box; }
.shared-send-link-form { padding:18px 20px; }
.shared-send-link-form > label,.shared-send-link-form .shared-send-editor-field { grid-template-columns:44px minmax(0,1fr); gap:10px; }
.shared-send-link-description > div { min-width:0; display:grid; grid-template-columns:minmax(0,1fr) 104px; gap:12px; }
.shared-send-link-description textarea { min-height:110px; resize:none; }
.shared-send-link-image { width:104px; height:104px; display:grid; place-items:center; color:#777; border:1px dashed #ccc; border-radius:2px; background:#fafafa center/cover no-repeat; box-sizing:border-box; cursor:pointer; }
.shared-send-link-image:hover { color:var(--green); border-color:#78c46c; background-color:#f8fcf7; }
.shared-send-link-image.has-image { border-style:solid; }
.shared-send-link-image.has-image > span { display:none; }
.shared-send-text-form { gap:12px; padding:20px 24px 18px; }
.shared-send-text-composer { position:relative; z-index:1; overflow:visible; border:1px solid #d9d9d9; border-radius:3px; background:#fff; }
.shared-send-text-editor { width:100%; min-height:132px; max-height:240px; padding:12px 16px; line-height:26px; overflow-y:auto; border:0; border-top:1px solid #e4e4e4; background:#fff; box-sizing:border-box; }
.shared-send-text-editor:empty::before { content:attr(data-placeholder); color:#aaa; pointer-events:none; }
.shared-send-text-editor:focus { outline:0; box-shadow:inset 0 0 0 1px rgba(45,171,17,.18); }
.shared-send-text-editor .shared-fixed-variable { margin:0 2px; vertical-align:middle; }
.shared-send-editor :is(input,textarea):focus { border-color:#69bd58; outline:0; box-shadow:0 0 0 1px rgba(45,171,17,.08); }
.shared-send-editor > small { padding-left:100px; color:#999; }
.shared-send-editor-field.is-switch { align-items:center; }
.shared-send-editor-field.is-switch > span { height:32px; }
.shared-send-upload { display:flex; align-items:flex-end; gap:12px; }
.shared-send-upload-preview { width:180px; height:106px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#777; border:1px dashed #ccc; background:#fafafa center/cover no-repeat; box-sizing:border-box; }
.shared-send-upload-preview[style] > :is(i,strong) { padding:2px 6px; background:rgba(255,255,255,.88); }
.shared-send-upload-preview > i { font-size:28px; font-style:normal; font-weight:300; }
.shared-send-upload-preview > strong { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:400; }
.shared-send-upload > label { height:32px; display:inline-flex; align-items:center; }
.shared-send-text-tools { min-height:46px; position:relative; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 12px; background:#fafafa; box-sizing:border-box; }
.shared-send-text-tools > div:first-child { display:flex; align-items:center; gap:8px; }
.shared-send-text-tools button,
.shared-send-editor-options button { height:32px; padding:0 12px; border:1px solid #d9d9d9; border-radius:3px; background:#fff; }
.shared-send-text-tools .shared-send-emoji-trigger { width:36px; min-width:36px; padding:0; display:grid; place-items:center; border:0; background:transparent; }
.shared-send-text-tools > button[data-shared-send-copy] { color:var(--green); border:0; background:transparent; }
.shared-send-emoji-trigger > span { width:21px; height:21px; position:relative; display:block; border:2px solid #666; border-radius:50%; box-sizing:border-box; }
.shared-send-emoji-trigger > span::before { content:""; width:3px; height:3px; position:absolute; left:4px; top:5px; border-radius:50%; background:#666; box-shadow:8px 0 #666; }
.shared-send-emoji-trigger > span::after { content:""; width:9px; height:4px; position:absolute; left:4px; bottom:4px; border-bottom:2px solid #666; border-radius:0 0 9px 9px; }
.shared-send-emoji-panel { width:396px; max-height:300px; position:absolute; left:0; top:42px; z-index:200; display:grid; grid-template-columns:repeat(10,1fr); gap:2px; padding:12px 12px 10px; overflow-y:auto; border:1px solid #e1e1e1; border-radius:4px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.22); box-sizing:border-box; }
.shared-send-emoji-panel.hidden { display:none; }
.shared-send-emoji-panel > button { width:34px; height:34px; padding:0; font-size:22px; line-height:34px; border:0; background:transparent; }
.shared-send-emoji-panel > button:hover { background:#f3f3f3; }
.shared-send-emoji-panel > footer { grid-column:1 / -1; height:18px; display:flex; align-items:flex-end; justify-content:center; gap:16px; }
.shared-send-emoji-panel > footer i { width:9px; height:9px; border-radius:50%; background:#c6c6c6; }
.shared-send-emoji-panel > footer i.active { background:#777; }
.shared-send-editor-options { display:flex; align-items:center; gap:10px; }
.shared-send-editor-options > button { height:38px; display:inline-flex; align-items:center; gap:8px; padding:0 16px; color:#25303a; font-size:14px; border:0; border-radius:4px; background:linear-gradient(105deg,#c9f8d5,#b8e9ff); }
.shared-send-editor-options > button:hover { filter:brightness(.98); }
.shared-send-editor-options > button > i { width:18px; height:18px; position:relative; display:inline-block; }
.shared-send-editor-options > button > i.is-write::before { content:""; width:13px; height:4px; position:absolute; left:1px; top:7px; transform:rotate(-35deg); border:2px solid currentColor; border-radius:4px; }
.shared-send-editor-options > button > i.is-rewrite::before { content:"✦"; position:absolute; inset:-3px 0 0; font-size:21px; line-height:21px; }
.shared-send-material-picker { display:grid; gap:12px; }
.shared-send-material-tools { display:flex; align-items:center; gap:10px; }
.shared-send-material-tools .search-control { width:260px; height:32px; }
.shared-send-material-tools select { width:130px; height:32px; }
.shared-send-material-grid { max-height:330px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; overflow-y:auto; }
.shared-send-material-card { min-height:76px; display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:10px; padding:12px; border:1px solid #e2e2e2; box-sizing:border-box; cursor:pointer; }
.shared-send-material-card:has(input:checked) { border-color:#54b545; background:#f5fbf3; }
.shared-send-material-card > span { min-width:0; display:grid; gap:6px; }
.shared-send-material-card small { color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shared-send-material-card.hidden { display:none; }
.shared-send-material-empty { grid-column:1 / -1; min-height:120px; display:grid; place-items:center; color:#999; }
.shared-send-dialog:has(.shared-material-library) { width:min(1000px,calc(100vw - 64px)) !important; }
.shared-send-dialog:has(.shared-material-library) > .fop-dialog-body { min-height:0; overflow:hidden; padding:0; }
.shared-material-library { height:min(620px,calc(100vh - 160px)); min-height:0; display:grid; grid-template-rows:46px minmax(0,1fr) 46px; overflow:hidden; background:#fff; }
.shared-material-library > nav { display:flex; align-items:end; gap:28px; padding:0 20px; border-bottom:1px solid #e5e5e5; }
.shared-material-library > nav > button { height:46px; padding:0 0 2px; position:relative; color:#555; border:0; background:transparent; }
.shared-material-library > nav > button.active { color:var(--green); }
.shared-material-library > nav > button.active::after { content:""; height:2px; position:absolute; right:0; bottom:0; left:0; background:var(--green); }
.shared-material-library > nav > button:disabled { color:#bbb; cursor:not-allowed; }
.shared-material-library-body { height:100%; min-height:0; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) 280px; }
.shared-material-library-body > section { height:100%; min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; border-right:1px solid #e5e5e5; }
.shared-send-material-tools { display:flex; align-items:center; gap:10px; position:sticky; z-index:20; top:0; padding:10px 14px; border-bottom:1px solid #eee; background:#fff; }
.shared-send-material-tools .material-search { width:clamp(200px,34%,260px); min-width:200px; max-width:260px; height:32px; flex:1 1 220px; }
.shared-send-material-tools .shared-send-material-filter { width:150px; flex:0 0 150px; position:relative; z-index:12; }
.shared-send-material-tools .shared-send-material-filter > select { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.shared-send-material-tools .shared-send-material-filter .shared-select-trigger { width:100%; height:32px; }
.shared-send-material-tools .shared-send-material-filter .shared-select-menu { top:34px; z-index:90; max-height:240px; overflow-y:auto; }
.shared-send-material-grid { width:100%; height:auto; min-height:120px; max-height:none; display:block; columns:2 250px; column-gap:14px; padding:14px; overflow:visible; box-sizing:border-box; }
.shared-send-material-card { width:100%; min-height:0; position:relative; display:inline-block; break-inside:avoid; margin:0 0 14px; padding:0; overflow:hidden; vertical-align:top; border:1px solid #dedede; border-radius:3px; background:#fff; box-sizing:border-box; }
.shared-send-material-card:hover,.shared-send-material-card.active { border-color:var(--green); box-shadow:0 2px 8px rgba(0,0,0,.06); }
.shared-send-material-card > input { width:1px; height:1px; position:absolute; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.shared-send-material-card::after { content:""; width:18px; height:18px; position:absolute; z-index:4; top:12px; right:12px; border:1px solid #d3d7dc; border-radius:4px; background:#fff; box-sizing:border-box; transition:border-color .15s,background-color .15s; }
.shared-send-material-card:hover::after { border-color:#8fcf83; }
.shared-send-material-card::before { content:""; width:7px; height:4px; position:absolute; z-index:5; top:17px; right:17px; transform:rotate(-45deg); opacity:0; border-left:2px solid #fff; border-bottom:2px solid #fff; transition:opacity .15s; }
.shared-send-material-card:has(> input:checked)::after { border-color:var(--green); background:var(--green); }
.shared-send-material-card:has(> input:checked)::before { opacity:1; }
.shared-send-material-card .material-card-head { padding-right:48px; }
.shared-send-material-card > .shared-material-card-copy { min-width:0; display:block; padding:0; box-sizing:border-box; }
.shared-send-material-card .material-card-star { font-style:normal; pointer-events:none; }
.shared-send-material-card .material-card-body { padding-right:14px; }
.shared-material-card-copy > strong { font-weight:600; }
.shared-material-card-copy > small { color:#aaa; }
.shared-material-card-cover { min-height:178px; display:block; margin-top:4px; border:1px solid #eee; border-radius:2px; background:#f2f5f7 center/cover no-repeat; }
.shared-material-card-copy > footer { min-width:0; display:flex; align-items:end; justify-content:space-between; gap:8px; color:#999; font-size:12px; border-top:1px solid #eee; }
.shared-material-card-copy > footer > em { padding-right:24px; color:#777; font-style:normal; }
.shared-mini-program-card.is-material-item { min-height:0; margin-top:4px; }
.shared-mini-program-card.is-material-item > figure { min-height:0; aspect-ratio:16 / 10; }
.shared-video-channel-card.is-material-item { margin-top:4px; }
.shared-material-type-preview { min-width:0; margin-top:4px; padding:14px; color:#555; line-height:1.65; border:1px solid #eee; border-radius:2px; background:#fafafa; box-sizing:border-box; }
.shared-material-type-preview p { margin:0; overflow-wrap:anywhere; }
.shared-material-type-preview small { display:block; margin-top:8px; color:#999; overflow-wrap:anywhere; }
.shared-material-type-preview.is-link { display:grid; gap:5px; }
.shared-material-type-preview.is-link strong { font-weight:500; }
.shared-material-type-preview.is-link small { margin-top:0; }
.shared-material-type-preview.is-file { display:flex; align-items:center; gap:12px; }
.shared-material-type-preview.is-file > i { width:42px; height:50px; display:grid; place-items:center; flex:0 0 42px; color:#5b79a8; font-size:11px; font-style:normal; border:1px solid #cdd7e5; background:#f2f6fc; }
.shared-material-type-preview.is-file > span { min-width:0; display:grid; gap:5px; }
.shared-material-type-preview.is-file strong { overflow-wrap:anywhere; }
.shared-material-type-preview.is-file small { margin:0; }
.shared-material-type-preview.is-generic { display:grid; gap:8px; text-align:center; }
.shared-material-type-preview.is-material-preview { margin:0; background:#fff; }
.shared-material-library-body > aside { height:100%; min-width:0; min-height:0; display:grid; grid-template-rows:48px minmax(0,1fr); overflow:hidden; background:#fafafa; }
.shared-material-library-body > aside > strong { display:flex; align-items:center; padding:0 18px; border-bottom:1px solid #e5e5e5; }
.shared-material-library-body > aside > div { min-height:0; padding:16px; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; box-sizing:border-box; }
.shared-material-library-body > aside .material-content-echo.large { padding-bottom:16px; }
.shared-mini-program-card.is-material-preview { min-height:0; }
.shared-mini-program-card.is-material-preview > figure { min-height:0; aspect-ratio:16 / 10; }
.shared-video-channel-card.is-material-preview { width:100%; }
.shared-material-generic-preview { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:20px; text-align:center; border:1px solid #dedede; border-radius:3px; background:#fff; box-sizing:border-box; }
.shared-material-generic-preview > i { width:48px; height:48px; display:grid; place-items:center; border-radius:4px; background:#eef4ff; }
.shared-material-generic-preview > i::after { content:"▦"; color:#4f77bd; font-size:24px; }
.shared-material-generic-preview > span { color:#999; font-size:12px; }
.shared-material-library-summary { display:flex; align-items:center; gap:28px; padding:0 18px; color:#777; border-top:1px solid #e5e5e5; background:#fff; }
.shared-material-library-summary b { color:var(--green); font-weight:400; }

/* 选素材库 C1.4：稳定右侧预览宽度，避免类型标识挤压内容卡片。 */
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) .shared-material-library-body {
  grid-template-columns:minmax(0,1fr) 300px;
}
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] {
  min-width:0;
}
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] .material-content-echo.large,
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] .material-content-echo-item {
  width:100%;
  min-width:0;
}
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] [data-component-key="contentDisplay"] {
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:6px;
}
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] [data-component-key="contentDisplay"] > .shared-content-display-main {
  width:100%;
  min-width:200px;
}
:is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] [data-component-key="contentDisplay"] > .shared-content-display-type {
  margin:0;
}

@media (max-width:860px) {
  .shared-material-library { height:min(600px,76vh); min-height:460px; }
  .shared-material-library-body { grid-template-columns:minmax(0,1fr) 240px; }
  .shared-send-material-grid { columns:1; }
  .shared-send-material-tools .material-search { width:min(220px,38vw); min-width:180px; flex-basis:180px; }
  .shared-send-material-tools .shared-send-material-filter { width:120px; flex-basis:120px; }
  :is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) .shared-material-library-body { grid-template-columns:minmax(0,1fr) 240px; }
  :is([data-component-key="materialPicker"][data-component-version="C1.4"],[data-component-key="materialPicker"][data-component-version="C1.5"]) [data-shared-send-material-preview] [data-component-key="contentDisplay"] > .shared-content-display-main { min-width:0; }
}

@media (max-width:1180px) {
  .shared-send-row { grid-template-columns:46px minmax(160px,1fr); }
  .shared-send-actions { right:20px; }
}