:root{--jf-red:#9c1c1f;--jf-red-light:#9c1c1f14;--jf-red-lighter:#9c1c1f0a;--jf-red-dark:#7a1517;--jf-gold:#daa520;--jf-gold-light:#daa5201a;--jf-green:#244231;--jf-green-light:#2442310f;--jf-white:#fff;--jf-light-gray:#f5f5f5;--jf-dark-gray:#333;--jf-blue-gray:#455a64;--jf-text-secondary:#888;--jf-border:#e8e8e8;--jf-bg-chat:#f5f7fa;--jf-font-xs:11px;--jf-font-sm:12px;--jf-font-base:14px;--jf-font-md:15px;--jf-font-lg:16px;--jf-space-xs:4px;--jf-space-sm:8px;--jf-space-md:12px;--jf-space-lg:16px;--jf-space-xl:24px;--jf-radius-sm:6px;--jf-radius-md:10px;--jf-radius-lg:18px;--jf-radius-xl:20px;--jf-shadow-sm:0 1px 3px #0000000f;--jf-shadow-md:0 2px 8px #00000014;--jf-shadow-lg:0 4px 16px #0000001a;--jf-shadow-xl:0 8px 32px #0000001f;--jf-transition-fast:.15s ease;--jf-transition-base:.25s cubic-bezier(.4, 0, .2, 1);--jf-transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(ellipse at 10% 20%, #9c1c1f04 0%, transparent 50%), radial-gradient(ellipse at 90% 80%, #daa52003 0%, transparent 50%), var(--jf-light-gray);color:var(--jf-dark-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#aaa}.brand-card{border-radius:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #00000014}.brand-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.chat-view .el-badge__content{background:linear-gradient(135deg, var(--jf-red), #b71c1c);border-color:var(--jf-red);box-shadow:0 1px 4px #9c1c1f4d}:focus{outline:none!important}:focus-visible{outline-offset:2px;outline:2px solid var(--jf-red)!important}.el-button,.agent-item,.sub-agent-tab{min-height:40px}.messages-area::-webkit-scrollbar{width:5px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px;transition:background .2s}.messages-area::-webkit-scrollbar-thumb:hover{background:#aaa}.input-area .el-textarea{--el-input-focus-border-color:var(--jf-red);--el-input-hover-border-color:var(--jf-red)}.send-btn.is-loading{background:var(--jf-red)!important;border-color:var(--jf-red)!important}.network-error-bar{color:#e65100;background:#fff3e0;border-bottom:1px solid #ffe0b2;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13px;animation:.3s ease-out network-slide-down;display:flex}@keyframes network-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.network-error-bar .el-icon{font-size:16px}*{-webkit-tap-highlight-color:transparent}input,button,.agent-item,.sub-agent-tab,.el-button{touch-action:manipulation}.messages-area,.message-wrapper{contain:layout style}@supports (padding-bottom:env(safe-area-inset-bottom)){.chat-view{padding-bottom:env(safe-area-inset-bottom,0px)}}@media (hover:none){.msg-meta{opacity:1!important}.message-bubble:active{transition:transform .1s!important;transform:scale(.98)!important}.agent-item:active{transition:transform .1s!important;transform:scale(.96)!important}.sub-agent-tab:active{transition:transform .1s!important;transform:scale(.95)!important}.message-bubble:hover{transform:none!important;box-shadow:0 2px 6px #0000000f,0 1px 2px #0000000a!important}.message-wrapper.own .message-bubble:hover{box-shadow:0 3px 10px #9c1c1f40!important}}.el-button--primary{--el-button-bg-color:var(--jf-red);--el-button-border-color:var(--jf-red);--el-button-hover-bg-color:var(--jf-red-dark);--el-button-hover-border-color:var(--jf-red-dark);--el-button-active-bg-color:var(--jf-red-dark);--el-button-active-border-color:var(--jf-red-dark)}*{scroll-behavior:smooth}@keyframes jf-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes jf-pulse-glow{0%,to{box-shadow:0 0 #9c1c1f33}50%{box-shadow:0 0 0 8px #9c1c1f00}}