*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Arial,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#f4f4f4;height:100%}#app{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:10px;height:0}::-webkit-scrollbar-track{background:transparent;border-radius:5px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0006}::-webkit-scrollbar-button{background:#ccc}::-webkit-scrollbar-corner{background:transparent}::-webkit-resizer{background:#ccc}.chat-content[data-v-1f7fa19a]{padding:10px;border-radius:4px}.text-content[data-v-1f7fa19a]{white-space:pre-line}.image-content img[data-v-1f7fa19a]{max-width:100%;height:auto;border-radius:4px}.video-content video[data-v-1f7fa19a]{max-width:100%;height:auto;border-radius:4px}.top-box{width:100%;height:100%;display:flex;padding:0;justify-content:space-between;align-items:center}.top-box .left{width:32%}.content{width:100%;padding:10px 16px;box-sizing:border-box}.top{height:5vh;display:flex;justify-content:center;align-items:center;color:#edd0b2;font-size:20px;font-weight:300}.empty{color:#ffe4c499;font-size:14px;font-weight:300;margin-top:16px}.customer-list-box{width:100%;height:95vh;padding:0;overflow-y:auto}.customer-list-box .customer-item{width:100%;height:60px;padding:0 16px;box-sizing:border-box;display:flex;align-items:center;transition:all .5s;cursor:pointer}.customer-list-box .customer-item:hover{background-color:#4d2b1a}.customer-list-box .customer-item-active{background-color:#4d2b1a;width:100%;height:60px;padding:0 16px;box-sizing:border-box;display:flex;align-items:center}