.dialog-title[data-v-2fec708a]{background-color:var(--oz-primary);justify-content:space-between;align-items:center;width:100%;height:100%;line-height:44px;display:flex}.dialog-title .right[data-v-2fec708a]{color:#fff;align-items:center;gap:10px;display:flex}.dialog-title .right .close-icon[data-v-2fec708a]{cursor:pointer}.service-content[data-v-2fec708a]{padding:20px}.service-content h2[data-v-2fec708a]{margin-bottom:16px;font-weight:600}.service-content p[data-v-2fec708a]{color:#666;margin-bottom:24px}.customer-service[data-v-2fec708a]{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.customer-service-list[data-v-2fec708a]{background-color:#f0f4f9;flex:1;padding:15px 15px 44px;overflow-y:auto}.chat-item[data-v-2fec708a]{flex-direction:column;margin-bottom:14px;display:flex}.chat-item.self[data-v-2fec708a]{align-items:flex-end}.chat-item.other[data-v-2fec708a]{align-items:flex-start}.chat-content[data-v-2fec708a]{word-break:break-word;background:#fff;border-radius:8px;max-width:80%;padding:10px 14px;line-height:1.5}.chat-item.self .chat-content[data-v-2fec708a]{background:var(--oz-primary);color:#fff}.chat-img[data-v-2fec708a]{border-radius:4px;max-width:160px}.chat-time[data-v-2fec708a]{color:#bbb;margin-top:4px;padding:0 4px}.customer-service-footer[data-v-2fec708a]{bottom:0;left:0;right:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);box-sizing:border-box;z-index:10;background-color:#fff;border-radius:0 0 10px 10px;justify-content:flex-start;align-items:center;gap:0;height:44px;padding:10px 8px;display:flex;position:absolute}.customer-service-footer[data-v-2fec708a] .avatar-uploader{flex-shrink:0;margin-right:10px}.customer-service-footer[data-v-2fec708a] .avatar-uploader .anticon{color:#999}.customer-service-footer[data-v-2fec708a] .ant-input{background-color:var(--oz-secondary);border:0;flex:1;min-width:0;height:32px}.customer-service-footer[data-v-2fec708a] .ant-btn{background:var(--oz-primary);color:var(--color-white);border-color:var(--oz-primary);border-radius:4px;flex-shrink:0;width:65px;height:30px;margin-left:10px;padding:0}.customer-service-footer[data-v-2fec708a] .ant-btn:hover,.customer-service-footer[data-v-2fec708a] .ant-btn:focus{color:var(--color-white);border-color:var(--oz-primary);background-color:var(--oz-primary)}.customer-service-wrap .ant-modal{width:460px!important;max-width:460px!important;margin:0!important;padding:0!important;position:fixed!important;top:auto!important;bottom:20px!important;right:20px!important}.customer-service-wrap .ant-modal-content{height:646px;border:none!important;border-radius:4px!important;margin:0!important;padding:0!important;overflow:hidden!important;box-shadow:0 4px 12px #00000026!important}.customer-service-wrap .ant-modal-content>*{margin:0!important}.customer-service-wrap .ant-modal-header{background-color:var(--oz-primary)!important;border-bottom:none!important;border-radius:4px 4px 0 0!important;height:44px!important;margin:0!important;padding:0 10px!important}.customer-service-wrap .ant-modal-body{height:602px;background-color:#f0f4f9!important;margin:0!important;padding:0!important}.customer-service-wrap .ant-modal-close{display:none!important}.customer-service-wrap .ant-modal-title{color:#fff!important;margin:0!important}