.customer-support{max-width:1100px;margin:auto}.customer-support button,.customer-support input,.customer-support textarea,.customer-support select{font:inherit}.cs-search{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.cs-search label{flex:1;min-width:130px}.customer-support label{display:block;font-size:13px;line-height:1.7}.customer-support input:not([type=file]),.customer-support textarea,.customer-support select{display:block;width:100%;padding:9px;border:1px solid #d6dfe8;border-radius:6px;background:#fff;color:#263445;box-sizing:border-box}.cs-messages{height:440px;overflow:auto;background:#f5f7fa;padding:16px;border-radius:8px;margin:10px 0}.cs-message{width:fit-content;max-width:85%;margin:0 0 16px;overflow-wrap:anywhere}.cs-message.mine{margin-left:auto}.cs-message>div{padding:10px 12px;border-radius:8px;background:#fff;white-space:pre-wrap}.cs-message.mine>div{background:#e5efff}.cs-message.automatic>div{background:#fff8df}.cs-message img{max-width:220px;max-height:240px;object-fit:contain}.cs-message small{font-size:11px;color:#748095;display:block;margin:4px 0}.cs-status,.cs-network{font-size:13px;color:#64748b}.cs-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.cs-error{color:#c23838;font-size:13px}.cs-feedback{border-top:1px solid #edf0f5;margin-top:16px;padding-top:12px}.cs-rating{display:grid;gap:10px}.cs-rating h3{font-size:15px}.customer-support textarea{resize:vertical}@media(max-width:600px){.cs-messages{height:350px}.cs-search label{min-width:100px}.cs-message{max-width:92%}}

.cs-history summary{cursor:pointer;font-size:13px;padding:8px 0;color:#52657a}.cs-history-actions{display:flex;gap:8px}.modal .cs-messages{height:clamp(150px,32vh,300px)}.modal .cs-compose textarea{min-height:64px;max-height:140px}

.cs-product-card{display:grid;gap:8px;max-width:260px;padding:12px;border:1px solid #dce3eb;border-radius:10px;background:#fff;text-align:left;color:inherit;cursor:pointer}.cs-product-card img{width:100%;max-height:160px;object-fit:contain}.cs-product-card span{font-size:13px;color:#526274}

.cs-message{position:relative;margin-left:44px;max-width:calc(100% - 88px);min-height:36px}.cs-message.mine{margin-right:44px}.cs-avatar{width:32px;height:32px;border-radius:50%;background:#e3ebfa;color:#2855a3;display:grid;place-items:center;overflow:hidden;font-size:13px;flex-shrink:0}.cs-message>.cs-avatar{position:absolute;left:-42px;top:6px}.cs-message.mine>.cs-avatar{left:auto;right:-42px}.cs-avatar img{position:absolute;width:32px;height:32px;max-width:32px;max-height:32px;object-fit:cover}.cs-waiting{display:flex;gap:10px;align-items:center;margin:12px 0;color:#64748b;font-size:13px}.cs-waiting>span:last-child{padding:12px;background:#fff;border-radius:8px}.cs-dots{display:inline-flex;gap:4px;margin-left:10px}.cs-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:cs-wait 1.2s infinite}.cs-dots i:nth-child(2){animation-delay:.18s}.cs-dots i:nth-child(3){animation-delay:.36s}@keyframes cs-wait{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.cs-dots i{animation:none}}

.cs-history-actions{flex-wrap:wrap}

.cs-context-note{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:#f2f6fb;border-radius:7px;color:#64748b;font-size:11px}.cs-context-note button{border:0;background:none;color:inherit;font-size:18px;cursor:pointer}
/* Keep secondary actions out of the conversation area. */
.customer-support{position:relative}.cs-menu{display:flex;justify-content:flex-end;margin:0 0 6px}.cs-menu>summary{list-style:none;cursor:pointer;font-size:22px;letter-spacing:3px;padding:2px 12px;text-align:right}.cs-menu>summary::-webkit-details-marker{display:none}.cs-menu-panel{position:absolute;right:0;top:34px;z-index:5;width:min(380px,100%);max-height:65vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0002}.cs-menu .cs-status{display:none}.customer-support .cs-network{font-size:11px;margin:4px 0}.cs-audio-slot button{height:42px;border:0;border-radius:10px;padding:0 9px;color:#475569;background:#fff;cursor:pointer}.support-audio-tools{margin:0}.support-audio-tools:has(.support-audio-draft:empty):has(.support-audio-status:empty){display:none}
.cs-compose.cs-recording .cs-composer-row textarea{background:#fff1f2;color:#9f1239}.cs-compose.cs-recording [data-audio=record]{background:#fee2e2;color:#be123c}.cs-compose.cs-recording .support-audio-status{display:block;padding:8px}.cs-menu:not([open])>.cs-menu-panel{display:none}
.cs-voice-menu{position:relative;flex:none}.cs-voice-menu>summary{list-style:none;cursor:pointer}.cs-voice-menu>summary::-webkit-details-marker{display:none}.cs-voice-panel{position:absolute;bottom:52px;left:0;z-index:8;width:230px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 22px #0002}.cs-voice-menu:not([open])>.cs-voice-panel{display:none}.cs-voice-panel .cs-voice-slot button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.cs-voice-panel .cs-voice-slot button:after{content:'语音转文字';font-size:13px}.cs-voice-panel .cs-audio-slot{display:block;margin-top:8px}.cs-voice-panel .cs-audio-slot button{width:100%}.cs-voice-panel .cs-voice-options{margin-top:8px}.cs-compose .support-audio-tools{margin:0}.cs-compose .support-audio-draft:not(:empty){display:flex;flex:1;min-width:0;align-items:center;gap:5px;padding:3px;background:white;border-radius:8px;min-height:42px}.cs-compose .support-audio-draft:empty{display:none}.cs-compose.cs-audio-pending .cs-composer-row textarea{display:none}.cs-compose .support-audio-draft audio[hidden]{display:none}.cs-compose .support-audio-draft button{font-size:12px;white-space:nowrap;padding:7px;border:0;border-radius:5px;background:#eff6ff;color:#2459ac}.cs-compose .support-audio-draft span{font-size:12px;white-space:nowrap}.cs-compose .support-audio-status:empty{display:none}.cs-compose .support-audio-status{font-size:12px}.cs-compose.cs-recording .cs-voice-menu>summary{background:#fee2e2;color:#be123c}
/* In the H5 dialog, the menu shares the title bar with close. */
.modal-header.cs-header-menu{gap:8px}.cs-header-menu h2{flex:1;min-width:0}.cs-header-menu .cs-menu{position:relative;display:block;margin:0;flex:none}.cs-header-menu .cs-menu>summary{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:22px;letter-spacing:2px;cursor:pointer;list-style:none}.cs-header-menu .cs-menu-panel{top:44px;right:0;width:min(360px,calc(100vw - 60px));text-align:left;box-sizing:border-box}.cs-header-menu .cs-menu:not([open])>.cs-menu-panel{display:none}

.cs-extras:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 4px}.cs-extras button{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;color:#617086;font-size:12px;cursor:pointer}.cs-extras button span{display:grid;place-items:center;background:#f2f5f9;border-radius:14px;width:48px;height:48px;font-size:28px;color:#465b76}.cs-extras button:focus-visible{outline:2px solid #c8273e}.cs-order-picker{padding:12px;border:1px solid #e7ebf2;border-radius:14px;margin:10px 0}.cs-order-options{max-height:240px;overflow:auto}.cs-order-option{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #edf0f5}.cs-order-option strong,.cs-order-option>span{width:100%;font-size:13px}.cs-order-option small{flex:1;color:#c8273e}.cs-feedback:not([hidden]){padding:12px;border:1px solid #e7ebf2;border-radius:14px}.cs-message video{max-width:100%;width:280px;max-height:320px;border-radius:10px;background:#17202e}