.support-message.is-pending,.aw-msg.is-pending{opacity:.82}
.support-message.is-pending .support-time,.aw-msg.is-pending time{color:#6f8198}
.support-message.is-pending .support-time::after,.aw-msg.is-pending time::after{content:" · " attr(data-upload-status)}
.support-message.is-failed,.aw-msg.is-failed{opacity:1}
.support-message.is-failed .support-time,.aw-msg.is-failed time{color:#c33b43}
.support-message.is-failed .support-time::after,.aw-msg.is-failed time::after{content:" · 发送失败"}
.support-bubble img.is-loading,.aw-bubble img.is-loading{min-width:112px;min-height:84px;background:linear-gradient(100deg,rgba(209,224,243,.55) 20%,rgba(246,250,255,.95) 42%,rgba(209,224,243,.55) 64%);background-size:220% 100%;animation:chat-image-loading 1.25s linear infinite}
.support-bubble img.is-load-error,.aw-bubble img.is-load-error{min-width:112px;min-height:84px;background:#f2f5f9}
.support-image-frame,.aw-image-frame{position:relative;display:block;min-width:112px;min-height:84px;overflow:hidden;border-radius:inherit}
.support-image-frame>img,.aw-image-frame>img{display:block;max-width:100%}
.support-image-status,.aw-image-status{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;min-width:112px;min-height:84px;padding:14px;border:0;border-radius:10px;color:#64748b;background:#f2f5f9;font:inherit;font-size:13px;font-weight:600;line-height:1.4;text-align:center}
.support-image-status.is-loading,.aw-image-status.is-loading{background:linear-gradient(100deg,rgba(209,224,243,.92) 20%,rgba(246,250,255,.98) 42%,rgba(209,224,243,.92) 64%);background-size:220% 100%;animation:chat-image-loading 1.25s linear infinite;cursor:wait}
.support-image-status.is-error,.aw-image-status.is-error{color:#b4232f;background:#fff1f2;cursor:pointer}
.support-image-status[hidden],.aw-image-status[hidden]{display:none!important}
.support-upload-progress{display:grid;gap:5px;min-width:150px;margin-top:8px}
.support-upload-progress>span{display:block;height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.3)}
.support-upload-progress>span>i{display:block;width:var(--support-upload-progress,12%);height:100%;border-radius:inherit;background:currentColor;transition:width .18s ease}
.support-upload-progress>small{font-size:11px;font-weight:700;line-height:1.35;color:inherit;opacity:.86}
.support-upload-progress.is-indeterminate>span>i{width:36%;animation:support-upload-indeterminate 1.1s ease-in-out infinite}
.support-message.agent .support-upload-progress>span{background:rgba(31,91,158,.15)}
@keyframes support-upload-indeterminate{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
.support-message-recall{border:0;background:transparent;color:#71839b;font:inherit;cursor:pointer;padding:2px 4px}
.support-message.visitor:hover .support-message-recall,.support-message-recall:focus-visible{color:#1677e8}
@keyframes chat-image-loading{to{background-position:-220% 0}}
@media(max-width:700px){.support-message-recall{font-size:11px}.support-message.is-pending .support-time::after,.aw-msg.is-pending time::after{content:" · " attr(data-upload-status)}}
