.s-canvas[data-v-6bf898fa]{height:38px}.s-canvas canvas[data-v-6bf898fa]{margin-top:5px;margin-left:8px}.el-input-group__append,.el-input-group__prepend{background-color:#f5f7fa;border:1px solid #dcdfe6;border-right:none;padding:0 20px;height:40px;display:flex;align-items:center;box-sizing:border-box}.el-input-group--prepend .el-input__inner{height:40px;border:1px solid #dcdfe6;border-left:none;background-color:#f5f7fa}.el-input__inner{height:40px;line-height:40px;background-color:#f5f7fa;border:1px solid #dcdfe6}body{margin:0;padding:0;overflow:hidden}.el-input--suffix .el-input__inner{padding-right:30px}.el-input--suffix .el-input__suffix{right:10px;top:0;height:100%;display:flex;align-items:center}[data-v-6cb41448]::-webkit-input-placeholder{color:#909399}.phoneLogin_wrapper[data-v-6cb41448]{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#fff;padding:0;box-sizing:border-box;overflow:hidden;position:fixed;top:0;left:0}.phoneLogin_wrapper .phoneLogin_contain[data-v-6cb41448]{display:flex;align-items:center;width:80%;max-width:1000px;height:80%;max-height:600px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;background-color:#fff}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_left[data-v-6cb41448]{width:50%;height:100%;display:flex;align-items:center;justify-content:center}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_left .el-image[data-v-6cb41448]{width:100%;height:100%}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_left .el-image .el-image__inner[data-v-6cb41448]{-o-object-fit:cover;object-fit:cover}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right[data-v-6cb41448]{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .text[data-v-6cb41448]{font-family:Source Han Sans CN;font-weight:500;font-size:24px;color:#333;margin-bottom:30px;text-align:center}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .text p[data-v-6cb41448]{margin:5px 0}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_title[data-v-6cb41448]{font-weight:400;font-size:18px;color:#2680eb;margin-bottom:20px;text-align:left}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item1[data-v-6cb41448],.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item2[data-v-6cb41448],.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item[data-v-6cb41448]{margin-top:15px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item1[data-v-6cb41448]{display:flex;align-items:center;justify-content:space-between}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item1 input[data-v-6cb41448]{width:calc(70% - 10px);border:1px solid #dcdfe6;height:40px;border-radius:4px;padding:0 10px;box-sizing:border-box;outline:none;background-color:#f5f7fa}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item1 input[data-v-6cb41448]:focus{outline:none;border-color:#409eff}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item1 #spancode[data-v-6cb41448]{display:inline-block;width:30%;height:40px;cursor:pointer;border:1px solid #dcdfe6;border-radius:4px;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;margin-left:10px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item2 .el-input[data-v-6cb41448]{height:40px;display:flex;align-items:center}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item2 .el-input .el-input__inner[data-v-6cb41448]{height:40px;line-height:40px;border:1px solid #dcdfe6;border-left:none;background-color:#f5f7fa;padding-left:10px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item2 .el-input[data-v-6cb41448] .el-input-group__prepend{padding:0 20px;border:1px solid #dcdfe6;border-right:none;box-sizing:border-box;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f5f7fa;margin:0}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item2 .el-input[data-v-6cb41448] .el-input-group__prepend img{height:20px;width:auto;display:block}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item[data-v-6cb41448]{display:flex;align-items:center;width:100%;border-radius:4px;border:1px solid #dcdfe6;height:40px;background-color:#f5f7fa}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .input_item_img[data-v-6cb41448]{padding:0 20px;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid #dcdfe6;background-color:#f5f7fa}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .input_item_img img[data-v-6cb41448]{height:20px;width:auto;display:block}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .inputs[data-v-6cb41448]{flex:1}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .inputs input[data-v-6cb41448]{width:100%;border:none;outline:none;padding:0 10px;height:38px;box-sizing:border-box;background-color:#f5f7fa}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .code_btn[data-v-6cb41448]{display:flex;align-items:center;background-color:#2b7de1;font-size:14px;color:#fff;font-weight:400;padding:8px 15px;border-radius:4px;margin-left:10px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_item .code_btn[data-v-6cb41448]:disabled{background-color:#ccc}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .change_login_method[data-v-6cb41448]{display:flex;justify-content:flex-end;cursor:pointer;margin-top:10px;font-size:14px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .change_login_method span[data-v-6cb41448]{color:#333}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .change_login_method span.span_active[data-v-6cb41448]{color:#2b7de1}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_login_btn[data-v-6cb41448]{display:flex;align-items:center;justify-content:center;width:100%;margin-top:30px}.phoneLogin_wrapper .phoneLogin_contain .phoneLogin_item_right .input_login_btn .el-button[data-v-6cb41448]{height:40px;font-size:16px;background:linear-gradient(90deg,#409eff,#79bbff);border:none}@media (max-width:768px){.phoneLogin_contain[data-v-6cb41448]{flex-direction:column;height:auto;max-height:none;width:95%;margin:20px auto}.phoneLogin_contain .phoneLogin_item_left[data-v-6cb41448]{width:100%;height:200px}.phoneLogin_contain .phoneLogin_item_right[data-v-6cb41448]{width:100%;padding:20px}}.home-view[data-v-980a77c2]{padding:20px;background-color:#f5f7fa;min-height:calc(100vh - 60px);box-sizing:border-box}.page-header[data-v-980a77c2]{margin-bottom:30px}.page-header h2[data-v-980a77c2]{margin:0 0 10px 0;color:#303133;font-size:24px;font-weight:600}.page-header p[data-v-980a77c2]{margin:0;color:#909399;font-size:14px}.info-cards[data-v-980a77c2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.info-card[data-v-980a77c2]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff;display:flex;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.info-card[data-v-980a77c2]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.info-card[data-v-980a77c2]:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.info-card[data-v-980a77c2]:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon[data-v-980a77c2]{font-size:48px;margin-right:20px;opacity:.9}.card-content[data-v-980a77c2]{flex:1}.card-title[data-v-980a77c2]{font-size:16px;margin-bottom:8px;opacity:.9}.card-value[data-v-980a77c2]{font-size:32px;font-weight:700;line-height:1}.card-action[data-v-980a77c2]{margin-left:20px}.chart-section[data-v-980a77c2]{margin-bottom:30px}@media (max-width:768px){.home-view[data-v-980a77c2]{padding:10px;min-height:calc(100vh - 50px)}.page-header h2[data-v-980a77c2]{font-size:20px}.info-cards[data-v-980a77c2]{grid-template-columns:1fr;gap:15px}.info-card[data-v-980a77c2]{padding:20px}.card-icon[data-v-980a77c2]{font-size:36px;margin-right:15px}.card-value[data-v-980a77c2]{font-size:24px}}.chart-card[data-v-980a77c2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.chart-header[data-v-980a77c2]{padding:20px 24px;border-bottom:1px solid #ebeef5;background:#fafafa}.chart-header h3[data-v-980a77c2]{margin:0;color:#303133;font-size:18px;font-weight:600}.chart-content[data-v-980a77c2]{padding:40px 24px}.chart-placeholder[data-v-980a77c2]{text-align:center;color:#909399}.chart-placeholder i[data-v-980a77c2]{font-size:64px;margin-bottom:16px;display:block}.chart-placeholder p[data-v-980a77c2]{font-size:18px;margin:0 0 8px 0;color:#606266}.chart-placeholder span[data-v-980a77c2]{font-size:14px;color:#909399}.quick-actions[data-v-980a77c2]{margin-bottom:30px}.action-card[data-v-980a77c2]{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.action-header[data-v-980a77c2]{padding:20px 24px;border-bottom:1px solid #ebeef5;background:#fafafa}.action-header h3[data-v-980a77c2]{margin:0;color:#303133;font-size:18px;font-weight:600}.action-buttons[data-v-980a77c2]{padding:24px;display:flex;gap:16px;flex-wrap:wrap}.action-buttons .el-button[data-v-980a77c2]{min-width:120px}@media (max-width:768px){.info-cards[data-v-980a77c2]{grid-template-columns:1fr}.action-buttons[data-v-980a77c2]{flex-direction:column}.action-buttons .el-button[data-v-980a77c2]{width:100%}}@media (max-width:480px){.home-view[data-v-980a77c2]{padding:15px}.info-card[data-v-980a77c2]{padding:20px}.card-icon[data-v-980a77c2]{font-size:36px;margin-right:16px}.card-value[data-v-980a77c2]{font-size:24px}}.pagecom_wrapper[data-v-3d06a514]{display:flex;align-items:center;justify-content:flex-end;padding:auto 50px}.custom-pagination[data-v-3d06a514] .el-input .el-input__inner{border:1px solid #d3dce6;height:28px;line-height:30px}.admin-permission-group-container[data-v-6ce23353]{padding:20px;background-color:#fff;min-height:calc(100vh - 80px);box-sizing:border-box}.filter-bar[data-v-6ce23353]{justify-content:space-between;margin-bottom:20px}.filter-bar[data-v-6ce23353],.filter-container[data-v-6ce23353]{display:flex;align-items:center}.filter-setting-icon[data-v-6ce23353]{display:flex;align-items:center;height:32px}.pagination-container[data-v-6ce23353]{margin-top:20px;text-align:right}[data-v-6ce23353] .el-table{border:1px solid #ebeef5}[data-v-6ce23353] .el-table th{background-color:#f5f7fa!important;color:#606266}[data-v-6ce23353] .el-table td,[data-v-6ce23353] .el-table th{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}[data-v-6ce23353] .el-table td:last-child,[data-v-6ce23353] .el-table th:last-child{border-right:none}[data-v-6ce23353] .el-table:after,[data-v-6ce23353] .el-table:before{background-color:transparent}.el-checkbox-group[data-v-6ce23353]{display:flex;flex-wrap:wrap;gap:10px}.el-checkbox[data-v-6ce23353]{margin-right:0;margin-bottom:10px}.permission-options[data-v-6ce23353]{margin-bottom:10px}.el-tree[data-v-6ce23353]{border:1px solid #dcdfe6;padding:10px;border-radius:4px}[data-v-6ce23353] .el-input__inner{background-color:#fff!important}.admin-permission-management-container[data-v-2d2ff666]{padding:20px;background-color:#fff;min-height:calc(100vh - 80px);box-sizing:border-box}.filter-bar[data-v-2d2ff666]{justify-content:space-between;margin-bottom:20px}.filter-bar[data-v-2d2ff666],.filter-container[data-v-2d2ff666]{display:flex;align-items:center}.filter-setting-icon[data-v-2d2ff666]{display:flex;align-items:center;height:32px}.table-wrapper[data-v-2d2ff666]{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-info-total[data-v-2d2ff666]{margin-top:20px;text-align:right;color:#606266;font-size:14px}[data-v-2d2ff666] .el-table{border:1px solid #ebeef5}[data-v-2d2ff666] .el-table th{background-color:#f5f7fa!important;color:#606266}[data-v-2d2ff666] .el-table td,[data-v-2d2ff666] .el-table th{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}[data-v-2d2ff666] .el-table td:last-child,[data-v-2d2ff666] .el-table th:last-child{border-right:none}[data-v-2d2ff666] .el-table:after,[data-v-2d2ff666] .el-table:before{background-color:transparent}.pagination-container[data-v-2d2ff666]{margin-top:20px;text-align:right}.dialog-footer[data-v-2d2ff666]{text-align:right}[data-v-2d2ff666] .el-input__inner{background-color:#fff!important}@media (max-width:768px){.admin-permission-management-container[data-v-2d2ff666]{padding:15px 10px}.filter-bar[data-v-2d2ff666]{flex-direction:column;align-items:flex-start;gap:12px}.filter-container[data-v-2d2ff666]{width:100%;flex-wrap:wrap;gap:10px}.filter-container>[data-v-2d2ff666]{margin-left:0!important}.filter-container[data-v-2d2ff666] .el-button,.filter-container[data-v-2d2ff666] .el-date-editor,.filter-container[data-v-2d2ff666] .el-input,.filter-container[data-v-2d2ff666] .el-select{width:100%}.filter-setting-icon[data-v-2d2ff666]{align-self:flex-end}.table-wrapper[data-v-2d2ff666]{margin-top:10px}[data-v-2d2ff666] .el-table{min-width:720px;font-size:12px}[data-v-2d2ff666] .el-dialog{width:90%!important}}.menu-management-container[data-v-3993b43f]{padding:20px;background-color:#fff;min-height:calc(100vh - 80px);box-sizing:border-box}.filter-bar[data-v-3993b43f]{justify-content:space-between;margin-bottom:20px}.filter-bar[data-v-3993b43f],.filter-container[data-v-3993b43f]{display:flex;align-items:center}.filter-setting-icon[data-v-3993b43f]{display:flex;align-items:center;height:32px}.table-wrapper[data-v-3993b43f]{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.pagination-info-total[data-v-3993b43f]{margin-top:20px;text-align:right;color:#606266;font-size:14px}[data-v-3993b43f] .el-table{border:1px solid #ebeef5}[data-v-3993b43f] .el-table th{background-color:#f5f7fa!important;color:#606266}[data-v-3993b43f] .el-table td,[data-v-3993b43f] .el-table th{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}[data-v-3993b43f] .el-table td:last-child,[data-v-3993b43f] .el-table th:last-child{border-right:none}[data-v-3993b43f] .el-table:after,[data-v-3993b43f] .el-table:before{background-color:transparent}.dialog-footer[data-v-3993b43f]{text-align:right}.pagination-container[data-v-3993b43f]{margin-top:20px;text-align:right}[data-v-3993b43f] .el-table__expand-icon{margin-right:8px}[data-v-3993b43f] .el-table__expand-icon .el-icon{transition:transform .3s}[data-v-3993b43f] .el-table__expand-icon--expanded .el-icon{transform:rotate(90deg)}[data-v-3993b43f] .el-table__row--level-1{background-color:#fafafa}[data-v-3993b43f] .el-table__row--level-2{background-color:#f5f5f5}[data-v-3993b43f] .el-table__row--level-3{background-color:#f0f0f0}[data-v-3993b43f] .el-input__inner{background-color:#fff!important}@media (max-width:768px){.menu-management-container[data-v-3993b43f]{padding:15px 10px}.filter-bar[data-v-3993b43f]{flex-direction:column;align-items:flex-start;gap:12px}.filter-container[data-v-3993b43f]{width:100%;flex-wrap:wrap;gap:10px}.filter-container>[data-v-3993b43f]{margin-left:0!important}.filter-container[data-v-3993b43f] .el-button,.filter-container[data-v-3993b43f] .el-date-editor,.filter-container[data-v-3993b43f] .el-input,.filter-container[data-v-3993b43f] .el-select{width:100%}.filter-setting-icon[data-v-3993b43f]{align-self:flex-end}.table-wrapper[data-v-3993b43f]{margin-top:10px}[data-v-3993b43f] .el-table{min-width:700px;font-size:12px}[data-v-3993b43f] .el-dialog{width:90%!important}}.table-wrapper[data-v-28f9c5ec]{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.filter-bar[data-v-28f9c5ec]{flex-direction:column;align-items:flex-start}.filter-area[data-v-28f9c5ec]{display:flex;flex-wrap:wrap;width:100%;margin-bottom:10px}.filter-area .el-button[data-v-28f9c5ec],.filter-area .el-input[data-v-28f9c5ec],.filter-area .el-select[data-v-28f9c5ec]{margin-left:0!important;margin-right:10px;margin-bottom:10px;width:100%}.filter-setting-icon[data-v-28f9c5ec]{align-self:flex-end}.table-wrapper[data-v-28f9c5ec]{-webkit-overflow-scrolling:touch}.el-table[data-v-28f9c5ec]{font-size:12px;width:600px}}.goods-management-view[data-v-28f9c5ec]{padding:20px;background-color:#fff;min-height:calc(100vh - 60px);box-sizing:border-box;width:100%;max-width:none}.filter-bar[data-v-28f9c5ec]{justify-content:space-between;margin-bottom:20px}.filter-area[data-v-28f9c5ec],.filter-bar[data-v-28f9c5ec]{display:flex;align-items:center}.filter-setting-icon[data-v-28f9c5ec]{display:flex;align-items:center;height:32px}.el-table[data-v-28f9c5ec]{border:1px solid #ebeef5;width:100%!important;table-layout:auto}.el-table th[data-v-28f9c5ec]{background-color:#566275!important;color:#606266}.el-table td[data-v-28f9c5ec],.el-table th[data-v-28f9c5ec]{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}.el-table td[data-v-28f9c5ec]:last-child,.el-table th[data-v-28f9c5ec]:last-child{border-right:none}[data-v-28f9c5ec] .el-table th.el-table__cell{background-color:#f5f7fa!important}.el-table[data-v-28f9c5ec]:after,.el-table[data-v-28f9c5ec]:before{background-color:transparent}[data-v-28f9c5ec] .el-table,[data-v-28f9c5ec] .el-table__body-wrapper,[data-v-28f9c5ec] .el-table__header-wrapper{width:100%!important}.pagination-container[data-v-28f9c5ec]{display:flex;justify-content:flex-end;margin-top:10px}.dialog-footer[data-v-28f9c5ec]{text-align:right}[data-v-28f9c5ec] .el-input__inner{background-color:#fff!important}.el-image[data-v-28f9c5ec]{border-radius:4px;cursor:pointer}[data-v-28f9c5ec] .el-upload--picture-card{width:100px;height:100px;line-height:100px}[data-v-28f9c5ec] .el-upload-list--picture-card .el-upload-list__item{width:100px;height:100px}.table-wrapper[data-v-4cf990a8]{margin-top:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:768px){.filter-bar[data-v-4cf990a8]{flex-direction:column;align-items:flex-start}.filter-container[data-v-4cf990a8]{display:flex;flex-wrap:wrap;width:100%;margin-bottom:10px}.filter-container .el-button[data-v-4cf990a8],.filter-container .el-input[data-v-4cf990a8]{margin-left:0!important;margin-right:10px;margin-bottom:10px;width:100%}.filter-setting-icon[data-v-4cf990a8]{align-self:flex-end}.table-wrapper[data-v-4cf990a8]{-webkit-overflow-scrolling:touch}.el-table[data-v-4cf990a8]{font-size:12px;width:450px}.pagination-container[data-v-4cf990a8]{margin-top:15px}}.category-management-container[data-v-4cf990a8]{padding:20px;background-color:#fff;min-height:calc(100vh - 80px);box-sizing:border-box}.filter-bar[data-v-4cf990a8]{justify-content:space-between;margin-bottom:20px}.filter-bar[data-v-4cf990a8],.filter-container[data-v-4cf990a8]{display:flex;align-items:center}.filter-setting-icon[data-v-4cf990a8]{display:flex;align-items:center;height:32px}[data-v-4cf990a8] .el-table{border:1px solid #ebeef5}[data-v-4cf990a8] .el-table th{background-color:#f5f7fa!important;color:#606266}[data-v-4cf990a8] .el-table td,[data-v-4cf990a8] .el-table th{border-bottom:1px solid #ebeef5;border-right:1px solid #ebeef5}[data-v-4cf990a8] .el-table td:last-child,[data-v-4cf990a8] .el-table th:last-child{border-right:none}[data-v-4cf990a8] .el-table:after,[data-v-4cf990a8] .el-table:before{background-color:transparent}.dialog-footer[data-v-4cf990a8]{text-align:right}.pagination-container[data-v-4cf990a8]{margin-top:20px;text-align:right}[data-v-4cf990a8] .el-input__inner{background-color:#fff!important}.chat-management-view[data-v-3993a03e]{height:calc(100vh - 60px);padding:20px;background-color:#f5f7fa;box-sizing:border-box}.chat-container[data-v-3993a03e]{display:flex;height:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.user-list-panel[data-v-3993a03e]{width:350px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background-color:#fafafa;max-height:800px}.panel-header[data-v-3993a03e]{padding:15px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff}.panel-header h3[data-v-3993a03e]{margin:0;font-size:16px;font-weight:600;color:#303133}.user-list[data-v-3993a03e]{flex:1;overflow-y:auto}.user-item[data-v-3993a03e]{padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;background:#fff;display:flex;align-items:center;justify-content:space-between;min-height:80px}.user-item[data-v-3993a03e]:hover{background-color:#f5f5f5}.user-item.active[data-v-3993a03e]{background-color:#e6f7ff;border-left:3px solid #1890ff}.user-delete-button[data-v-3993a03e]{color:#1890ff;min-width:50px;text-align:center;flex-shrink:0}.user-delete-button[data-v-3993a03e]:hover{color:#40a9ff;background:transparent;border-color:transparent}.user-info[data-v-3993a03e]{display:flex;align-items:center;flex:1;min-width:0}.user-avatar[data-v-3993a03e]{position:relative;margin-right:12px}.unread-badge[data-v-3993a03e]{position:absolute;top:-5px;right:-5px;background:#f56c6c;color:#fff;border-radius:10px;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:12px;padding:0 5px}.user-details[data-v-3993a03e]{flex:1;min-width:0;margin-right:10px}.user-name[data-v-3993a03e]{font-size:14px;font-weight:600;color:#303133;margin-bottom:4px}.user-status[data-v-3993a03e]{font-size:12px;color:#909399;display:flex;align-items:center;margin-bottom:4px}.status-dot[data-v-3993a03e]{width:8px;height:8px;border-radius:50%;margin-right:4px}.status-dot.online[data-v-3993a03e]{background-color:#67c23a}.status-dot.offline[data-v-3993a03e]{background-color:#c0c4cc}.last-message[data-v-3993a03e]{font-size:12px;color:#606266;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 10px)}.last-time[data-v-3993a03e]{font-size:11px;color:#c0c4cc;margin-top:4px}.empty-users[data-v-3993a03e]{padding:40px 20px;text-align:center;color:#909399}.chat-panel[data-v-3993a03e]{flex:1;display:flex;flex-direction:column;background:#fff;max-height:800px}.chat-window[data-v-3993a03e]{display:flex;flex-direction:column;height:100%}.chat-header[data-v-3993a03e]{padding:15px 20px;border-bottom:1px solid #e0e0e0;background:#fafafa}.header-info[data-v-3993a03e]{display:flex;align-items:center;width:100%}.header-text[data-v-3993a03e]{margin-left:12px}.header-name[data-v-3993a03e]{font-size:16px;font-weight:600;color:#303133;margin-bottom:4px}.header-status[data-v-3993a03e]{font-size:12px;color:#909399;display:flex;align-items:center}.messages-container[data-v-3993a03e]{flex:1;overflow-y:auto;padding:20px;background:#f5f5f5}.message-item[data-v-3993a03e]{margin-bottom:15px;display:flex;animation:fadeIn-3993a03e .3s}@keyframes fadeIn-3993a03e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item.customer[data-v-3993a03e]{justify-content:flex-start}.message-item.service[data-v-3993a03e]{justify-content:flex-end}.message-bubble[data-v-3993a03e]{max-width:70%;padding:10px 15px;border-radius:8px;word-wrap:break-word}.message-item.customer .message-bubble[data-v-3993a03e]{background-color:#fff;color:#303133;border-bottom-left-radius:2px}.message-item.service .message-bubble[data-v-3993a03e]{background-color:#1890ff;color:#fff;border-bottom-right-radius:2px}.message-content[data-v-3993a03e]{font-size:14px;line-height:1.5;margin-bottom:4px}.message-time[data-v-3993a03e]{font-size:11px;opacity:.7;text-align:right}.message-bubble[data-v-3993a03e]{position:relative}.message-image[data-v-3993a03e]{max-width:200px;max-height:200px;border-radius:8px;margin-top:5px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.message-image[data-v-3993a03e]:hover{opacity:.8}.empty-messages[data-v-3993a03e]{text-align:center;padding:50px 20px;color:#909399}.input-area[data-v-3993a03e]{padding:15px 20px;border-top:1px solid #e0e0e0;background:#fff}.input-actions[data-v-3993a03e]{margin-top:10px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.no-selection[data-v-3993a03e]{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa}@media (max-width:768px){.user-list-panel[data-v-3993a03e]{width:250px}}.chat-mobile-view[data-v-13c4fc23]{display:flex;flex-direction:column;height:calc(100vh - 60px);background:#f5f7fa;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-header[data-v-13c4fc23]{padding:12px 16px;background:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 4px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}.header-left[data-v-13c4fc23]{display:flex;align-items:center}.header-title[data-v-13c4fc23]{font-size:18px;font-weight:600;color:#303133}.header-refresh[data-v-13c4fc23]{font-size:14px}.user-info[data-v-13c4fc23]{display:flex;align-items:center;margin-left:8px}.info-text[data-v-13c4fc23]{margin-left:8px}.user-name[data-v-13c4fc23]{font-size:14px;font-weight:600;color:#303133}.user-status[data-v-13c4fc23]{font-size:12px;color:#909399;display:flex;align-items:center;gap:4px}.status-dot[data-v-13c4fc23]{width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-13c4fc23]{background:#67c23a}.status-dot.offline[data-v-13c4fc23]{background:#c0c4cc}.content-area[data-v-13c4fc23]{flex:1;overflow:hidden}.user-list[data-v-13c4fc23]{padding:12px;overflow-y:auto;height:100%}.user-card[data-v-13c4fc23]{background:#fff;border-radius:10px;padding:14px;box-shadow:0 2px 6px rgba(0,0,0,.05);margin-bottom:12px;display:flex;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-card[data-v-13c4fc23]:active{transform:scale(.98)}.card-content[data-v-13c4fc23]{display:flex;align-items:center;justify-content:space-between;width:100%}.card-left[data-v-13c4fc23]{display:flex;flex:1;margin-right:10px}.delete-button[data-v-13c4fc23]{color:#1890ff;font-size:13px;padding:4px 8px}.delete-button[data-v-13c4fc23]:focus,.delete-button[data-v-13c4fc23]:hover{color:#40a9ff;background:transparent;border-color:transparent}.avatar-wrapper[data-v-13c4fc23]{position:relative;margin-right:12px}.unread-badge[data-v-13c4fc23]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;line-height:18px;text-align:center;background:#f56c6c;color:#fff;font-size:12px;border-radius:10px;padding:0 4px}.card-info[data-v-13c4fc23]{flex:1;display:flex;flex-direction:column;gap:4px}.card-name[data-v-13c4fc23]{font-size:15px;font-weight:600;color:#303133}.card-status[data-v-13c4fc23]{font-size:12px;color:#909399;display:flex;align-items:center;gap:6px}.card-message[data-v-13c4fc23]{font-size:13px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-time[data-v-13c4fc23]{font-size:11px;color:#c0c4cc}.empty-state[data-v-13c4fc23]{margin-top:40px}.chat-detail[data-v-13c4fc23]{height:100%;display:flex;flex-direction:column}.messages-container[data-v-13c4fc23]{flex:1;overflow-y:auto;padding:12px;background:#f4f6f8}.message-row[data-v-13c4fc23]{display:flex;margin-bottom:12px}.message-row.customer[data-v-13c4fc23]{justify-content:flex-start}.message-row.service[data-v-13c4fc23]{justify-content:flex-end}.message-bubble[data-v-13c4fc23]{max-width:85%;border-radius:12px;padding:10px 12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative;word-break:break-word}.message-row.service .message-bubble[data-v-13c4fc23]{background:#1890ff;color:#fff}.message-text[data-v-13c4fc23]{font-size:15px;line-height:1.5}.message-image-wrapper[data-v-13c4fc23]{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.message-row.service .message-image-wrapper[data-v-13c4fc23]{align-items:flex-end}.message-image[data-v-13c4fc23]{max-width:220px;border-radius:10px;-o-object-fit:cover;object-fit:cover;cursor:pointer}.message-caption[data-v-13c4fc23]{font-size:13px;line-height:1.4}.caption-title[data-v-13c4fc23]{font-weight:600}.caption-price[data-v-13c4fc23]{color:#ff5722;font-weight:700}.message-time[data-v-13c4fc23]{font-size:11px;opacity:.7;margin-top:6px;text-align:right}.empty-messages[data-v-13c4fc23]{padding:40px 0;text-align:center;color:#909399}.input-area[data-v-13c4fc23]{padding:12px;background:#fff;border-top:1px solid #ebeef5}.input-actions[data-v-13c4fc23]{display:flex;align-items:center;justify-content:flex-end;margin-top:8px;gap:10px}.fade-slide-enter-active[data-v-13c4fc23],.fade-slide-leave-active[data-v-13c4fc23]{transition:all .2s ease}.fade-slide-enter[data-v-13c4fc23],.fade-slide-leave-to[data-v-13c4fc23]{opacity:0;transform:translateX(20px)}@media (min-width:769px){.chat-mobile-view[data-v-13c4fc23]{max-width:480px;margin:0 auto;border:1px solid #ebeef5;border-radius:12px;overflow:hidden}}.el-menu-vertical-demo[data-v-ec8b8fdc]{height:100%;border-right:none;background-color:#fff!important;border-top:2px;border-color:#409eff!important}.el-menu-item[data-v-ec8b8fdc],.el-menu[data-v-ec8b8fdc]{background-color:#fff!important}.el-menu-item[data-v-ec8b8fdc]:hover{background-color:#f5f7fa!important}.el-submenu__title[data-v-ec8b8fdc]{background-color:#fff!important}.el-submenu__title[data-v-ec8b8fdc]:hover{background-color:#f5f7fa!important}.el-menu-item.is-active[data-v-ec8b8fdc]{background-color:#fff!important;color:#409eff!important}#app,body,html{margin:0;padding:0;height:100%;width:100%}#app-container{height:100%}#span1{size:5px;color:#6d97fd;display:flex;align-items:center}.app-header{background-color:#fff;color:#333;line-height:60px;padding:0 20px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%}.app-title{font-size:20px;font-weight:700}.user-info{display:flex;align-items:center;font-size:14px}.user-info .el-button{margin-left:15px}.content-container{height:calc(100vh - 60px)}.app-sidebar{background-color:#fff;border-top:1px solid #f1f1f1}.app-main{background-color:#f0f2f5;padding:20px}.mobile-menu-btn{display:none;cursor:pointer;font-size:20px;margin-right:10px}@media (max-width:768px){.mobile-menu-btn{display:block}.app-title{font-size:16px}.desktop-sidebar{display:none}.app-main{padding:10px}.user-info{font-size:12px}.user-info .el-button{margin-left:5px;font-size:12px}}@media (min-width:769px){.mobile-sidebar{display:none}}