.chat-drawer-container .el-drawer__body{padding:0;overflow:hidden}.chat-main-layout{display:flex;height:100%;background:#f0f2f5}.chat-main-layout.is-mobile{flex-direction:column}.chat-main-layout .chat-sidebar{width:280px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column}@media(max-width:768px){.chat-main-layout .chat-sidebar{width:100%;height:100%}}.chat-main-layout .chat-sidebar .sidebar-header{padding:20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.chat-main-layout .chat-sidebar .sidebar-header h3{margin:0;font-size:18px;color:#1a1a1a}.chat-main-layout .chat-sidebar .session-list{flex:1;overflow-y:auto}.chat-main-layout .chat-sidebar .session-item{padding:15px 20px;display:flex;gap:12px;cursor:pointer;transition:all .2s}.chat-main-layout .chat-sidebar .session-item:hover{background:#f5f7fa}.chat-main-layout .chat-sidebar .session-item.active{background:#e6f7ff}.chat-main-layout .chat-sidebar .session-item .session-info{flex:1;overflow:hidden}.chat-main-layout .chat-sidebar .session-item .session-info .session-top{display:flex;justify-content:space-between;margin-bottom:4px}.chat-main-layout .chat-sidebar .session-item .session-info .session-top .name{font-weight:600;font-size:14px;color:#333}.chat-main-layout .chat-sidebar .session-item .session-info .session-top .time{font-size:11px;color:#999}.chat-main-layout .chat-sidebar .session-item .session-info .last-msg{font-size:12px;color:#666}.chat-main-layout .chat-content{flex:1;display:flex;flex-direction:column;background:#f8fafc;position:relative}.chat-main-layout .chat-content .chat-header{height:64px;padding:0 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8}.chat-main-layout .chat-content .chat-header .header-left{display:flex;align-items:center;gap:12px}.chat-main-layout .chat-content .chat-header .header-left .back-btn{font-size:20px;cursor:pointer;color:#666}.chat-main-layout .chat-content .chat-header .header-left .active-name{font-weight:700;color:#1a1a1a}.chat-main-layout .chat-content .chat-header .header-right{display:flex;align-items:center;gap:15px}.chat-main-layout .chat-content .chat-header .header-right i{font-size:20px;color:#999;cursor:pointer}.chat-main-layout .chat-content .message-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.chat-main-layout .chat-content .message-row{display:flex}.chat-main-layout .chat-content .message-row.is-me{justify-content:flex-end}.chat-main-layout .chat-content .message-row.is-me .message-body{align-items:flex-end}.chat-main-layout .chat-content .message-row.is-me .message-body .bubble{background:#6366f1;color:#fff;border-radius:12px 12px 2px 12px}.chat-main-layout .chat-content .message-row .message-body{max-width:70%;display:flex;flex-direction:column;gap:4px}.chat-main-layout .chat-content .message-row .message-body .bubble{padding:10px 14px;background:#fff;border-radius:12px 12px 12px 2px;font-size:14px;line-height:1.5;box-shadow:0 2px 4px rgba(0,0,0,.05)}.chat-main-layout .chat-content .message-row .message-body .image-bubble{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-main-layout .chat-content .message-row .message-body .image-bubble .el-image{display:block;max-width:200px}.chat-main-layout .chat-content .message-row .message-body .msg-time{font-size:10px;color:#999}.chat-main-layout .chat-content .chat-input-area{background:#fff;border-top:1px solid #e8e8e8;padding:15px 20px}.chat-main-layout .chat-content .chat-input-area .toolbar{display:flex;gap:15px;margin-bottom:10px}.chat-main-layout .chat-content .chat-input-area .toolbar i{font-size:20px;color:#64748b;cursor:pointer}.chat-main-layout .chat-content .chat-input-area .toolbar i:hover{color:#6366f1}.chat-main-layout .chat-content .chat-input-area .input-wrap{position:relative}.chat-main-layout .chat-content .chat-input-area .input-wrap .el-textarea__inner{border:none;padding:0;background:transparent;font-size:14px}.chat-main-layout .chat-content .chat-input-area .input-wrap .send-btn{position:absolute;bottom:0;right:0}.chat-main-layout .chat-content .chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbd5e1}.chat-main-layout .chat-content .chat-empty i{font-size:64px;margin-bottom:15px}.chat-main-layout .chat-content .chat-empty p{font-size:14px}.scrollbar-nice::-webkit-scrollbar{width:6px}.scrollbar-nice::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.scrollbar-nice::-webkit-scrollbar-track{background:transparent}.mobile-only{display:none}@media(max-width:768px){.mobile-only{display:block}.hidden-xs{display:none}}.global-action-float{position:fixed;right:20px;bottom:100px;z-index:9999;display:flex;flex-direction:column;gap:12px;align-items:center;pointer-events:auto!important}.global-action-float .action-btn-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center}.global-action-float .action-btn-item:hover{transform:translateY(-5px)}.global-action-float .back-top{width:44px;height:44px;background:#fff;color:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid #f0f0f0}.global-action-float .back-top:hover{background:#000;color:#fff;border-color:#000}.global-action-float .service-btn .service-icon{width:50px;height:50px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px rgba(102,126,234,.3)}.global-action-float .service-btn .service-label{background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;white-space:nowrap;opacity:0;transform:translateY(5px);transition:all .3s;margin-top:4px}.global-action-float .service-btn:hover .service-label{opacity:1;transform:translateY(0)}.global-action-float .chat-btn .chat-icon{width:50px;height:50px;background:#ff4757;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px rgba(255,71,87,.3)}.global-action-float .chat-btn .chat-icon ::v-deep .el-badge__content{border:2px solid #fff}.global-action-float .chat-btn .chat-label{background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;white-space:nowrap;opacity:0;transform:translateY(5px);transition:all .3s;margin-top:4px}.global-action-float .chat-btn:hover .chat-label{opacity:1;transform:translateY(0)}@media(max-width:768px){.global-action-float{right:15px;bottom:80px}.global-action-float .back-top{width:40px;height:40px;font-size:18px}.global-action-float .service-btn .service-icon{width:44px;height:44px;font-size:20px}.global-action-float .service-btn .service-label{display:none}.global-action-float .chat-btn .chat-icon{width:44px;height:44px;font-size:20px}.global-action-float .chat-btn .chat-label{display:none}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-fade-enter{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0;transform:translateY(-10px)}.fade-scale-enter-active,.fade-scale-leave-active{transition:all .3s ease}.fade-scale-enter,.fade-scale-leave-to{opacity:0;transform:scale(.5) translateY(20px)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#0f1111;background-color:#f7f8f8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;letter-spacing:-.02em}#app{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f7f8f8}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-2,.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.text-ellipsis-3{-webkit-line-clamp:3}a{color:#131921;text-decoration:none;transition:all .15s cubic-bezier(0,0,.2,1)}a:hover{color:#0a0e14}button{border:none;cursor:pointer}button,input,textarea{outline:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}img{max-width:100%;height:auto;vertical-align:middle}ol,ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(max-width:576px){.container{padding:0 8px}}.container-fluid{width:100%;padding:0 16px}@media(max-width:576px){.container-fluid{padding:0 8px}}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:24px;margin-bottom:16px}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #ddd;border-top-color:#131921;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.gradient-bg{background:linear-gradient(135deg,#131921,#232f3e)}@media(max-width:480px){.hidden-xs{display:none!important}}@media(max-width:576px){.hidden-sm{display:none!important}}@media(max-width:768px){.hidden-md{display:none!important}}@media(max-width:992px){.hidden-lg{display:none!important}}.visible-xs{display:none!important}@media(max-width:480px){.visible-xs{display:block!important}}.visible-sm{display:none!important}@media(max-width:576px){.visible-sm{display:block!important}}.visible-md{display:none!important}@media(max-width:768px){.visible-md{display:block!important}}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-column{flex-direction:column}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.ml-xs{margin-left:4px}.ml-sm{margin-left:8px}.ml-md{margin-left:16px}.ml-lg{margin-left:24px}.mr-xs{margin-right:4px}.mr-sm{margin-right:8px}.mr-md{margin-right:16px}.mr-lg{margin-right:24px}.pt-xs{padding-top:4px}.pt-sm{padding-top:8px}.pt-md{padding-top:16px}.pt-lg{padding-top:24px}.pb-xs{padding-bottom:4px}.pb-sm{padding-bottom:8px}.pb-md{padding-bottom:16px}.pb-lg{padding-bottom:24px}.pl-xs{padding-left:4px}.pl-sm{padding-left:8px}.pl-md{padding-left:16px}.pl-lg{padding-left:24px}.pr-xs{padding-right:4px}.pr-sm{padding-right:8px}.pr-md{padding-right:16px}.pr-lg{padding-right:24px}.el-button--primary{background:linear-gradient(135deg,#131921,#232f3e);border-color:#131921}.el-button--primary:focus,.el-button--primary:hover{background:linear-gradient(135deg,#0a0e14,#131921);border-color:#0a0e14}.global-loading .el-loading-spinner .circular{width:50px;height:50px}.el-dialog__wrapper{display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:768px){.el-dialog__wrapper{padding:10px}}.el-dialog{margin:0!important;max-width:95vw;border-radius:16px}@media(max-width:768px){.el-dialog{width:95%!important;border-radius:12px}}.el-dialog .el-dialog__header{padding:20px 24px 15px;border-bottom:1px solid #f5f5f7}.el-dialog .el-dialog__header .el-dialog__title{font-weight:700;font-size:17px}.el-dialog .el-dialog__body{padding:24px}@media(max-width:768px){.el-dialog .el-dialog__body{padding:20px 16px}}.el-dialog .el-dialog__footer{padding:15px 24px 20px;border-top:1px solid #f5f5f7}@media(max-width:768px){.el-dialog .el-dialog__footer{padding:15px 16px 15px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}