:root{--sb-color-primary: #2F6FED;--sb-color-primary-hover: #5B8DF2;--sb-color-primary-active: #2258C8;--sb-color-primary-bg: #EEF3FE;--sb-color-primary-border: #C9DBFC;--sb-color-primary-on-contrast: #FFFFFF;--sb-color-success: #22C55E;--sb-color-success-bg: #EAF7EF;--sb-color-success-border: #B7E5C8;--sb-color-warning: #E6A23C;--sb-color-warning-bg: #FDF3E6;--sb-color-warning-border: #F2DDB5;--sb-color-danger: #E5484D;--sb-color-danger-bg: #FCECEC;--sb-color-danger-border: #F3C6C8;--sb-color-info: #7A869A;--sb-color-text: #1F2733;--sb-color-text-secondary: #5A6577;--sb-color-text-muted: #7A869A;--sb-color-text-disabled: #A8B0BF;--sb-color-border: #E8ECF4;--sb-color-border-strong: #D5DBE6;--sb-color-bg-page: #F5F7FB;--sb-color-bg-card: #FFFFFF;--sb-color-bg-hover: #F2F5FA;--sb-color-bg-table-header: #FAFBFD;--sb-color-bg-mask: rgba(31, 39, 51, .45);--sb-color-sidebar-bg: #FFFFFF;--sb-color-sidebar-active-bg: #EEF3FE;--sb-color-bubble-agent: #2F6FED;--sb-color-bubble-visitor: #FFFFFF;--sb-color-bubble-system: #F2F5FA;--sb-radius-sm: 6px;--sb-radius-md: 10px;--sb-radius-lg: 14px;--sb-radius-pill: 999px;--sb-radius-bubble: 12px;--sb-shadow-sm: 0 1px 2px rgba(31, 39, 51, .06);--sb-shadow-md: 0 4px 16px rgba(31, 39, 51, .08);--sb-shadow-lg: 0 12px 32px rgba(31, 39, 51, .12);--sb-space-1: 4px;--sb-space-2: 8px;--sb-space-3: 12px;--sb-space-4: 16px;--sb-space-5: 20px;--sb-space-6: 24px;--sb-space-7: 32px;--sb-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--sb-font-size-xs: 12px;--sb-font-size-sm: 13px;--sb-font-size-md: 14px;--sb-font-size-lg: 16px;--sb-font-size-xl: 18px;--sb-font-size-2xl: 22px;--sb-font-size-stat: 28px;--sb-font-line-height: 1.6;--sb-control-height: 40px;--sb-navbar-height: 50px;--sb-sidebar-width: 200px;--sb-chat-panel-width: 380px;--sb-chat-panel-height: 560px;--sb-bubble-max-width: 78%;--sb-brand-name: "Sinbyte";--sb-brand-title: "Sinbyte 在线客服";--sb-brand-slogan: "让每一次咨询都有回应";--sb-brand-mark: #2F6FED;--sb-motion-duration-fast: .15s;--sb-motion-duration-std: .2s;--sb-motion-duration-slow: .25s;--sb-motion-ease-standard: cubic-bezier(.2, 0, .2, 1);--sb-motion-ease-enter: cubic-bezier(.16, 1, .3, 1);--sb-motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--sb-motion-shift: 6px;--sb-motion-scale-enter: .98;--sb-motion-skeleton-duration: 1.2s;--sb-motion-toast-duration: 3.2s;--sb-motion-attention-duration: .75s;--el-color-primary: var(--sb-color-primary);--el-color-success: var(--sb-color-success);--el-color-warning: var(--sb-color-warning);--el-color-danger: var(--sb-color-danger);--el-color-error: var(--sb-color-danger);--el-color-info: var(--sb-color-info);--el-border-radius-base: var(--sb-radius-sm);--el-font-family: var(--sb-font-family);--el-text-color-primary: var(--sb-color-text);--el-text-color-regular: var(--sb-color-text-secondary);--el-text-color-secondary: var(--sb-color-text-muted);--el-border-color: var(--sb-color-border);--el-border-color-light: var(--sb-color-border);--el-border-color-lighter: var(--sb-color-border);--el-bg-color-page: var(--sb-color-bg-page);--el-fill-color-light: var(--sb-color-bg-table-header)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background:var(--sb-color-bg-page);color:var(--sb-color-text);font:var(--sb-font-size-md)/var(--sb-font-line-height) var(--sb-font-family);-webkit-font-smoothing:antialiased}.cs-shell{height:100%;height:var(--sb-viewport-height, 100%);display:flex;justify-content:center;align-items:stretch;padding:24px}.cs-panel{width:100%;max-width:960px;background:var(--sb-color-bg-card);border:1px solid var(--sb-color-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow-md);display:flex;flex-direction:column;overflow:hidden}.cs-header{height:52px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--sb-color-border);background:var(--sb-color-bg-card)}.cs-header__title{font-weight:600;font-size:var(--sb-font-size-lg);color:var(--sb-color-text)}.cs-header__spacer{flex:1}.cs-body{flex:1;min-height:0;display:flex}.cs-footer{flex:none;border-top:1px solid var(--sb-color-border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--sb-color-bg-card)}.cs-muted{color:var(--sb-color-text-secondary)}.cs-dot{width:8px;height:8px;border-radius:var(--sb-radius-pill);display:inline-block;flex:none;background:var(--sb-color-text-disabled)}.cs-dot--online{background:var(--sb-color-success)}.cs-dot--offline{background:var(--sb-color-text-disabled)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.cs-shell{padding:0}.cs-panel{max-width:none;border-radius:0;box-shadow:none;height:100%}.cs-body{flex-direction:column}}.msg-fresh{animation:sb-msg-in var(--sb-motion-duration-slow) var(--sb-motion-ease-enter)}@keyframes sb-msg-in{0%{opacity:0;transform:translateY(var(--sb-motion-shift))}to{opacity:1;transform:translateY(0)}}.sb-fade-enter-active,.sb-fade-leave-active{transition:opacity var(--sb-motion-duration-std) var(--sb-motion-ease-standard),transform var(--sb-motion-duration-std) var(--sb-motion-ease-standard)}.sb-fade-enter-from,.sb-fade-leave-to{opacity:0;transform:translateY(var(--sb-motion-shift))}.sb-fade-enter-to,.sb-fade-leave-from{opacity:1;transform:translateY(0)}.chat-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--sb-radius-md);font-size:var(--sb-font-size-sm);animation:sb-bar-in var(--sb-motion-duration-std) var(--sb-motion-ease-enter)}.chat-banner--offline{background:var(--sb-color-warning-bg);border:1px solid var(--sb-color-warning-border);color:var(--sb-color-warning)}.chat-banner--queued{background:var(--sb-color-primary-bg);border:1px solid var(--sb-color-primary-border);color:var(--sb-color-primary)}@keyframes sb-bar-in{0%{opacity:0;transform:translateY(calc(-1 * var(--sb-motion-shift)))}to{opacity:1;transform:translateY(0)}}.chat-skeleton{display:flex;flex-direction:column;gap:14px;padding:8px 0}.chat-skeleton__row{display:flex}.chat-skeleton__row--right{justify-content:flex-end}.chat-skeleton__bubble{height:38px;border-radius:var(--sb-radius-bubble);background:linear-gradient(90deg,var(--sb-color-bg-hover) 0%,var(--sb-color-border) 40%,var(--sb-color-bg-hover) 80%);background-size:300% 100%;animation:sb-skeleton-wave var(--sb-motion-skeleton-duration) var(--sb-motion-ease-standard) infinite}.chat-skeleton__line{height:16px;border-radius:var(--sb-radius-sm);background:linear-gradient(90deg,var(--sb-color-bg-hover) 0%,var(--sb-color-border) 40%,var(--sb-color-bg-hover) 80%);background-size:300% 100%;animation:sb-skeleton-wave var(--sb-motion-skeleton-duration) var(--sb-motion-ease-standard) infinite}@keyframes sb-skeleton-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.chat-older{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;font-size:var(--sb-font-size-xs);color:var(--sb-color-text-secondary)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,.el-button:focus-visible,.el-image__inner:focus-visible{outline:2px solid var(--sb-color-primary);outline-offset:2px}.el-message{animation:sb-bar-in var(--sb-motion-duration-std) var(--sb-motion-ease-enter);border-radius:var(--sb-radius-md);box-shadow:var(--sb-shadow-md)}@media(prefers-reduced-motion:reduce){.msg-fresh,.chat-banner,.chat-skeleton__bubble,.chat-skeleton__line,.el-message{animation:none!important}.sb-fade-enter-active,.sb-fade-leave-active{transition:none!important}.entry-bubble{transition:none!important;transform:none!important}}