.page-components[data-v-ce5346dd]{height:calc(100% - 1.25rem);padding-top:.625rem;padding-left:1.25rem;padding-right:1.25rem;display:flex;flex-direction:column;position:relative;font-family:Source Han Sans CN,Source Han Sans CN}.main[data-v-ce5346dd]{height:100%;flex:1;display:flex;flex-direction:column;padding-bottom:1.25rem}.breadcrumb[data-v-ce5346dd]{cursor:pointer;user-select:none;display:flex;align-items:center;font-size:.875rem;line-height:1.375rem;color:#1e293b}.breadcrumb .back-text[data-v-ce5346dd]{display:flex;align-items:center;cursor:pointer}.breadcrumb .back-text[data-v-ce5346dd]:hover{opacity:.68}.breadcrumb .back-text[data-v-ce5346dd]:active{opacity:.8}.breadcrumb .separator[data-v-ce5346dd]{width:.0625rem;height:.75rem;background:#627a9c;margin:0 .625rem}.breadcrumb .current[data-v-ce5346dd]{color:#0270f0}.page-wrapper[data-v-ce5346dd]{margin-top:.625rem;height:100%;flex:1;display:flex;flex-direction:column;background:#fff;border-radius:.625rem}.page-wrapper .title[data-v-ce5346dd]{padding:0 1.25rem;height:4.375rem;font-size:1.25rem;color:#0a1833;font-weight:500;display:flex;align-items:center;box-shadow:0 .0625rem #dee3ed}.page-wrapper .title[data-v-ce5346dd]:before{content:"";display:inline-block;width:.25rem;height:.875rem;background:#0270f0;margin-right:.625rem}.page-wrapper .chat-warapper[data-v-ce5346dd]{height:calc(100% - 4.375rem);display:grid;grid-template-columns:19.5rem 1fr;padding-bottom:.625rem}.page-wrapper .menu-list[data-v-ce5346dd]{overflow:auto;height:100%;padding:.625rem 1.25rem;width:19.5rem;display:flex;flex-direction:column;box-shadow:.0625rem 0 #dee3ed;gap:.625rem}.page-wrapper .menu-list .menu-item[data-v-ce5346dd]{height:3.8125rem;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem;border-radius:.25rem;cursor:pointer;user-select:none}.page-wrapper .menu-list .menu-item .menu-item-content[data-v-ce5346dd]{flex:1;display:flex;flex-direction:column;font-size:.875rem;color:#1e293b;gap:.125rem}.page-wrapper .menu-list .menu-item .menu-item-content .create-time[data-v-ce5346dd]{font-size:.75rem;color:#627a9c}.page-wrapper .menu-list .menu-item .arrow-icon[data-v-ce5346dd]{display:none}.page-wrapper .menu-list .activeItem[data-v-ce5346dd]{background:#e9edf0;background:#fff;box-shadow:0 0 .375rem #0000001a;border-radius:.625rem}.page-wrapper .menu-list .activeItem .arrow-icon[data-v-ce5346dd]{display:block}.chat-list[data-v-ce5346dd]{height:100%;flex:1;padding:1.875rem 1.25rem;display:flex;flex-direction:column;gap:1.875rem;overflow:auto}.chat-list .chat-item[data-v-ce5346dd]{display:flex;align-items:center}.chat-list .chat-item .chat-box[data-v-ce5346dd]{width:100%;display:flex;flex-direction:column;gap:.625rem}.chat-list .chat-item .chat-box .chat-user-box[data-v-ce5346dd]{display:flex;justify-content:flex-end}.chat-list .chat-item .chat-box .chat-user[data-v-ce5346dd]{max-width:calc(100% - 3.75rem);display:flex;justify-content:flex-end;gap:.625rem}.chat-list .chat-item .chat-box .chat-user .chat-content-box[data-v-ce5346dd]{flex:1;min-width:0}.chat-list .chat-item .chat-box .chat-user .chat-time[data-v-ce5346dd]{font-size:1.125rem;color:#435d88;margin-bottom:.5rem;text-align:right}.chat-list .chat-item .chat-box .chat-user .chat-content[data-v-ce5346dd]{font-size:1.125rem;color:#fff;display:flex;align-items:center}.chat-list .chat-item .chat-box .chat-user .chat-content .content-text[data-v-ce5346dd]{padding:.75rem .625rem .75rem .875rem;background:#0270f0;border-radius:.9375rem 0 .9375rem .9375rem}.chat-list .chat-item .chat-box .chat-agent-box[data-v-ce5346dd]{display:flex;justify-content:flex-start;gap:.625rem}.chat-list .chat-item .chat-box .chat-agent-box .chat-agent[data-v-ce5346dd]{max-width:calc(100% - 3.75rem);display:flex;justify-content:flex-start;gap:.625rem}.chat-list .chat-item .chat-box .chat-agent-box .chat-agent .chat-content-box[data-v-ce5346dd]{flex:1;min-width:0}.chat-list .chat-item .chat-box .chat-agent-box .chat-agent .chat-time[data-v-ce5346dd]{font-size:1.125rem;color:#435d88;margin-bottom:.5rem;text-align:left}.chat-list .chat-item .chat-box .chat-agent-box .chat-agent .chat-content[data-v-ce5346dd]{font-size:1.125rem;color:#1e293b;display:flex;align-items:center}.chat-list .chat-item .chat-box .chat-agent-box .chat-agent .chat-content .content-text[data-v-ce5346dd]{padding:.75rem .875rem .75rem .625rem;background:#0270f00f;border-radius:0 .9375rem .9375rem}.no-message[data-v-ce5346dd]{margin-top:6.25rem}