.kefu-overlay{--kf-bg-overlay:rgba(0,0,0,.55);--kf-bg-container:#16181d;--kf-bg-elev-1:#1d2026;--kf-bg-elev-2:#21252c;--kf-bg-input:#1a1d23;--kf-border:#2a2e36;--kf-border-strong:#3a3f48;--kf-text-primary:#f5f6f8;--kf-text-secondary:#9aa0a8;--kf-text-muted:#6b7079;--kf-accent:#06b6d4;--kf-accent-hover:#22d3ee;--kf-accent-soft:rgba(6,182,212,.12);--kf-success:#10b981;--kf-success-hover:#34d399;--kf-success-soft:rgba(16,185,129,.14);--kf-danger:#ef4444;--kf-brand-phone:#3b82f6;--kf-brand-phone-soft:rgba(59,130,246,.14);--kf-brand-wechat:#10b981;--kf-brand-wechat-soft:rgba(16,185,129,.14);--kf-brand-time:#8b5cf6;--kf-brand-time-soft:rgba(139,92,246,.14)}html[data-theme=light] .kefu-overlay{--kf-bg-overlay:rgba(15,23,42,.4);--kf-bg-container:#ffffff;--kf-bg-elev-1:#f6f7f9;--kf-bg-elev-2:#eef0f3;--kf-bg-input:#ffffff;--kf-border:#d8dce3;--kf-border-strong:#a8b0bd;--kf-text-primary:#0f172a;--kf-text-secondary:#475569;--kf-text-muted:#64748b;--kf-accent:#0891b2;--kf-accent-hover:#0e7490;--kf-accent-soft:rgba(8,145,178,.1);--kf-success:#059669;--kf-success-hover:#047857;--kf-success-soft:rgba(5,150,105,.1);--kf-danger:#dc2626;--kf-brand-phone:#2563eb;--kf-brand-phone-soft:rgba(37,99,235,.1);--kf-brand-wechat:#059669;--kf-brand-wechat-soft:rgba(5,150,105,.1);--kf-brand-time:#7c3aed;--kf-brand-time-soft:rgba(124,58,237,.1)}.kefu-overlay{position:fixed;inset:0;background:var(--kf-bg-overlay);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.25rem}.kefu-container{position:relative;background:var(--kf-bg-container);border:1px solid var(--kf-border);border-radius:6px;box-shadow:0 24px 56px rgba(0,0,0,.45);max-width:24rem;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}html[data-theme=light] .kefu-container{box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -8px rgba(15,23,42,.22),0 0 0 1px rgba(15,23,42,.04)}.kefu-container.is-tongyong{--kf-accent:var(--kf-success);--kf-accent-hover:var(--kf-success-hover);--kf-accent-soft:var(--kf-success-soft)}.kefu-close{position:absolute;top:.875rem;right:.875rem;width:2rem;height:2rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--kf-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;z-index:10}.kefu-close:hover{background:var(--kf-bg-elev-1);border-color:var(--kf-border);color:var(--kf-text-primary)}.kefu-header{display:flex;align-items:center;gap:.75rem;padding:1.125rem 1.25rem 1rem;border-bottom:1px solid var(--kf-border);flex-shrink:0}.kefu-icon-wrapper{width:2rem;height:2rem;border-radius:6px}.kefu-icon{width:1.5rem;height:1.5rem;display:block}.kefu-header-text{min-width:0;flex:1 1 0%}.kefu-title{font-size:1rem;font-weight:600;color:var(--kf-text-primary);margin:0 0 .125rem;letter-spacing:-.01em;line-height:1.3}.kefu-subtitle{font-size:.6875rem;color:var(--kf-text-secondary);margin:0;line-height:1.5}.kefu-loading{padding:2.75rem 1.5rem;text-align:center}.kefu-body{padding:1.25rem 1.25rem 1rem;flex:1 1 0%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}html[data-theme=light] .kefu-body{scrollbar-color:rgba(15,23,42,.14) transparent}.kefu-body::-webkit-scrollbar{width:6px}.kefu-body::-webkit-scrollbar-track{background:transparent}.kefu-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:6px}html[data-theme=light] .kefu-body::-webkit-scrollbar-thumb{background:rgba(15,23,42,.14)}.kefu-name-section{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:var(--kf-bg-elev-1);border:1px solid var(--kf-border);border-radius:6px;margin-bottom:1rem}.kefu-avatar{border-radius:6px}.kefu-avatar svg{width:1.5rem;height:1.5rem}.kefu-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.kefu-empty{padding:2rem 1rem;text-align:center;color:var(--kf-text-secondary);font-size:.9rem}.kefu-name-info{min-width:0;flex:1 1 0%}.kefu-name{font-size:.9375rem;font-weight:600;color:var(--kf-text-primary);margin:0 0 .25rem;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kefu-status{gap:.375rem;padding:.0625rem .4375rem;border-radius:6px;border:1px solid transparent}html[data-theme=light] .kefu-status{border-color:rgba(5,150,105,.2)}.kefu-qrcode-section{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.kefu-contact-section{display:flex;flex-direction:column;gap:.4375rem}.kefu-error{padding:2.75rem 1.5rem;text-align:center}.kefu-footer{padding:.75rem 1.25rem 1rem;display:flex;gap:.5rem;border-top:1px solid var(--kf-border);flex-shrink:0;background:var(--kf-bg-container)}.kefu-action-btn{flex:1 1 0%;height:2.375rem;padding:0 .875rem;border-radius:6px;border:1px solid transparent;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center;gap:.4375rem}.kefu-action-btn.primary{background:var(--kf-accent);border-color:var(--kf-accent);color:rgb(255,255,255)}.kefu-action-btn.primary:hover{background:var(--kf-accent-hover);border-color:var(--kf-accent-hover)}.kefu-action-btn.secondary{background:transparent;border-color:var(--kf-border);color:var(--kf-text-primary)}.kefu-action-btn.secondary:hover{background:var(--kf-bg-elev-1);border-color:var(--kf-border-strong)}.kefu-modal-fade-enter-active,.kefu-modal-fade-leave-active{transition:opacity .18s}.kefu-modal-fade-enter-active .kefu-container,.kefu-modal-fade-leave-active .kefu-container{transition:transform .18s,opacity .18s}.kefu-modal-fade-enter-from,.kefu-modal-fade-leave-to{opacity:0}.kefu-modal-fade-enter-from .kefu-container,.kefu-modal-fade-leave-to .kefu-container{transform:translateY(.5rem);opacity:0}.kefu-fab{position:fixed;bottom:2rem;right:2rem;width:3.25rem;height:3.25rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),rgba(0,150,200,1));border:none;border-image:initial;color:rgb(255,255,255);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2rem rgba(0,202,224,.4);transition:.3s;z-index:9999;animation:fabPulse-f6a68787 2.5s ease-in-out 0s infinite normal none running}.kefu-fab:hover{transform:translateY(-.18rem) scale(1.1);box-shadow:0 0 3rem rgba(0,202,224,.6)}.qrcode-wrapper{padding:.75rem;background:#fff;border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.qrcode-image{width:10.5rem;height:10.5rem;display:block;object-fit:cover;border-radius:4px}.qrcode-hint{margin:.75rem 0 0;font-size:.75rem;color:var(--kf-text-secondary)}.contact-item{gap:.75rem;padding:.75rem .875rem;background:var(--kf-bg-elev-1);border:1px solid var(--kf-border)}.contact-icon,.contact-item{display:flex;align-items:center;border-radius:6px}.contact-icon{width:2rem;height:2rem;justify-content:center;flex-shrink:0}.contact-icon.phone-icon{background:var(--kf-brand-phone-soft);color:var(--kf-brand-phone)}.contact-icon.time-icon{background:var(--kf-brand-time-soft);color:var(--kf-brand-time)}.contact-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.contact-label{font-size:.6875rem;color:var(--kf-text-secondary)}.contact-value{font-size:.875rem;font-weight:600;color:var(--kf-text-primary)}.contact-copy-btn{width:1.75rem;height:1.75rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--kf-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.contact-copy-btn:hover{background:var(--kf-bg-elev-2);color:var(--kf-text-primary);border-color:var(--kf-border)}.kefu-status{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;background:var(--kf-success-soft);color:var(--kf-success);font-size:.6875rem;font-weight:600;width:fit-content}.status-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--kf-success);box-shadow:0 0 .4rem var(--kf-success)}.status-text{line-height:1}.kefu-icon-wrapper{width:2.5rem;height:2.5rem;background:var(--kf-accent-soft);color:var(--kf-accent)}.kefu-avatar,.kefu-icon-wrapper{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.kefu-avatar{width:2.75rem;height:2.75rem;background:var(--kf-bg-elev-2);color:var(--kf-text-secondary);overflow:hidden}.kefu-container.show{animation:kefuIn .18s ease}@keyframes kefuIn{0%{transform:translateY(.5rem);opacity:0}to{transform:none;opacity:1}}.agreement-overlay{--xy-bg-overlay:rgba(0,0,0,0.55);--xy-bg-container:#16181d;--xy-bg-elev-1:#1d2026;--xy-bg-elev-2:#21252c;--xy-border:#2a2e36;--xy-text-primary:#f5f6f8;--xy-text-secondary:#9aa0a8;--xy-text-muted:#6b7079;--xy-text-body:#c4c8d0;--xy-accent:#06b6d4;--xy-accent-hover:#22d3ee;--xy-accent-soft:rgba(6,182,212,0.12);--xy-scroll-thumb:rgba(255,255,255,0.1);--xy-scroll-thumb-hover:rgba(255,255,255,0.2);position:fixed;inset:0;background:var(--xy-bg-overlay);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1.25rem;animation:xyFade .18s ease}@keyframes xyFade{0%{opacity:0}to{opacity:1}}.agreement-container{position:relative;background:var(--xy-bg-container);border:1px solid var(--xy-border);border-radius:6px;box-shadow:0 24px 56px rgba(0,0,0,.45);max-width:44rem;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:xySlide .18s ease}@keyframes xySlide{0%{transform:translateY(.5rem);opacity:0}to{transform:none;opacity:1}}.agreement-close{position:absolute;top:.875rem;right:.875rem;width:2rem;height:2rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--xy-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.agreement-close:hover{background:var(--xy-bg-elev-1);border-color:var(--xy-border);color:var(--xy-text-primary)}.agreement-header{gap:.875rem;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid var(--xy-border)}.agreement-header,.agreement-icon-wrapper{display:flex;align-items:center;flex-shrink:0}.agreement-icon-wrapper{width:2.25rem;height:2.25rem;border-radius:6px;background:var(--xy-accent-soft);color:var(--xy-accent);justify-content:center}.agreement-title{font-size:1.0625rem;font-weight:600;color:var(--xy-text-primary);margin:0 0 .1875rem}.agreement-subtitle{font-size:.75rem;color:var(--xy-text-secondary);margin:0}.agreement-body{overflow:hidden}.agreement-body,.agreement-content-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.agreement-content{flex:1;overflow:auto;padding:1.25rem 1.75rem;color:var(--xy-text-body);font-size:.875rem;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.agreement-content::-webkit-scrollbar{width:6px}.agreement-content::-webkit-scrollbar-track{background:transparent}.agreement-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}.agreement-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}.agreement-content h1{font-size:1.25rem;margin:0 0 1rem}.agreement-content h1,.agreement-content h2{font-weight:700;color:var(--xy-text-primary)}.agreement-content h2{font-size:1rem;margin:1.75rem 0 .75rem;padding-left:.625rem;border-left:3px solid var(--xy-accent)}.agreement-content p{margin:0 0 .75rem}.agreement-content ul{margin:0 0 .875rem;padding-left:1.25rem}.agreement-content li{margin-bottom:.375rem}.agreement-content strong{color:var(--xy-text-primary)}.agreement-footer{padding:.875rem 1.5rem 1.125rem;border-top:1px solid var(--xy-border);flex-shrink:0}.agreement-action-btn{width:100%;height:2.625rem;border-radius:6px;border:1px solid transparent;font-size:.9375rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.agreement-action-btn.confirm{background:var(--xy-accent);border-color:var(--xy-accent);color:#fff}.agreement-action-btn.confirm:hover{background:var(--xy-accent-hover);border-color:var(--xy-accent-hover)}