[data-today-page="customer-service"]{background:#fff;color:#24201f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
[data-today-page="customer-service"] #view{padding:0;overflow:hidden;min-height:0;background:#fff}
[data-today-page="customer-service"] #view>.page{height:100%;display:flex;flex-direction:column;animation:none}
[data-today-page="customer-service"] .brandbar{height:54px;background:#fff;border-bottom:1px solid #eee9e5}
.support-chat{flex:1;min-height:0;display:flex;flex-direction:column}
.support-log{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 16px 24px;scrollbar-width:none}
.support-notice{display:flex;justify-content:center;margin:0 0 18px}
.support-notice span{max-width:100%;background:#f0efed;color:#93908c;padding:4px 10px;border-radius:5px;font-size:10px;line-height:1.5;text-align:center}
.support-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:20px}
.support-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #e8e5e1;background:#f5f4f2;border-radius:11px;color:#797572}
.support-avatar .ico{width:21px;height:21px}
.support-avatar img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.support-copy{max-width:calc(100% - 84px);min-width:0}
.support-copy>small{display:block;font-size:10px;color:#96918b;margin:0 0 5px 2px}
.support-bubble{padding:11px 13px;border-radius:2px 13px 13px 13px;background:#fff;border:1px solid #e7e4df;color:#322b28;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.support-user{flex-direction:row-reverse}
.support-user .support-bubble{background:#fff;color:#322b28;border-color:#dedbd6;border-radius:13px 2px 13px 13px}
.support-composer{flex-shrink:0;display:flex;align-items:flex-end;gap:10px;background:#fff;padding:12px 16px;border-top:1px solid #e8e2dc}
.support-input-wrap{flex:1;min-width:0;display:flex}
.support-composer textarea{resize:none;width:100%;height:42px;max-height:100px;border:1px solid #e9e3dc;border-radius:10px;background:#f7f6f4;padding:11px 12px;outline-color:#89817c;color:#49413a;font-size:13px;line-height:18px}
.support-composer textarea::placeholder{color:#aaa097}
.support-composer button{height:42px;border-radius:10px;background:#fff;color:#322b28;border:1px solid #dedbd6;padding:0 16px;font-size:13px}
.support-composer button:disabled{opacity:.4;cursor:default}
.support-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.support-tools{flex-shrink:0;display:flex;align-items:center;padding:10px 16px 0;background:#fff;border-top:1px solid #eee9e5}
.support-tools button{padding:6px 12px;border:1px solid #dedbd6;border-radius:16px;background:#fff;color:#625b55;font-size:12px;line-height:18px}
.support-tools button:disabled{color:#aaa097;cursor:default}
.support-tools+.support-composer{border-top:0}