/* Live Chat 产品页：在智能服务台（desk-page）体系上补充的页面专属 UI。
   全部产品界面用 HTML/CSS 复刻，不使用概念图。 */

.lc-page { --lc-blue: #3157ff; --lc-ink: #111827; --lc-muted: #667085; --lc-line: #e3e8f0; }

/* ---------- 首屏：店铺页面 + 网站聊天窗口 ---------- */
.lc-page .lc-hero-console { padding: 0 !important; }
.lc-stage { position: relative; width: 100%; min-height: 580px; }
.lc-storefront { position: absolute; inset: 36px 110px 0 0; overflow: hidden; border: 1px solid var(--lc-line); border-radius: 18px; background: #fff; box-shadow: 0 16px 40px rgba(28,45,78,.08); }
.lc-storefront > header { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-bottom: 1px solid var(--lc-line); background: #f7f8fb; }
.lc-storefront > header i { width: 9px; height: 9px; border-radius: 50%; background: #d7dce5; }
.lc-storefront > header span { flex: 1; margin-left: 10px; height: 20px; border-radius: 6px; background: #eceff4; }
.lc-store-nav { display: flex; align-items: center; justify-content: space-between; padding: 18px 26px; }
.lc-store-nav b { font-size: 15px; letter-spacing: -.02em; }
.lc-store-nav div { display: flex; gap: 16px; }
.lc-store-nav div i { width: 46px; height: 8px; border-radius: 4px; background: #e6e9ef; }
.lc-store-body { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 8px 26px 26px; }
.lc-store-image { aspect-ratio: 1; border-radius: 14px; background: linear-gradient(145deg, #eef2f9, #dfe6f3); position: relative; }
.lc-store-image::after { content: ''; position: absolute; inset: 22% 18%; border-radius: 10px; background: #c4cddc; opacity: .9; }
.lc-store-copy h3 { margin: 6px 0 10px; font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
.lc-store-copy .price { display: block; margin-bottom: 14px; color: var(--lc-ink); font-size: 18px; font-weight: 700; }
.lc-store-copy .line { height: 8px; margin: 8px 0; border-radius: 4px; background: #eceff4; }
.lc-store-copy .line.short { width: 60%; }
.lc-store-copy .btn { display: inline-block; margin-top: 16px; padding: 10px 22px; border-radius: 8px; color: #fff; background: #1f2937; font-size: 12px; font-weight: 700; }

.lc-widget { position: absolute; right: 0; bottom: 0; width: 350px; overflow: hidden; border: 1px solid #cfdafe; border-radius: 18px; background: #fff; box-shadow: 0 22px 54px rgba(35,66,153,.18); }
.lc-widget > header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; color: #fff; background: #111a2b; }
.lc-widget > header .logo { width: 30px; height: 30px; border-radius: 9px; background: #fff url('../assets/shulex-logo-dark.png') center / 72% no-repeat; }
.lc-widget > header b { display: block; font-size: 13px; }
.lc-widget > header small { display: flex; align-items: center; gap: 5px; margin-top: 2px; color: #b7c2d6; font-size: 10px; }
.lc-widget > header small::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #34c77b; }
.lc-widget > div { padding: 16px 14px 6px; background: #f7f8fb; }
.lc-msg { max-width: 88%; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; font-size: 12px; line-height: 1.55; }
.lc-msg.customer { margin-left: auto; color: #fff; background: var(--lc-blue); border-bottom-right-radius: 4px; }
.lc-msg.ai { color: #1f2937; background: #fff; border: 1px solid var(--lc-line); border-bottom-left-radius: 4px; }
.lc-msg time { display: block; margin-top: 4px; font-size: 9px; opacity: .6; }
.lc-card { margin: 0 0 10px; padding: 10px 12px; border: 1px solid #dbe4ff; border-radius: 12px; background: #fff; }
.lc-card.product { display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; }
.lc-card.product i { width: 44px; height: 44px; border-radius: 8px; background: linear-gradient(145deg, #e6ebf5, #cfd8e8); }
.lc-card b { display: block; font-size: 12px; }
.lc-card small { display: block; margin-top: 3px; color: var(--lc-muted); font-size: 10px; line-height: 1.5; }
.lc-card em { display: inline-block; margin-top: 5px; padding: 2px 7px; border-radius: 99px; color: #1a6b48; background: #e4f6ec; font-size: 9px; font-style: normal; font-weight: 700; }
.lc-widget > footer { display: flex; align-items: center; justify-content: space-between; margin: 10px 14px 14px; padding: 10px 12px; border: 1px solid var(--lc-line); border-radius: 10px; color: #9aa4b5; background: #fff; font-size: 11px; }
.lc-widget > footer b { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: #fff; background: var(--lc-blue); font-size: 12px; }
.lc-ai-note { display: flex; align-items: center; gap: 6px; margin: 2px 0 10px; color: #7a8598; font-size: 10px; }
.lc-ai-note::before { content: '✦'; color: var(--lc-blue); }

/* ---------- 能力板块 2：订单与物流 ---------- */
.lc-feature-widget { position: static; width: min(100%, 420px); margin: 0 auto; }
.lc-timeline { margin: 4px 0 0; padding: 0; list-style: none; }
.lc-timeline li { position: relative; display: flex; justify-content: space-between; padding: 4px 0 4px 16px; font-size: 10px; color: var(--lc-muted); }
.lc-timeline li::before { content: ''; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; border: 2px solid #34c77b; border-radius: 50%; background: #fff; }
.lc-timeline li::after { content: ''; position: absolute; left: 4px; top: 17px; bottom: -6px; width: 1px; background: #d9e0ea; }
.lc-timeline li:last-child::after { display: none; }
.lc-timeline li.current { color: var(--lc-ink); font-weight: 700; }
.lc-timeline li.current::before { border-color: var(--lc-blue); background: var(--lc-blue); }
.lc-timeline li.pending::before { border-color: #cfd6e2; }

/* ---------- 能力板块 3：风险识别与人工接管 ---------- */
.lc-handoff { width: 100%; overflow: hidden; border: 1px solid #dce2eb; border-radius: 17px; background: #fff; box-shadow: 0 16px 40px rgba(28,45,78,.08); }
.lc-handoff > header { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #fff; background: #111a2b; }
.lc-handoff > header b { font-size: 13px; }
.lc-handoff > header span { color: #cbd3df; font-size: 11px; }
.lc-handoff-grid { display: grid; grid-template-columns: 1.1fr .9fr; }
.lc-handoff-chat { padding: 18px 16px; border-right: 1px solid var(--lc-line); background: #f7f8fb; }
.lc-handoff-chat .lc-msg { max-width: 92%; }
.lc-risk { margin: 4px 0 12px; padding: 12px 14px; border-radius: 10px; border: 1px solid #ffd9a8; background: #fff6e6; }
.lc-risk small { display: block; color: #a86a00; font-size: 10px; font-weight: 700; }
.lc-risk b { display: block; margin-top: 5px; color: #1f2937; font-size: 12px; line-height: 1.5; }
.lc-risk .tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.lc-risk .tags span { padding: 3px 8px; border-radius: 99px; background: #fff; border: 1px solid #f0d9b3; color: #8a5a00; font-size: 9px; font-weight: 700; }
.lc-handoff-side { padding: 18px 16px; }
.lc-handoff-side h4 { margin: 0 0 12px; font-size: 14px; }
.lc-handoff-side section { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--lc-line); }
.lc-handoff-side h5 { margin: 0 0 8px; color: var(--lc-blue); font-size: 11px; }
.lc-handoff-side dl { margin: 0; }
.lc-handoff-side dl div { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px; font-size: 11px; }
.lc-handoff-side dt { color: #8d97a7; }
.lc-handoff-side dd { margin: 0; font-weight: 700; text-align: right; }
.lc-handoff-side dd.ok { color: #1a6b48; }
.lc-handoff-side .summary { padding: 10px 12px; border-radius: 9px; background: #f1f5ff; border: 1px solid #cfdafe; color: #263a70; font-size: 11px; line-height: 1.6; }
.lc-handoff-side .assign { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 10px 12px; border-radius: 9px; background: #111a2b; color: #fff; font-size: 11px; }
.lc-handoff-side .assign b { padding: 4px 10px; border-radius: 6px; background: var(--lc-blue); font-size: 10px; }

/* ---------- 板块 1：工作台里的 Live Chat 视图（沿用 desk-key-workbench） ---------- */
.lc-page .desk-key-tickets article em.human { color: #a86a00; }
.lc-page .desk-key-tickets article em.done { color: #1a6b48; }
.lc-page .desk-key-info .page-context { margin-top: 8px; padding: 9px 10px; border-radius: 8px; background: #f4f6fa; border: 1px solid var(--lc-line); }
.lc-page .desk-key-info .page-context small { display: block; color: #8d97a7; font-size: 9px; }
.lc-page .desk-key-info .page-context b { display: block; margin-top: 3px; font-size: 11px; line-height: 1.4; }

/* ---------- 响应式 ---------- */
@media (max-width: 1100px) {
  .lc-storefront { inset: 0 60px 0 0; }
  .lc-widget { width: 320px; }
}
@media (max-width: 900px) {
  .lc-stage { min-height: 0; display: grid; gap: 16px; }
  .lc-storefront { display: none; }
  .lc-widget { position: static; width: min(100%, 420px); margin: 0 auto; }
  .lc-page .voice-core-heading h2 { font-size: clamp(28px, 7.6vw, 40px); line-height: 1.15; }
  .lc-store-body { grid-template-columns: 1fr; }
  .lc-handoff-grid { grid-template-columns: 1fr; }
  .lc-handoff-chat { border-right: 0; border-bottom: 1px solid var(--lc-line); }
}
@media (prefers-reduced-motion: no-preference) {
  .lc-widget .lc-msg.ai, .lc-widget .lc-card { animation: lc-enter .6s ease both; }
  .lc-widget .lc-card { animation-delay: .25s; }
  .lc-widget .lc-msg.ai + .lc-card + .lc-msg.ai { animation-delay: .5s; }
}
@keyframes lc-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- 字号层级（Live Chat / 渠道 / 行业页共用）：首屏最大，逐级递减 ---------- */
.channel-voice .desk-page.lc-page .voice-hero h1, .channel-voice .desk-page.ch-page .voice-hero h1 { font-size: clamp(44px, 4vw, 56px); line-height: 1.1; }
.channel-voice .desk-page.lc-page .voice-hero-lead, .channel-voice .desk-page.ch-page .voice-hero-lead { font-size: 17px; line-height: 1.75; }
.channel-voice .desk-page.lc-page .voice-core-heading h2, .channel-voice .desk-page.ch-page .voice-core-heading h2 { font-size: clamp(34px, 3.2vw, 46px); line-height: 1.15; }
.channel-voice .desk-page.lc-page .voice-core-heading p, .channel-voice .desk-page.ch-page .voice-core-heading p { font-size: 17px; line-height: 1.8; }
.channel-voice .desk-page.lc-page .voice-feature-reference .voice-feature-copy h2, .channel-voice .desk-page.ch-page .voice-feature-reference .voice-feature-copy h2 { font-size: clamp(28px, 2.5vw, 36px); font-weight: 600; line-height: 1.2; }
.channel-voice .desk-page.lc-page .voice-use-heading h2, .channel-voice .desk-page.ch-page .voice-use-heading h2,
.channel-voice .desk-page.lc-page .voice-faq-grid .voice-heading h2, .channel-voice .desk-page.ch-page .voice-faq-grid .voice-heading h2 { font-size: clamp(30px, 2.8vw, 40px) !important; line-height: 1.15; }
.channel-voice .desk-page.lc-page .voice-faq-grid .voice-heading h2 span, .channel-voice .desk-page.ch-page .voice-faq-grid .voice-heading h2 span { display: block; margin-bottom: 6px; color: #667085; font-size: 15px; font-weight: 500; letter-spacing: 0; }
.channel-voice .desk-page.lc-page .voice-faq-grid .voice-heading strong, .channel-voice .desk-page.ch-page .voice-faq-grid .voice-heading strong { font-size: clamp(30px, 2.8vw, 40px); }
@media (max-width: 900px) {
  .channel-voice .desk-page.lc-page .voice-hero h1, .channel-voice .desk-page.ch-page .voice-hero h1 { font-size: clamp(34px, 9vw, 40px); }
  .channel-voice .desk-page.lc-page .voice-core-heading h2, .channel-voice .desk-page.ch-page .voice-core-heading h2 { font-size: clamp(28px, 7.6vw, 34px); }
  .channel-voice .desk-page.lc-page .voice-use-heading h2, .channel-voice .desk-page.ch-page .voice-use-heading h2,
  .channel-voice .desk-page.lc-page .voice-faq-grid .voice-heading h2, .channel-voice .desk-page.ch-page .voice-faq-grid .voice-heading h2,
  .channel-voice .desk-page.lc-page .voice-faq-grid .voice-heading strong, .channel-voice .desk-page.ch-page .voice-faq-grid .voice-heading strong { font-size: 30px; }
}

/* ---------- 背景节奏（Live Chat / 渠道 / 行业页共用） ---------- */
.channel-voice .desk-page.lc-page .voice-hero, .channel-voice .desk-page.ch-page .voice-hero { background: linear-gradient(180deg, #eef3fc 0%, #f7f9fe 55%, #ffffff 100%) !important; }
html:has(body.subpage .desk-page.lc-page), html:has(body.subpage .desk-page.ch-page), body.subpage:has(.desk-page.lc-page), body.subpage:has(.desk-page.ch-page) { background: #fff !important; }
body.subpage main > section.ind-logos { background: #fff !important; padding-top: 8px; }
.channel-voice .desk-page.lc-page .voice-feature-showcase, .channel-voice .desk-page.ch-page .voice-feature-showcase { background: #fff; }
.channel-voice .desk-page.lc-page .voice-feature-reference .voice-feature-ui, .channel-voice .desk-page.ch-page .voice-feature-reference .voice-feature-ui { padding: 36px 28px !important; border-radius: 28px; background: #eef3ff !important; }
.channel-voice .desk-page.lc-page .voice-feature-reference:nth-of-type(2) .voice-feature-ui, .channel-voice .desk-page.ch-page .voice-feature-reference:nth-of-type(2) .voice-feature-ui { background: #f3f0ff !important; }
.channel-voice .desk-page.lc-page .voice-feature-reference:nth-of-type(3) .voice-feature-ui, .channel-voice .desk-page.ch-page .voice-feature-reference:nth-of-type(3) .voice-feature-ui { background: #fff6e6 !important; }
.channel-voice .desk-page.lc-page .voice-feature-reference .lc-widget, .channel-voice .desk-page.ch-page .voice-feature-reference .lc-widget,
.channel-voice .desk-page.lc-page .voice-feature-reference .lc-handoff, .channel-voice .desk-page.ch-page .voice-feature-reference .lc-handoff,
.channel-voice .desk-page.lc-page .voice-feature-reference .ch-window, .channel-voice .desk-page.ch-page .voice-feature-reference .ch-window,
.channel-voice .desk-page.lc-page .voice-feature-reference .desk-key-workbench, .channel-voice .desk-page.ch-page .voice-feature-reference .desk-key-workbench { box-shadow: 0 18px 44px rgba(28,45,78,.10); }
.channel-voice .desk-page.lc-page .voice-use-section, .channel-voice .desk-page.ch-page .voice-use-section { background: #fff !important; }
.channel-voice .desk-page.lc-page .voice-use-section .voice-use-card, .channel-voice .desk-page.ch-page .voice-use-section .voice-use-card { background: #f7f9fe; border-color: #e3e9f5; box-shadow: none; }
.channel-voice .desk-page.lc-page .voice-use-section .voice-use-card:hover, .channel-voice .desk-page.ch-page .voice-use-section .voice-use-card:hover { background: #fff; border-color: #c9d6f7; box-shadow: 0 14px 30px rgba(28,45,78,.08); }
@media (max-width: 900px) {
  .channel-voice .desk-page.lc-page .voice-feature-reference .voice-feature-ui, .channel-voice .desk-page.ch-page .voice-feature-reference .voice-feature-ui { padding: 18px 12px !important; border-radius: 20px; }
}

/* ---------- 去掉公共样式给区块加的分隔线 ---------- */
body.subpage:has(.desk-page.lc-page) main > section, body.subpage:has(.desk-page.ch-page) main > section { border-top: 0 !important; }
.channel-voice .desk-page.lc-page .voice-feature-row + .voice-feature-row, .channel-voice .desk-page.ch-page .voice-feature-row + .voice-feature-row,
.channel-voice .desk-page.lc-page .voice-feature-row, .channel-voice .desk-page.ch-page .voice-feature-row { border-top: 0 !important; border-bottom: 0 !important; }
.channel-voice .desk-page.lc-page .voice-core-heading, .channel-voice .desk-page.ch-page .voice-core-heading { border: 0 !important; }
/* FAQ 极浅蓝灰底，与白底场景区自然衔接 */
.channel-voice .desk-page.lc-page .voice-section-soft, .channel-voice .desk-page.ch-page .voice-section-soft { background: #f7f9fe !important; }
.channel-voice .desk-page.lc-page .voice-faq-list, .channel-voice .desk-page.ch-page .voice-faq-list,
.channel-voice .desk-page.lc-page .voice-faq-list details, .channel-voice .desk-page.ch-page .voice-faq-list details { border-color: #dfe6f3; }

/* ---------- FAQ 与底部 CTA 之间不露白 ---------- */
body.subpage:has(.desk-page.lc-page) .closing-section, body.subpage:has(.desk-page.ch-page) .closing-section { background: #f7f9fe !important; }

/* ---------- 应用场景下的留资 CTA ---------- */
.lc-inline-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; margin: 44px auto 0; padding: 30px 36px; border-radius: 20px; background: linear-gradient(135deg, #eef3ff, #f6f8fe); border: 1px solid #dbe4fb; }
.lc-inline-cta h3 { margin: 0 0 8px; font-size: 22px; font-weight: 700; letter-spacing: -.02em; color: #111827; }
.lc-inline-cta p { margin: 0; color: #667085; font-size: 14px; line-height: 1.6; }
.lc-inline-cta p.more { margin: 0 0 8px; color: #1f2937; font-size: 15px; font-weight: 500; line-height: 1.7; }
.lc-inline-cta .actions { display: flex; flex-wrap: wrap; gap: 12px; flex-shrink: 0; }
.lc-inline-cta .actions a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 10px; font-size: 15px; font-weight: 600; text-decoration: none; border: 1px solid #d0d7e4; color: #111827; background: #fff; transition: transform .2s, box-shadow .2s, background .2s; }
.lc-inline-cta .actions a.primary { border-color: #3157ff; color: #fff; background: #3157ff; box-shadow: 0 10px 22px rgba(49,87,255,.22); }
.lc-inline-cta .actions a:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(16,24,40,.12); }
.lc-inline-cta .actions a.primary:hover { background: #244bc3; }
@media (max-width: 900px) {
  .lc-inline-cta { flex-direction: column; align-items: stretch; padding: 24px 20px; margin-top: 28px; }
  .lc-inline-cta .actions a { width: 100%; }
}

/* ---------- 白条：main 底色与 FAQ 一致，CTA 上方不再露白 ---------- */
.channel-voice .desk-page.lc-page, .channel-voice .desk-page.ch-page { background: #f7f9fe !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.channel-voice .desk-page.lc-page > section:not(.voice-section-soft), .channel-voice .desk-page.ch-page > section:not(.voice-section-soft) { background-color: #fff; }
.channel-voice .desk-page.lc-page .voice-section-soft, .channel-voice .desk-page.ch-page .voice-section-soft { margin-bottom: 0 !important; padding-bottom: 96px !important; }

/* ---------- 渠道方案、行业方案、产品功能页：FAQ、底部 CTA 外框与页面底色统一白底 ---------- */
.channel-voice .desk-page.lc-page, .channel-voice .desk-page.ch-page,
.channel-voice .desk-page.lc-page .voice-section-soft, .channel-voice .desk-page.ch-page .voice-section-soft,
body.subpage:has(.desk-page.lc-page) .closing-section, body.subpage:has(.desk-page.ch-page) .closing-section { background: #fff !important; }

/* ---------- 板块间留白统一：首屏 → Logo → 中段标题 ---------- */
.channel-voice .desk-page.lc-page .voice-hero, .channel-voice .desk-page.ch-page .voice-hero { padding-bottom: 88px !important; min-height: 0 !important; }
body.subpage main > section.ind-logos { padding: 72px 0 80px !important; }
.channel-voice .desk-page.lc-page .voice-feature-showcase, .channel-voice .desk-page.ch-page .voice-feature-showcase { padding-top: 24px; }
.channel-voice .desk-page.lc-page .voice-core-heading, .channel-voice .desk-page.ch-page .voice-core-heading { padding-top: 56px; padding-bottom: 32px; margin-bottom: 24px; }
.channel-voice .desk-page.lc-page .voice-use-section, .channel-voice .desk-page.ch-page .voice-use-section { padding: 104px 0 96px !important; }
@media (max-width: 900px) {
  .channel-voice .desk-page.lc-page .voice-hero, .channel-voice .desk-page.ch-page .voice-hero { padding-bottom: 56px !important; }
  body.subpage main > section.ind-logos { padding: 48px 0 56px !important; }
  .channel-voice .desk-page.lc-page .voice-use-section, .channel-voice .desk-page.ch-page .voice-use-section { padding: 72px 0 64px !important; }
}

/* ---------- AI 语音客服页（channel-voicecall）：通话示意窗放进统一底板 ---------- */
/* 底板是居中网格，示意窗原来的百分比宽度没有参照，会被压到两百多像素；这里让网格铺满底板，示意窗给明确宽度 */
.channel-voicecall .desk-page.lc-page .voice-feature-reference .voice-feature-ui { justify-content: stretch; justify-items: start; }
/* 示意窗左对齐、宽度留出浮卡位置，浮卡只轻微搭在窗口边上，不遮挡通话内容和状态列 */
.channel-voicecall .desk-page.lc-page .voice-feature-reference .voice-ui-window { width: min(70%, 400px); transform: none; }
@media (max-width: 760px) {
  /* 手机：示意窗占满底板，浮卡移到窗口下方并只搭住底边，不再压住通话内容 */
  .channel-voicecall .desk-page.lc-page .voice-feature-reference .voice-feature-ui { justify-items: stretch; }
  .channel-voicecall .desk-page.lc-page .voice-feature-reference .voice-ui-window { width: 100%; }
  .channel-voicecall .desk-page.lc-page .voice-feature-reference .voice-ui-float { position: relative; right: auto; bottom: auto; justify-self: end; width: min(80%, 280px); margin-top: -14px; transform: none; }
}

/* ---------- 900px 以下：工单工作台、分单规则、运营报表这类 760px 宽的示意整体等比缩小，完整显示，不再被截掉右半边 ---------- */
/* 缩放比例按各断点下底板的最小可用宽度 ÷ 760 取值；功能页（fx-page）不在此范围 */
@media (max-width: 900px) {
  .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .78; }
  .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui .desk-channel-key-ui { width: auto; overflow: visible; }
  .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui :is(.desk-key-workbench, .desk-routing-ui, .desk-ops-ui) { width: 760px; max-width: none; zoom: var(--lc-mock-zoom); }
  /* 与桌面一致：工作台只保留对话与业务上下文两栏 */
  .channel-voice .desk-page.lc-page:not(.fx-page) .desk-key-columns { height: 470px; grid-template-columns: minmax(270px, 1.08fr) minmax(225px, .92fr); }
  .channel-voice .desk-page.lc-page:not(.fx-page) :is(.desk-key-views, .desk-key-tickets) { display: none; }
  .channel-voice .desk-page.lc-page:not(.fx-page) .desk-key-chat { grid-column: 1; }
  .channel-voice .desk-page.lc-page:not(.fx-page) .desk-key-info { grid-column: 2; }
}
@media (max-width: 760px) { .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .66; } }
@media (max-width: 560px) { .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .48; } }
@media (max-width: 420px) { .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .44; } }
@media (max-width: 390px) { .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .40; } }
@media (max-width: 360px) { .channel-voice .desk-page.lc-page:not(.fx-page) .voice-feature-ui { --lc-mock-zoom: .35; } }