@charset "UTF-8";

/* 首页工具区（原「更多设置」折叠；极简模式下线后固定展开了，见 applyKfLayout） */
.hp-more>summary{ list-style:none; cursor:pointer; margin:12px 4px 0; font-size:11.5px; font-weight:900; letter-spacing:1.2px; color:#94a3b8; }
.hp-more>summary::-webkit-details-marker{ display:none; }
.hp-more>summary:after{ content:"  ▾ 展开"; font-weight:800; }
.hp-more[open]>summary:after{ content:"  ▴ 收起"; }
/* 2026-10-14：极简模式的 .mini-more-btn / #miniHome 已随「首页显示」切换一起删除 */
/* ── 客服台卡片：点一下在卡片下方就地展开该台的操作（不再弹模态面板） ── */
/* 一行一个客服台：左边头像+名字，右边直接摆基础按钮，最右「展开」露出其余操作。
   列表本身是单列 → 卡片宽度由 .share-page-list 的列数决定，这里按 100% 拉伸（见 #kfDeskGroup 覆盖） */
#kfDeskGroup .share-page-list{ grid-template-columns:1fr; }
.kf-desk-card{ display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:0; min-height:0 !important; padding:0; border-radius:16px; overflow:hidden; }
.kf-desk-row{ display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; padding:11px 14px; text-align:left; }
/* 名字一律左对齐：全局那条 .share-page-main{text-align:center} 是给弹窗里的磁贴用的，
   在这里会被居中，所以连同 .share-page-text 一起压回来 */
.kf-desk-row .share-page-text{ flex:1; min-width:0; text-align:left; }
.kf-desk-row .share-page-main{ display:block; font-size:15px; font-weight:800; text-align:left; line-height:1.25; }
.kf-desk-card{ text-align:left; }
.kf-desk-ava{ width:38px; height:38px; border-radius:12px; flex:0 0 auto; object-fit:cover; }
.kf-desk-ava-fb{ width:38px; height:38px; border-radius:12px; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; background:#e8f7f3; color:#0f766e; font-size:15px; }
.kf-desk-quick{ flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; padding:7px 11px; border-radius:10px; background:#0d9488; color:#fff; font-size:12px; font-weight:800; white-space:nowrap; }
.kf-desk-quick.quiet{ background:#f1f5f9; color:#475569; }
#kfDeskGroup .kf-desk-more{ width:auto; flex:0 0 auto; padding:7px 10px; margin:0; border-radius:10px; font-size:12px; font-weight:700; background:#f1f5f9; border:1px dashed #cbd5e1; color:#475569; }
#kfDeskGroup .kf-desk-more .kf-caret{ display:inline-block; margin-left:4px; font-size:10px; transition:transform .18s ease; }
#kfDeskGroup .kf-desk-more i.fa-chevron-down{ display:inline-block; font-size:10px; transition:transform .18s ease; }
.kf-desk-card.on .kf-desk-more i.fa-chevron-down{ transform:rotate(180deg); }
.kf-desk-panel{ display:none; width:100%; box-sizing:border-box; padding:0 14px 12px; border-top:1px solid rgba(15,23,42,.06); text-align:left; }
.kf-desk-card.on .kf-desk-panel{ display:block; }
.kf-desk-shelf{ margin:10px 0 6px; font-size:10.5px; font-weight:900; letter-spacing:1.1px; color:#94a3b8; }
.kf-desk-act{ display:flex; align-items:center; gap:10px; width:100%; box-sizing:border-box; margin:0 0 8px; padding:10px 11px;
  border:1px solid #e6e9f2; border-radius:12px; background:#fff; font-family:inherit; text-align:left; cursor:pointer; }
.kf-desk-act:active{ background:#f8fafc; }
.kf-desk-act .kf-desk-ico{ flex:0 0 auto; width:32px; height:32px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; background:#e8f7f3; color:#0f766e; }
.kf-desk-act .kf-desk-tx{ flex:1; min-width:0; }
.kf-desk-act .kf-desk-tx b{ display:block; font-size:13.5px; font-weight:800; color:#0f172a; }
.kf-desk-act .kf-desk-tx small{ display:block; margin-top:2px; font-size:11px; line-height:1.4; color:#64748b; }
.kf-desk-act .kf-desk-tag{ display:inline-block; margin-right:4px; padding:0 5px; border-radius:4px; background:#ecfdf5; color:#047857; font-size:10px; font-weight:700; }
.kf-desk-act.kf-desk-primary{ border-color:#14b8a6; background:#f0fdfa; }
.kf-desk-act.kf-desk-primary .kf-desk-ico{ background:#0d9488; color:#fff; }
.kf-desk-act.kf-desk-primary .kf-desk-tx b{ color:#0f766e; }
.kf-desk-more{ display:block; width:100%; box-sizing:border-box; padding:9px 11px; margin:0 0 4px; border:1px dashed #cbd5e1; border-radius:12px;
  background:#fff; color:#475569; font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer; }
.kf-desk-more:active{ background:#f8fafc; }
.kf-desk-linkmenu{ margin:0 0 8px; }

/* ── 顶部「获取客服链接」的选择弹窗：双人/三人 + 复制链接/二维码 ── */
.kfl-seg{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:2px 0 10px; }
.kfl-seg button{ height:44px; border-radius:13px; border:1px solid rgba(15,23,42,.12); background:#fff; color:#475569; font-family:inherit;
  font-size:14px; font-weight:800; cursor:pointer; transition:border-color .15s ease, background .15s ease, color .15s ease; }
.kfl-seg button.active{ border-color:#0d9488; background:#e6f7f4; color:#0f766e; box-shadow:0 0 0 2px rgba(13,148,136,.14); }
.kfl-tip{ margin:0 0 12px; font-size:12px; line-height:1.65; color:#64748b; }
.kfl-tip b{ color:#0f766e; }
.kfl-go{ display:grid; grid-template-columns:1fr auto; gap:8px; }
.kfl-go button{ border:0; border-radius:13px; padding:13px 14px; font-family:inherit; font-size:13.5px; font-weight:900; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.kfl-go .kfl-copy{ background:#0d9488; color:#fff; }
.kfl-go .kfl-qr{ background:#f1f5f9; color:#475569; padding:13px 16px; }
.kfl-go button:disabled{ opacity:.55; cursor:not-allowed; }
.kfl-one{ display:block; width:100%; border:0; border-radius:13px; padding:14px; margin:0 0 10px; background:#0d9488; color:#fff;
  font-family:inherit; font-size:14px; font-weight:900; cursor:pointer; }
#kfLinkPickMask .kfl-desk-list{ display:flex; gap:8px; overflow-x:auto; padding:2px 2px 6px; -webkit-overflow-scrolling:touch; }
#kfLinkPickMask .kfl-desk{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px;
  border:1px solid rgba(15,23,42,.12); background:#fff; color:#475569; font-family:inherit; font-size:12.5px; font-weight:800; cursor:pointer; white-space:nowrap; }
#kfLinkPickMask .kfl-desk img{ width:20px; height:20px; border-radius:6px; object-fit:cover; }
#kfLinkPickMask .kfl-desk.active{ border-color:#0d9488; background:#e6f7f4; color:#0f766e; box-shadow:0 0 0 2px rgba(13,148,136,.14); }
/* ── 客服台「分享到QQ」（2026-10-15）：入口按钮单独占一行 + 卡片表单的间距 ── */
.kfl-go-qq{ margin-top:8px; }
#kfLinkPickMask .kfqq-in{ margin:0 0 10px; }
#kfLinkPickMask .kfqq-note{ margin:10px 0 0; }