.support-launch{position:fixed;right:20px;bottom:24px;z-index:90;min-height:46px;padding:0 18px;border:1px solid rgba(72,162,255,.55);border-radius:24px;background:#087ef0;color:#fff;box-shadow:0 12px 35px rgba(0,80,180,.4);font-weight:700}
.support-launch span{color:#69f0b6}
body.market-board .support-launch{display:none!important}
.cs-overlay{position:fixed;inset:0;z-index:240;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,10,18,.72)}
.cs-overlay[hidden]{display:none!important}
.cs-dialog{width:min(420px,calc(100vw - 28px));max-height:min(88vh,640px);max-height:min(88dvh,640px);overflow:auto;border:1px solid #2a4258;border-radius:16px;background:#0c1a28;color:#edf2f8;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.cs-dialog header{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;padding:14px 14px 12px;border-bottom:1px solid #1b2d40}
.cs-dialog header b{text-align:center;font-size:16px}
.cs-back,.cs-close{width:36px;height:36px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:#c5d2e0;font-size:18px;cursor:pointer}
.cs-back[hidden]{visibility:hidden}
.cs-back:hover,.cs-close:hover{background:rgba(255,255,255,.12);color:#fff}
.cs-body{padding:22px 18px 24px}
.cs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cs-channel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:112px;padding:16px 8px;border:1px solid #1f7a43;border-radius:14px;background:linear-gradient(180deg,#0f2a1c,#0b1c28);color:#fff;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.cs-channel.cs-live{border-color:#2b6ea8;background:linear-gradient(180deg,#12344f,#0b1c28);color:#d7ecff}
.cs-live-mark{display:block;color:#69c0ff}
.cs-dialog.cs-wide{width:min(520px,calc(100vw - 28px))}
.cs-live-pane{display:grid;grid-template-rows:minmax(180px,1fr) auto;gap:12px;min-height:320px}
.cs-log{min-height:180px;max-height:min(46vh,360px);overflow:auto;padding:10px;border:1px solid #1b2d40;border-radius:12px;background:#07111c}
.cs-msg{margin:0 0 10px;padding:8px 10px;border-radius:10px 10px 10px 4px;background:#14202d;color:#e6edf5}
.cs-msg.mine{margin-left:18%;border-radius:10px 10px 4px 10px;background:#0876d4}
.cs-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.cs-msg small{display:block;margin-top:4px;opacity:.7;font-size:10px}
.cs-compose{display:grid;gap:8px}
.cs-compose textarea{width:100%;min-height:72px;padding:10px;border:1px solid #26384c;border-radius:10px;background:#05090e;color:#fff;resize:vertical}
.cs-compose button{min-height:40px;border:0;border-radius:10px;background:#087ef0;color:#fff;font-weight:700;cursor:pointer}
.cs-live-status{min-height:16px;margin:0;color:#8fa0b5;font-size:12px}
.cs-channel:hover,.cs-channel:focus-visible{border-color:#06c755;filter:brightness(1.08);outline:0}
.cs-channel.cs-live:hover,.cs-channel.cs-live:focus-visible{border-color:#69c0ff}
.cs-line-mark{display:block}
.cs-qr-wrap{display:grid;justify-items:center;gap:12px;text-align:center}
.cs-qr-wrap p{margin:0;color:#8fa0b5;font-size:13px}
.cs-qr{width:min(240px,70vw);height:auto;border-radius:12px;background:#fff;padding:10px}
.cs-spin{width:28px;height:28px;border:2px solid rgba(6,199,85,.25);border-top-color:#06c755;border-radius:50%;animation:csSpin .7s linear infinite}
.cs-empty{margin:12px 0;color:#8fa0b5;text-align:center}
@keyframes csSpin{to{transform:rotate(360deg)}}
body.cs-dialog-open{overflow:hidden}
@media(max-width:700px){
  .support-launch{right:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  .cs-channel{min-height:96px;padding:12px 4px;font-size:12px}
}
[data-theme="light"] .cs-dialog{background:#fff;color:#1a2430;border-color:#d5deea;box-shadow:0 24px 70px rgba(20,40,70,.18)}
[data-theme="light"] .cs-dialog header{border-bottom-color:#e3ebf4}
[data-theme="light"] .cs-back,[data-theme="light"] .cs-close{background:#eef3f9;color:#334155}
[data-theme="light"] .cs-channel{background:linear-gradient(180deg,#f3fbf6,#fff);color:#12301c;border-color:#9fe0b8}
[data-theme="light"] .cs-channel.cs-live{background:linear-gradient(180deg,#eef6ff,#fff);color:#12324a;border-color:#9ec4e8}
[data-theme="light"] .cs-log{background:#f4f7fb;border-color:#d5deea}
[data-theme="light"] .cs-msg{background:#e8eef6;color:#1a2430}
[data-theme="light"] .cs-msg.mine{background:#d6e8fb;color:#12324a}
[data-theme="light"] .cs-compose textarea{background:#fff;border-color:#d5deea;color:#1a2430}
[data-theme="light"] .cs-qr-wrap p,[data-theme="light"] .cs-empty{color:#64748b}

.support-unread{position:absolute;right:-3px;top:-5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid #07101a;border-radius:12px;background:#ef584f;color:#fff;font-size:10px}
.support-summary{display:flex;gap:7px;margin:7px 0 0!important}.support-summary span{padding:3px 7px;border:1px solid #26384c;border-radius:10px;color:#8fa0b3;font-size:9px}.support-thread-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.support-thread-top em{float:none}.support-thread-top i{padding:3px 7px;border-radius:9px;background:#172536;color:#9aabc0;font-size:9px;font-style:normal}.support-thread-top i[data-status="pending"],.support-thread-top i[data-status="reopened"]{background:rgba(239,173,68,.14);color:#efb75b}.support-thread-top i[data-status="in_progress"]{background:rgba(7,140,255,.14);color:#55adff}.support-thread-top i[data-status="resolved"]{background:rgba(34,211,154,.12);color:#63dca5}.support-thread-context{margin:-8px 16px 12px;padding:8px 10px;border-radius:6px;background:#07101a;color:#8190a3;font-size:10px}.support-admin-state{display:flex;align-items:end;gap:8px;padding:0 16px 12px}.support-admin-state label{flex:1;color:#8190a3;font-size:10px}.support-admin-state select{display:block;width:100%;min-height:38px;margin-top:5px;padding:0 9px;border:1px solid #26384c;border-radius:6px;background:#07101a;color:#e8f0f9}.support-admin-state button{min-height:38px;padding:0 12px;border:0;border-radius:6px;background:#087ef0;color:#fff}.support-admin-state button:disabled,.support-admin-state select:disabled{opacity:.45}

/* 运营客服工作台：会话、消息、客户资料三栏各司其职。 */
.ops-support-workspace{height:calc(100vh - 170px);min-height:560px;display:grid;grid-template-columns:minmax(290px,330px) minmax(480px,1fr) minmax(270px,310px);gap:12px;margin:0}.ops-support-workspace[hidden]{display:none!important}.ops-support-workspace .ops-card{min-width:0;min-height:0;transform:none!important}.support-inbox-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}.support-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 18px 15px;border-bottom:1px solid #172434}.support-panel-heading h1{margin:5px 0 0;font-size:22px;font-weight:600}.support-panel-heading button{min-height:36px;padding:0 12px;border:1px solid #26384c;border-radius:6px;background:#0a1119;color:#b9c5d3}.support-summary{gap:6px;margin-top:9px!important}.support-summary span{font-size:10px}.support-thread-tools{display:grid;gap:10px;padding:12px 14px;border-bottom:1px solid #172434;background:#080d13}.support-thread-tools input{width:100%;height:40px;padding:0 12px;border:1px solid #243448;border-radius:7px;background:#05090e;color:#eef4fa;outline:0}.support-thread-tools input:focus{border-color:#298ddd;box-shadow:0 0 0 3px rgba(41,141,221,.1)}.support-thread-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.support-thread-filters button{min-height:32px;border:1px solid transparent;border-radius:6px;background:#0c131c;color:#78879a;font-size:11px}.support-thread-filters button:hover,.support-thread-filters button.active{border-color:#294561;background:#102235;color:#eaf3fc}.support-thread-list{min-height:0;max-height:none;overflow:auto}.support-thread{display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px;padding:14px;border-bottom:1px solid #172434}.support-thread:hover,.support-thread.active{background:#0d1722}.support-thread.active{box-shadow:inset 3px 0 #168fff}.support-thread-avatar,.support-message-avatar,.support-avatar,.support-customer-avatar{display:grid;place-items:center;border:1px solid rgba(72,162,255,.27);border-radius:50%;background:linear-gradient(145deg,#18334e,#0b1c2c);color:#9fd0ff;font-weight:700}.support-thread-avatar{width:38px;height:38px;font-size:13px}.support-thread-copy{min-width:0;display:block}.support-thread-top{margin:0}.support-thread-top b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.support-thread-top time{flex:0 0 auto;color:#56667a;font-size:9px}.support-thread-copy>small,.support-thread-preview{display:block;min-width:0;margin-top:3px;color:#718095;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-thread-preview{margin-top:8px;color:#9aa8b8;font-size:11px}.support-thread-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.support-thread-meta i{padding:3px 7px;border-radius:9px;background:#172536;color:#9aabc0;font-size:9px;font-style:normal}.support-thread-meta i[data-status="pending"],.support-thread-meta i[data-status="reopened"],.support-thread-meta i[data-status="open"]{background:rgba(239,173,68,.14);color:#efb75b}.support-thread-meta i[data-status="in_progress"]{background:rgba(7,140,255,.14);color:#55adff}.support-thread-meta i[data-status="resolved"]{background:rgba(34,211,154,.12);color:#63dca5}.support-thread-meta em{color:#4daeff;font-size:9px;font-style:normal}.support-empty{padding:42px 16px}

.support-chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.support-chat-header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px;padding:15px 20px;border-bottom:1px solid #172434;background:#090f16}.support-chat-person{min-width:0;display:flex;align-items:center;gap:12px}.support-avatar{flex:0 0 auto;width:42px;height:42px}.support-chat-person h2{margin:0;color:#eef4fa;font-size:16px}.support-chat-person p{margin:4px 0 0;color:#718095;font-size:11px}.support-chat-status{flex:0 0 auto;padding:6px 10px;border:1px solid #314154;border-radius:14px;color:#9cabbc;font-size:10px}.support-chat-status[data-status="pending"],.support-chat-status[data-status="reopened"],.support-chat-status[data-status="open"]{border-color:rgba(239,173,68,.28);color:#efb75b}.support-chat-status[data-status="in_progress"]{border-color:rgba(7,140,255,.35);color:#55adff}.support-chat-status[data-status="resolved"]{border-color:rgba(34,211,154,.3);color:#63dca5}.ops-support-workspace .support-admin-messages{height:auto;min-height:0;padding:24px 20px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(17,55,88,.16),transparent 40%),#060a0f}.support-message-row{display:flex;align-items:flex-end;gap:9px;margin-bottom:16px}.support-message-row.mine{flex-direction:row-reverse}.support-message-avatar{flex:0 0 auto;width:28px;height:28px;font-size:10px}.ops-support-workspace .support-msg{max-width:min(74%,680px);margin:0;padding:11px 13px;border:1px solid #26384a;border-radius:5px 14px 14px 14px;background:#14202d;color:#e6edf5;box-shadow:0 6px 18px rgba(0,0,0,.14)}.ops-support-workspace .support-message-row.mine .support-msg{border-color:rgba(38,137,225,.6);border-radius:14px 5px 14px 14px;background:#0876d4}.ops-support-workspace .support-msg p{margin:0;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap}.ops-support-workspace .support-msg small{font-size:9px}.support-chat-empty{height:100%;display:grid;place-content:center;gap:7px;color:#59697c;text-align:center}.support-chat-empty b{color:#8292a5;font-size:14px}.support-chat-empty span{font-size:11px}.ops-support-workspace .support-admin-form{display:grid;grid-template-columns:1fr;gap:9px;padding:14px 16px;border-top:1px solid #172434;background:#090f16}.ops-support-workspace .support-admin-form textarea{width:100%;min-height:68px;max-height:130px;padding:11px 12px;border:1px solid #26384c;border-radius:8px;background:#05090e;color:#fff;line-height:1.55;outline:0}.ops-support-workspace .support-admin-form textarea:focus{border-color:#298ddd}.support-admin-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-admin-form-actions small{color:#5e6c7d;font-size:10px}.ops-support-workspace .support-admin-form button{min-height:38px;padding:0 20px;border-radius:6px}.ops-support-workspace .support-admin-form button:disabled,.ops-support-workspace .support-admin-form textarea:disabled{opacity:.45}

.support-context-panel{padding:20px 18px;overflow:auto}.support-context-panel>header{padding-bottom:16px;border-bottom:1px solid #172434}.support-context-panel h2{margin:5px 0 0;font-size:18px}.support-customer-card{display:grid;justify-items:center;padding:22px 8px 18px;text-align:center}.support-customer-avatar{width:58px;height:58px;margin-bottom:10px;font-size:18px}.support-customer-card strong{font-size:14px}.support-customer-card small{max-width:100%;margin-top:5px;color:#718095;overflow-wrap:anywhere}.support-customer-details{margin:0;border-top:1px solid #172434}.support-customer-details>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid #172434}.support-customer-details dt{color:#647386;font-size:10px}.support-customer-details dd{margin:0;color:#c7d1dc;font-size:11px;text-align:right;overflow-wrap:anywhere}.support-context-panel .support-thread-context{margin:14px 0;padding:10px 11px;font-size:11px;line-height:1.6}.support-context-panel .support-admin-state{display:grid;gap:8px;padding:0}.support-context-panel .support-admin-state label{font-size:11px}.support-context-panel .support-admin-state button{width:100%;min-height:40px}.support-context-note{margin-top:18px;padding:12px;border:1px solid #1c2c3d;border-radius:7px;background:#080f17}.support-context-note b{color:#a8b6c5;font-size:11px}.support-context-note p{margin:6px 0 0;color:#657588;font-size:10px;line-height:1.65}

@media(max-width:1200px){.ops-support-workspace{height:auto;grid-template-columns:300px minmax(0,1fr)}.support-inbox-panel,.support-chat-panel{height:620px}.support-context-panel{grid-column:1/-1}.support-context-panel{display:grid;grid-template-columns:180px minmax(260px,1fr) minmax(230px,.7fr);gap:18px;align-items:start}.support-context-panel>header{grid-column:1/-1}.support-customer-card{padding:8px}.support-customer-details{border-top:0}.support-context-panel .support-thread-context{display:none}.support-context-note{margin-top:0}}
@media(max-width:760px){.ops-support-workspace{grid-template-columns:1fr}.support-inbox-panel{height:500px}.support-chat-panel{height:620px}.support-context-panel{grid-column:auto;display:block}.support-customer-card{padding:22px 8px 18px}.support-customer-details{border-top:1px solid #172434}.support-context-panel .support-thread-context{display:block}.support-context-note{margin-top:18px}}
@media(max-width:430px){.support-panel-heading{padding-inline:14px}.support-thread{padding-inline:12px}.ops-support-workspace .support-admin-messages{padding-inline:12px}.ops-support-workspace .support-msg{max-width:84%}.support-chat-header{padding-inline:14px}.support-chat-status{display:none}}

[data-theme="light"] .ops-support-workspace,
[data-theme="light"] .support-inbox-panel,
[data-theme="light"] .support-chat-panel,
[data-theme="light"] .support-context-panel{
  color:var(--text-primary);
}
[data-theme="light"] .support-panel-heading,
[data-theme="light"] .support-thread-tools,
[data-theme="light"] .support-chat-header,
[data-theme="light"] .ops-support-workspace .support-admin-form,
[data-theme="light"] .support-context-panel>header,
[data-theme="light"] .support-customer-details,
[data-theme="light"] .support-customer-details>div{
  border-color:var(--border-color);
  background:transparent;
}
[data-theme="light"] .support-thread-tools{
  background:var(--bg-nav);
}
[data-theme="light"] .support-thread-tools input,
[data-theme="light"] .ops-support-workspace .support-admin-form textarea,
[data-theme="light"] .support-admin-state select{
  background:var(--bg-input);
  border-color:var(--border-color);
  color:var(--text-primary);
}
[data-theme="light"] .support-thread,
[data-theme="light"] .support-thread-filters button{
  background:transparent;
  color:var(--text-primary);
  border-color:transparent;
}
[data-theme="light"] .support-thread{border-bottom-color:var(--border-color)}
[data-theme="light"] .support-thread:hover,
[data-theme="light"] .support-thread.active,
[data-theme="light"] .support-thread-filters button.active,
[data-theme="light"] .support-thread-filters button:hover{
  background:#EEF3F9;
  color:var(--text-primary);
  border-color:#C9D7EA;
}
[data-theme="light"] .support-thread.active{box-shadow:inset 3px 0 var(--primary-color)}
[data-theme="light"] .support-thread-copy>small,
[data-theme="light"] .support-thread-preview,
[data-theme="light"] .support-chat-person p,
[data-theme="light"] .support-customer-card small,
[data-theme="light"] .support-customer-details dt,
[data-theme="light"] .support-empty,
[data-theme="light"] .support-chat-empty,
[data-theme="light"] .support-admin-form-actions small,
[data-theme="light"] .support-context-note p{
  color:var(--text-secondary);
}
[data-theme="light"] .support-chat-person h2,
[data-theme="light"] .support-customer-card strong,
[data-theme="light"] .support-customer-details dd,
[data-theme="light"] .support-context-note b{
  color:var(--text-primary);
}
[data-theme="light"] .ops-support-workspace .support-admin-messages{
  background:var(--bg-main);
}
[data-theme="light"] .ops-support-workspace .support-msg{
  background:var(--bg-card);
  border-color:var(--border-color);
  color:var(--text-primary);
  box-shadow:var(--card-shadow);
}
[data-theme="light"] .ops-support-workspace .support-message-row.mine .support-msg{
  background:#E4EDF8;
  border-color:#C9D7EA;
  color:var(--text-primary);
}
[data-theme="light"] .support-thread-avatar,
[data-theme="light"] .support-message-avatar,
[data-theme="light"] .support-avatar,
[data-theme="light"] .support-customer-avatar{
  background:#EEF3F9;
  border-color:#C9D7EA;
  color:var(--primary-color);
}
[data-theme="light"] .support-thread-meta i,
[data-theme="light"] .support-thread-top i{
  background:var(--bg-input);
  color:var(--text-secondary);
}
[data-theme="light"] .support-thread-meta i[data-status="pending"],
[data-theme="light"] .support-thread-meta i[data-status="reopened"],
[data-theme="light"] .support-thread-meta i[data-status="open"],
[data-theme="light"] .support-chat-status[data-status="pending"],
[data-theme="light"] .support-chat-status[data-status="reopened"],
[data-theme="light"] .support-chat-status[data-status="open"]{
  background:var(--badge-wait-bg);
  color:var(--badge-wait-fg);
  border-color:var(--badge-wait-border);
}
[data-theme="light"] .support-thread-meta i[data-status="in_progress"],
[data-theme="light"] .support-chat-status[data-status="in_progress"]{
  background:var(--badge-info-bg);
  color:var(--badge-info-fg);
  border-color:var(--badge-info-border);
}
[data-theme="light"] .support-thread-meta i[data-status="resolved"],
[data-theme="light"] .support-chat-status[data-status="resolved"]{
  background:var(--badge-ok-bg);
  color:var(--badge-ok-fg);
  border-color:var(--badge-ok-border);
}
[data-theme="light"] .support-chat-header,
[data-theme="light"] .ops-support-workspace .support-admin-form,
[data-theme="light"] .support-context-note{
  background:var(--bg-nav);
  border-color:var(--border-color);
}
[data-theme="light"] .support-panel-heading button,
[data-theme="light"] .support-chat-status{
  background:var(--bg-card);
  border-color:var(--border-color);
  color:var(--text-primary);
}
[data-theme="light"] .support-summary span{
  border-color:var(--border-color);
  color:var(--text-secondary);
}