.dl-cs-fab{position:fixed;right:18px;bottom:22px;z-index:9990;width:52px;height:52px;border:0;border-radius:50%;background:var(--dl-a,var(--c-accent,#14b8a6));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px color-mix(in srgb,var(--dl-a,#14b8a6) 34%,transparent);cursor:pointer;transition:transform .18s,box-shadow .18s}
.dl-cs-fab:hover{transform:translateY(-2px);box-shadow:0 12px 26px color-mix(in srgb,var(--dl-a,#14b8a6) 42%,transparent)}
.dl-cs-fab.is-on{transform:scale(.92);opacity:.92}
.dl-cs-fab-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;display:none;box-shadow:0 0 0 2px #fff}
.dl-cs-fab.is-new{animation:dlCsPulse 1.6s ease-in-out infinite}
@keyframes dlCsPulse{0%,100%{box-shadow:0 8px 22px rgba(15,118,110,.34)}50%{box-shadow:0 8px 26px rgba(239,68,68,.65)}}
.dl-cs-panel{position:fixed;right:18px;bottom:86px;z-index:9991;width:340px;max-width:calc(100vw - 24px);height:min(84vh,640px);background:var(--dl-paper,#fff);border-radius:16px;box-shadow:0 18px 46px rgba(15,23,42,.22);display:none;flex-direction:column;overflow:visible;border:1px solid var(--dl-line,#e6ecef)}
.dl-cs-panel.is-form{height:auto}
.dl-cs-panel.is-open{display:flex}
.dl-cs-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;background:linear-gradient(135deg,var(--dl-a,#14b8a6),var(--dl-a2,#0d9488));color:#fff;border-radius:16px 16px 0 0}
.dl-cs-head-t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;min-width:0}
.dl-cs-dot{width:8px;height:8px;border-radius:50%;background:#a7f3d0;box-shadow:0 0 0 3px rgba(167,243,208,.35)}
.dl-cs-line{font-weight:500;font-size:11px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-cs-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.dl-cs-body{flex:1;overflow-y:auto;padding:12px 14px;background:#f8fafc;background:color-mix(in srgb,var(--dl-paper,#fff) 94%,var(--dl-ink,#0f172a) 6%);display:flex;flex-direction:column;gap:8px;min-height:120px}
.dl-cs-panel.is-form .dl-cs-body{flex:0 0 auto;min-height:0;padding-bottom:6px}
.dl-cs-tip{font-size:12px;color:var(--dl-muted,#64748b);line-height:1.6}
.dl-cs-contact{width:100%;margin-top:8px;padding:8px 10px;border:1px solid var(--dl-line,#dbe3e8);border-radius:10px;font-size:13px;outline:none;background:var(--dl-paper,#fff);color:var(--dl-ink,#0f172a)}
.dl-cs-contact:focus{border-color:var(--dl-a,#14b8a6)}
.dl-cs-find-btn{flex:0 0 auto;padding:8px 12px;border:1px solid color-mix(in srgb,var(--dl-a,#14b8a6) 45%,var(--dl-paper,#fff));background:color-mix(in srgb,var(--dl-a,#14b8a6) 10%,var(--dl-paper,#fff));color:var(--dl-a,#0f766e);border-radius:10px;font-size:13px;line-height:1.4;cursor:pointer;white-space:nowrap}
.dl-cs-find-btn:hover{background:color-mix(in srgb,var(--dl-a,#14b8a6) 20%,var(--dl-paper,#fff))}
.dl-cs-find-btn:active{transform:scale(.98)}
.dl-cs-row{display:flex;align-items:center;gap:8px;margin-top:8px}
.dl-cs-row .dl-cs-contact{margin-top:0;flex:1 1 auto;min-width:0}
.dl-cs-faq{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);z-index:6;display:none;border:1px solid var(--dl-line,#e6ecef);border-radius:12px;background:var(--dl-paper,#fff);box-shadow:0 16px 40px rgba(15,23,42,.24);overflow:hidden}
.dl-cs-faq.is-open{display:block}
.dl-cs-faq-body{max-height:min(420px,calc(100vh - 300px));overflow-y:auto;padding:4px 0;overscroll-behavior:contain}
.dl-cs-faq-item{border-top:1px solid color-mix(in srgb,var(--dl-line,#e6ecef) 55%,transparent)}
.dl-cs-faq-item:first-child{border-top:0}
.dl-cs-faq-q{padding:7px 11px;font-size:12.5px;color:var(--dl-ink,#334155);cursor:pointer;line-height:1.5}
.dl-cs-faq-q:hover{background:color-mix(in srgb,var(--dl-a,#14b8a6) 7%,var(--dl-paper,#fff))}
.dl-cs-faq-a{padding:0 11px 9px;font-size:12px;color:var(--dl-muted,#64748b);line-height:1.7}
.dl-cs-faq-ask{display:inline-block;margin-top:6px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--dl-a,#14b8a6) 45%,var(--dl-paper,#fff));background:color-mix(in srgb,var(--dl-a,#14b8a6) 10%,var(--dl-paper,#fff));
  color:var(--dl-a,#0f766e);border-radius:8px;font-size:11.5px;cursor:pointer}
.dl-cs-faq-ask:hover{background:color-mix(in srgb,var(--dl-a,#14b8a6) 20%,var(--dl-paper,#fff))}
.dl-cs-faq-empty{padding:10px 11px;font-size:12px;color:var(--dl-muted,#9ca3af)}
.dl-cs-msg{display:flex;flex-direction:column;max-width:86%}
.dl-cs-msg.is-media{max-width:100%;width:100%}
.dl-cs-msg.is-me{align-self:flex-end;align-items:flex-end}
.dl-cs-msg.is-kf{align-self:flex-start;align-items:flex-start}
.dl-cs-bubble{padding:8px 11px;border-radius:12px;font-size:13px;line-height:1.55;word-break:break-word;white-space:pre-wrap}
.dl-cs-msg.is-me .dl-cs-bubble{background:var(--dl-a,#14b8a6);color:#fff;border-bottom-right-radius:4px}
.dl-cs-msg.is-kf .dl-cs-bubble{background:var(--dl-paper,#fff);color:var(--dl-ink,#0f172a);border:1px solid var(--dl-line,#e6ecef);border-bottom-left-radius:4px}
.dl-cs-time{font-size:10px;color:var(--dl-muted,#94a3b8);margin:0 0 4px}
.dl-cs-msg.is-sys{align-self:center;align-items:center;max-width:100%}
.dl-cs-recall{font-size:11px;color:var(--dl-muted,#94a3b8);font-style:italic;padding:2px 0}
.dl-cs-pillbar{display:none;padding:0 0 4px;text-align:center}
.dl-cs-pillbar.is-on{display:block}
.dl-cs-pill{display:inline-block;max-width:100%;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--dl-paper,#fff) 86%,var(--dl-ink,#0f172a) 9%);color:var(--dl-muted,#9aa7b4);font-size:10.5px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-cs-input-wrap{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:stretch}
.dl-cs-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;width:62px;align-items:stretch}
.dl-cs-foot .dl-cs-attach-btn,.dl-cs-foot .dl-cs-faq-btn{background:var(--dl-paper,#fff);color:var(--dl-a,#0f766e);border:1px solid var(--dl-line,#dbe3e8);border-radius:10px;font-weight:400;font-size:12px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-height:24px;line-height:1}
.dl-cs-foot .dl-cs-attach-btn:hover,.dl-cs-foot .dl-cs-faq-btn:hover{background:color-mix(in srgb,var(--dl-a,#14b8a6) 10%,var(--dl-paper,#fff));border-color:color-mix(in srgb,var(--dl-a,#14b8a6) 45%,var(--dl-paper,#fff))}
.dl-cs-foot .dl-cs-attach-btn:disabled{opacity:.45;cursor:default}
.dl-cs-foot .dl-cs-faq-btn.is-on{background:color-mix(in srgb,var(--dl-a,#14b8a6) 16%,var(--dl-paper,#fff));border-color:var(--dl-a,#5eead4);color:var(--dl-a,#0f766e);font-weight:700}
.dl-cs-actions #dlCsSend{flex:1 1 0;width:100%;padding:0;min-height:24px;display:flex;align-items:center;justify-content:center;line-height:1}
.dl-cs-count{position:absolute;right:9px;bottom:5px;font-size:10px;color:var(--dl-muted,#94a3b8);pointer-events:none}
.dl-cs-count.is-warn{color:#dc2626}
.dl-cs-img-link{display:block;line-height:0}
.dl-cs-img{display:block;max-width:170px;max-height:170px;width:auto;height:auto;border-radius:10px;border:1px solid color-mix(in srgb,var(--dl-ink,#0f172a) 10%,transparent);cursor:zoom-in}
.dl-cs-video-wrap{line-height:0;max-width:100%;width:100%}
.dl-cs-video{display:block;width:auto;height:auto;max-width:min(100%,300px);max-height:min(56vh,400px);border-radius:10px;background:#000;border:1px solid color-mix(in srgb,var(--dl-ink,#0f172a) 12%,transparent)}
.dl-cs-hint{display:none;padding:0 12px 6px;font-size:12px;line-height:1.6;color:#dc2626;background:color-mix(in srgb,var(--dl-paper,#fff) 94%,var(--dl-ink,#0f172a) 6%);word-break:break-word}
.dl-cs-hint.is-on{display:block}
.dl-cs-hint.is-ok{color:var(--dl-a,#0f766e)}
.dl-cs-foot{position:relative;border-top:1px solid var(--dl-line,#eef2f5);padding:8px 10px 10px;display:flex;flex-direction:column;background:var(--dl-paper,#fff);border-radius:0 0 16px 16px}
.dl-cs-foot-row{display:flex;gap:8px;align-items:stretch;width:100%}
.dl-cs-foot textarea{flex:1;width:100%;resize:none;border:1px solid var(--dl-line,#dbe3e8);background:var(--dl-paper,#fff);color:var(--dl-ink,#0f172a);border-radius:10px;padding:9px 11px 20px;font-size:13px;line-height:1.6;outline:none;height:96px;min-height:96px;max-height:150px;box-sizing:border-box}
.dl-cs-foot textarea:focus{border-color:var(--dl-a,#14b8a6)}
.dl-cs-foot button{border:0;background:var(--dl-a,#14b8a6);color:#fff;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer}
.dl-cs-foot button:disabled{opacity:.6;cursor:default}
@media (max-width:600px){.dl-cs-panel{right:0;left:0;top:0;bottom:0;width:auto;max-width:none;height:auto;border-radius:0;border-left:0;border-right:0}.dl-cs-head{border-radius:0}.dl-cs-fab{right:14px;bottom:16px}
.dl-cs-body{scrollbar-width:none}
.dl-cs-body::-webkit-scrollbar{width:0;height:0;display:none}}
.dl-cs-contact,.dl-cs-foot textarea{box-sizing:border-box}

body.dalin-body > .dl-cs-fab{position:fixed !important;right:18px !important;bottom:22px !important;z-index:9990 !important}
body.dalin-body > .dl-cs-panel{position:fixed !important;right:18px !important;bottom:86px !important;z-index:9991 !important}
@media (max-width:600px){body.dalin-body > .dl-cs-panel{right:0 !important;left:0 !important;top:0 !important;bottom:0 !important;height:auto !important}body.dalin-body > .dl-cs-fab{right:14px !important;bottom:16px !important}}
body.dalin-body > .dl-cs-fab.dl-above-bar{bottom:var(--dl-cs-above,92px) !important}
body.dalin-body > .dl-cs-panel.dl-above-bar{bottom:var(--dl-cs-panel-above,156px) !important}
@media (max-width:600px){body.dalin-body > .dl-cs-panel.dl-above-bar{top:0 !important;bottom:0 !important;height:auto !important}}
.dl-cs-fab{transition:transform .18s,box-shadow .18s,bottom .18s}