/* Scoped customer support UI; intentionally independent of each page's CSS. */
#chenhui-support { --cs-ink:#222127; --cs-muted:#77747f; --cs-accent:#7452b5; color:var(--cs-ink); font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
#chenhui-support *, #chenhui-support *::before, #chenhui-support *::after { box-sizing:border-box; }
#chenhui-support [hidden] { display:none !important; }
#chenhui-support button, #chenhui-support textarea, #chenhui-support input { font:inherit; }
#chenhui-support button { cursor:pointer; border:0; color:inherit; }
#chenhui-support button:disabled { cursor:default; opacity:.45; }
#chenhui-support button:focus-visible, #chenhui-support a:focus-visible, #chenhui-support summary:focus-visible { outline:3px solid #9e80d4; outline-offset:3px; }
#chenhui-support svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex:none; }
#chenhui-support .cs-launch { position:fixed; z-index:110; right:28px; bottom:100px; display:flex; align-items:center; gap:10px; padding:10px 18px 10px 10px; border:1px solid #e9e5ef; border-radius:50px; background:#fff; box-shadow:0 4px 24px #26203b14; font-weight:650; transition:transform .18s,box-shadow .18s; }
#chenhui-support .cs-launch:hover { transform:translateY(-3px); box-shadow:0 8px 28px #26203b20; }
#chenhui-support .cs-symbol { display:grid; place-items:center; width:36px; height:36px; background:#f1ebfc; color:#7452b5; border-radius:50%; }
#chenhui-support .cs-panel { position:fixed; z-index:111; right:28px; bottom:28px; width:400px; max-width:calc(100% - 32px); height:620px; max-height:calc(100dvh - 40px); display:flex; flex-direction:column; background:#fff; border:1px solid #e5e2e9; border-radius:24px; box-shadow:0 16px 64px #26203b24; overflow:hidden; text-align:left; animation:cs-appear .2s ease-out; }
#chenhui-support .cs-header { display:flex; align-items:center; gap:11px; padding:18px 18px 16px; border-bottom:1px solid #efedf2; flex:none; }
#chenhui-support .cs-avatar { width:40px; height:40px; object-fit:cover; border-radius:13px; }
#chenhui-support h2 { margin:0; font-size:16px; font-weight:650; line-height:1.5; }
#chenhui-support .cs-subtitle { margin:1px 0 0; font-size:11px; color:var(--cs-muted); }
#chenhui-support .cs-badge { margin-left:6px; color:var(--cs-accent); font-size:10px; background:#f1ebfc; border-radius:4px; padding:2px 5px; vertical-align:middle; }
#chenhui-support .cs-tools { margin-left:auto; display:flex; gap:4px; }
#chenhui-support .cs-icon-button { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:transparent; }
#chenhui-support .cs-icon-button:hover { background:#f5f3f8; }
#chenhui-support .cs-icon-button svg { width:18px; height:18px; }
#chenhui-support .cs-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:22px 18px 12px; scrollbar-width:thin; }
#chenhui-support .cs-welcome { padding:0 4px 18px; }
#chenhui-support .cs-eyebrow { margin:0 0 10px; font-size:10px; letter-spacing:1.6px; color:var(--cs-accent); }
#chenhui-support h3 { margin:0 0 8px; font-size:24px; font-weight:650; line-height:1.45; letter-spacing:-.5px; }
#chenhui-support .cs-intro { margin:0; color:var(--cs-muted); font-size:12px; line-height:1.8; }
#chenhui-support .cs-prompts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:20px; }
#chenhui-support .cs-prompts button { display:flex; align-items:center; justify-content:space-between; text-align:left; border:1px solid #e9e5ef; background:#fff; border-radius:10px; padding:10px 12px; font-size:12px; }
#chenhui-support .cs-prompts button:hover { border-color:#bca5dd; background:#faf8fe; }
#chenhui-support .cs-prompts span { color:#a68dc9; }
#chenhui-support .cs-message { margin:0 0 16px; max-width:92%; }
#chenhui-support .cs-message.cs-user { margin-left:auto; }
#chenhui-support .cs-message-label { margin:0 2px 5px; color:var(--cs-muted); font-size:10px; }
#chenhui-support .cs-user .cs-message-label { text-align:right; }
#chenhui-support .cs-message-text { margin:0; padding:12px 14px; border-radius:4px 15px 15px 15px; background:#f5f4f7; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.85; }
#chenhui-support .cs-user .cs-message-text { background:#eee7f8; border-radius:15px 4px 15px 15px; }
#chenhui-support .cs-status { margin:0 0 12px; font-size:12px; color:var(--cs-muted); }
#chenhui-support .cs-error { margin:0 0 12px; padding:10px 12px; border:1px solid #eadbc4; background:#fffaf2; color:#795b32; border-radius:10px; font-size:12px; }
#chenhui-support .cs-error p { margin:0 0 4px; }
#chenhui-support .cs-error button { padding:3px 0; background:transparent; text-decoration:underline; }
#chenhui-support .cs-compose { flex:none; max-height:60%; overflow-y:auto; padding:12px 18px 14px; border-top:1px solid #efedf2; background:#fff; }
#chenhui-support .cs-consent { display:flex; align-items:flex-start; gap:6px; font-size:11px; line-height:1.7; color:#676370; margin-bottom:8px; }
#chenhui-support .cs-consent input { width:15px; height:15px; flex:none; accent-color:#7452b5; margin:2px 0 0; }
#chenhui-support details { margin-bottom:10px; font-size:11px; color:var(--cs-muted); }
#chenhui-support summary { cursor:pointer; width:fit-content; }
#chenhui-support details p { margin:5px 0; line-height:1.7; }
#chenhui-support .cs-input-box { border:1px solid #ded9e5; background:#fff; border-radius:12px; padding:10px 10px 8px; }
#chenhui-support .cs-input-box:focus-within { border-color:#9d80c9; box-shadow:0 0 0 2px #f1ebfc; }
#chenhui-support textarea { display:block; resize:none; width:100%; min-height:48px; max-height:80px; border:0; outline:0; padding:0; background:transparent; color:var(--cs-ink); line-height:1.6; font-size:14px; box-shadow:none; }
#chenhui-support textarea::placeholder { color:#99949f; }
#chenhui-support .cs-input-actions { display:flex; justify-content:space-between; align-items:center; gap:8px; }
#chenhui-support .cs-count { color:#99949f; font-size:10px; }
#chenhui-support .cs-send { display:flex; align-items:center; justify-content:center; gap:6px; min-width:64px; height:32px; border-radius:8px; background:#7452b5; color:#fff; font-size:12px; }
#chenhui-support .cs-send svg { width:15px; height:15px; }
#chenhui-support .cs-links { display:flex; gap:14px; justify-content:center; margin-top:10px; }
#chenhui-support a { color:#77717f; font-size:11px; text-decoration:none; }
#chenhui-support a:hover { color:#7452b5; text-decoration:underline; }
#chenhui-support .cs-message-text a { font-size:inherit; color:#7452b5; text-decoration:underline; }
#chenhui-support .cs-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes cs-appear { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:520px) {
  #chenhui-support .cs-launch { right:16px; bottom:88px; padding:8px 14px 8px 8px; font-size:12px; }
  #chenhui-support .cs-panel { right:8px; bottom:max(8px,env(safe-area-inset-bottom)); width:calc(100% - 16px); max-width:none; height:620px; max-height:calc(100dvh - 16px - env(safe-area-inset-bottom)); border-radius:20px; }
  #chenhui-support .cs-header { padding:14px 16px; }
  #chenhui-support .cs-scroll { padding:18px 16px 10px; }
  #chenhui-support .cs-compose { padding:10px 14px 12px; }
  #chenhui-support textarea { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { #chenhui-support .cs-panel { animation:none; } #chenhui-support .cs-launch { transition:none; } }