:root{--bg-color:#ededed;--bg-chat:#f5f5f5;--bg-white:#fff;--text-color:#333;--text-secondary:#888;--text-light:#b2b2b2;--primary-color:#07c160;--primary-dark:#06ad56;--user-bubble:#95ec69;--border-color:#e5e5e5;--price-color:#ff5000;--radius-bubble:20px;--radius-card:12px;--radius-input:20px;--radius-btn:6px}.mobile_customerServer,.pc_customerServer,.pc_customerServer_container{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--text-color);line-height:1.5;background:var(--bg-color)}.pc_customerServer_container{background:var(--bg-chat);border-radius:12px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.12);box-shadow:0 4px 20px rgba(0,0,0,.12);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.pc_customerServer_container_header{background:#fafafa;padding:0 12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--border-color);position:relative;z-index:100}.pc_customerServer_container_header,.pc_customerServer_container_header_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pc_customerServer_container_header_title{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:500;font-size:17px;color:var(--text-color);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pc_customerServer_container_header_title img{display:none}.pc_customerServer_container_header_title span{text-align:center}.pc_customerServer_container_header:before{content:"‹";font-size:32px;font-weight:300;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.pc_customerServer_container_header:before,.pc_customerServer_container_header_handle{color:var(--text-color);width:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.pc_customerServer_container_header_handle{height:30px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:20px}.layout_content,.layout_customerServer_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.layout_customerServer_content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pc_customerServer_container_content{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#ebebeb;overflow:hidden}.scroll_content{padding:0}.scroll_content.pt140{padding-bottom:140px}.chart_list{padding:16px;-webkit-transform:none!important;transform:none!important}.chart_list_item{margin-bottom:16px;position:relative;isolation:isolate;contain:layout style}.chart_list_item_time{text-align:center;font-size:12px;color:var(--text-secondary);margin:20px auto;padding:4px 10px;background:rgba(0,0,0,.06);border-radius:10px;display:table}.chart_list_item_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chart_list_item_avatar{width:40px;height:40px;border-radius:6px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0;margin-right:10px}.chart_list_item_avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chart_list_item_text{background:var(--bg-white);padding:12px 14px;border-radius:var(--radius-bubble);font-size:16px;max-width:70%;word-wrap:break-word;color:var(--text-color);line-height:1.5;position:relative;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.chart_list_item_content.right-box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.chart_list_item_content.right-box .chart_list_item_avatar{margin-right:0;margin-left:10px}.chart_list_item_content.right-box .chart_list_item_text{background:var(--user-bubble);color:var(--text-color)}.chart_list_item_img img{max-width:200px;border-radius:var(--radius-card);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.chart_list_item_video{position:relative;isolation:isolate;contain:layout style paint;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1}.chart_list_item_link{cursor:pointer}.chart_list_item_link .link-card{background:var(--bg-white);border-radius:var(--radius-card);padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;max-width:240px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08);-webkit-transition:background .2s;transition:background .2s}.chart_list_item_link .link-card:active{background:#f5f5f5}.chart_list_item_link .link-icon{font-size:24px;-ms-flex-negative:0;flex-shrink:0}.chart_list_item_link .link-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden}.chart_list_item_link .link-title{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart_list_item_link .link-url{font-size:12px;color:var(--primary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart_list_item_text .chat-link{color:var(--primary-color);text-decoration:underline;word-break:break-all}.chart_list_item_content.right-box .chart_list_item_text .chat-link{color:#006400}.chart_list_item_imgOrText .order-wrapper{background:var(--bg-white);border-radius:var(--radius-card);overflow:hidden;max-width:220px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08)}.order-wrapper .img-box{width:100%}.order-wrapper .img-box img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;display:block}.order-wrapper .order-info{padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.order-wrapper .order-info .name{font-size:14px;color:var(--text-color);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px}.order-wrapper .price-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.order-wrapper .price-box .num{font-size:16px;font-weight:600;color:var(--price-color)}.productMessage_container{background:var(--bg-white);padding:12px;margin:12px;border-radius:var(--radius-card);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.08)}.productMessage_container_image img{width:60px;height:60px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.productMessage_container_content{margin-left:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.productMessage_container_content_title{font-size:14px;color:var(--text-color);margin-bottom:6px;line-height:1.4}.productMessage_container_content_priceOrHandle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.productMessage_container_content_priceOrHandle>div:first-child{color:var(--price-color);font-weight:600;font-size:15px}.productMessage_container_content_priceOrHandle>div:nth-child(2){background:var(--primary-color);color:#fff;padding:5px 12px;border-radius:var(--radius-btn);font-size:12px;cursor:pointer}.productMessage_container_content_priceOrHandle>div:nth-child(2):hover{background:var(--primary-dark)}.pc_customerServer_container_footer{padding:10px 12px}.footer_customerServer_container,.pc_customerServer_container_footer{background:var(--bg-chat);border-top:1px solid var(--border-color)}.pc_customerServer_container_footer_header{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px;position:relative}.pc_customerServer_container_footer_header_handle{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.pc_customerServer_container_footer_header_handle>div{width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:4px;position:relative}.pc_customerServer_container_footer_header_handle>div:hover{background:rgba(0,0,0,.05)}.pc_customerServer_container_footer_header_handle>div img{width:24px;height:24px;opacity:.6}.type_file{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.pc_customerServer_container_footer_emoji{position:absolute;bottom:100%;left:0;background:var(--bg-white);-webkit-box-shadow:0 -4px 16px rgba(0,0,0,.12);box-shadow:0 -4px 16px rgba(0,0,0,.12);border-radius:var(--radius-card);padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:200px;overflow-y:auto;z-index:100;margin-bottom:8px}.emoji-item{cursor:pointer;padding:6px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-webkit-transition:background .15s;transition:background .15s}.emoji-item:hover{background:rgba(0,0,0,.05)}.active-emoji-btn{background:rgba(0,0,0,.08)!important}.pc_customerServer_container_footer_input{background:var(--bg-white);border-radius:8px;padding:10px 12px;margin-bottom:10px;border:1px solid var(--border-color)}.pc_customerServer_container_footer_input:focus-within{border-color:#ccc}.pc_customerServer_container_footer_input-textarea{width:100%;border:none;background:transparent;outline:none;font-size:15px;color:var(--text-color);min-height:60px;max-height:120px;overflow-y:auto;line-height:1.5;cursor:text}.pc_customerServer_container_footer_input-textarea[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-light)}.pc_customerServer_container_footer_handle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.pc_customerServer_container_footer_handle_send{background:var(--primary-color);color:#fff;padding:8px 24px;border-radius:var(--radius-btn);cursor:pointer;font-size:14px;font-weight:500}.pc_customerServer_container_footer_handle_send:hover{background:var(--primary-dark)}.mobile_customerServer_container_footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 12px;background:var(--bg-white);gap:10px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid var(--border-color)}.mobile_customerServer_container_footer .iconfont{font-size:26px;color:#666}.mobile_customerServer_container_footer_emoji{width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;color:#999}.mobile_customerServer_container_footer_emoji svg{stroke:#999}.mobile_customerServer_container_footer_emoji .iconfont{font-size:26px;color:#999}.mobile_customerServer_container_footer_emoji:active{opacity:.7}.active-emoji-btn svg{stroke:var(--primary-color)!important}.active-emoji-btn .iconfont{color:var(--primary-color)!important}.mobile_customerServer_container_footer_input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:var(--bg-white);border:1px solid #ddd;border-radius:20px;padding:8px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mobile_customerServer_container_footer_input_con{position:relative;min-height:22px;max-height:100px;overflow-y:auto;-webkit-box-flex:1;-ms-flex:1;flex:1}.mobile_customerServer_container_footer_input textarea{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:transparent;outline:none;font-size:16px;resize:none;padding:0;color:var(--text-color);z-index:2;word-break:break-all;overflow-wrap:break-word;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:22px}.mobile_customerServer_container_footer_input textarea::-webkit-input-placeholder{color:#999}.mobile_customerServer_container_footer_input textarea::-moz-placeholder{color:#999}.mobile_customerServer_container_footer_input textarea:-ms-input-placeholder{color:#999}.mobile_customerServer_container_footer_input textarea::-ms-input-placeholder{color:#999}.mobile_customerServer_container_footer_input textarea::placeholder{color:#999}.mobile_customerServer_container_footer_input p{width:100%;min-height:22px;max-height:100px;opacity:0;font-size:16px;word-break:break-all;overflow-wrap:break-word;white-space:pre-wrap;pointer-events:none;position:relative;z-index:1;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:22px}.mobile_customerServer_container_footer_upload_image{width:36px;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;color:#999}.mobile_customerServer_container_footer_upload_image svg{stroke:#999}.mobile_customerServer_container_footer_upload_image .iconfont{font-size:26px;color:#999}.mobile_customerServer_container_footer_upload_image .file_input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.sendMessage{background:var(--primary-color);padding:8px 16px;border-radius:6px;color:#fff;font-size:15px;font-weight:500;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.sendMessage>div{line-height:1}.sendMessage.sendMessage-primary:active,.sendMessage:active{background:var(--primary-dark)}.sendMessage.sendMessage-primary{background:var(--primary-color)}.mobile_customerServer_container_footer_emojiList{width:100%;height:0;overflow:hidden;-webkit-transition:height .25s ease;transition:height .25s ease;background:var(--bg-chat);border-top:1px solid var(--border-color)}.mobile_customerServer_container_footer_emojiList.canSelectemoji{height:200px;padding:12px;overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.mobile_customerServer_container_footer_emojiList .emoji-item{padding:8px;font-size:22px}.mobile_customerServer_container_footer_emojiList .emoji-item:active{background:rgba(0,0,0,.05);border-radius:6px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.pc_customerServer_container_advertisement{width:280px;background:var(--bg-white);border-left:1px solid var(--border-color);padding:16px;overflow-y:auto}.advertisement{font-size:14px;color:var(--text-color);line-height:1.6}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}