@charset "UTF-8";#app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f7fa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.fade-in{animation:fadeIn .8s ease-in-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-to{opacity:1}.ql-align-center{text-align:center}.ql-align-center img{max-width:100%!important;height:auto}[data-v-bbffe190]{margin:0;padding:0;box-sizing:border-box}.chat-page[data-v-bbffe190]{width:100vw;height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;background:url(/assets/beijing-CXA0JR2B.png) no-repeat;background-size:100% 100%;padding:0 2.0833333333vw 2.0833333333vw}.header[data-v-bbffe190]{height:10%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header .logoImg[data-v-bbffe190]{position:relative;top:.9259259259vh;height:3.3333333333vw}.title[data-v-bbffe190]{letter-spacing:1.5px;width:100%;font-family:Playfair Display,serif;font-weight:700;font-size:2.34375vw;color:#333;text-align:left;font-style:normal;text-transform:none}.header-controls[data-v-bbffe190]{display:flex;align-items:center;gap:20px}.connection-status[data-v-bbffe190]{display:flex;align-items:center;gap:8px}.status-dot[data-v-bbffe190]{width:8px;height:8px;border-radius:50%}.status-dot.connected[data-v-bbffe190]{background-color:#10b981}.status-dot.disconnected[data-v-bbffe190]{background-color:#ef4444}.status-text[data-v-bbffe190]{font-size:12px;color:#666}.control-buttons[data-v-bbffe190]{display:flex;gap:8px}.control-btn[data-v-bbffe190]{width:32px;height:32px;border:none;border-radius:6px;background-color:#f3f4f6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.control-btn[data-v-bbffe190]:hover{background-color:#e5e7eb}.control-btn.active[data-v-bbffe190]{background-color:#3b82f6;color:#fff}.control-btn.skip-btn[data-v-bbffe190]{background-color:#f59e0b;color:#fff;animation:pulse-bbffe190 1s infinite}.main-content[data-v-bbffe190]{flex:1;display:flex;justify-content:space-between;min-height:0}.text-output[data-v-bbffe190]{width:70%;display:flex;flex-direction:column;border-right:1px solid #e0e0e0;min-height:0;background:linear-gradient(180deg,#c7e5ff,#fff);box-shadow:0 .4166666667vw 1.5625vw #5f5be233;border-radius:1.5625vw;border:.0520833333vw solid #ffffff}.output-header[data-v-bbffe190]{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:16px;font-weight:700;color:#333}.status-indicators[data-v-bbffe190]{display:flex;gap:12px;font-size:12px;font-weight:400}.idle-indicator[data-v-bbffe190]{color:#6b7280;font-weight:500}.idle-playing-indicator[data-v-bbffe190]{color:#8b5cf6;font-weight:500}.voice-status-indicator[data-v-bbffe190]{color:#3b82f6;font-weight:500}.speaking-indicator[data-v-bbffe190]{color:#10b981}.waiting-indicator-text[data-v-bbffe190]{color:#f59e0b}.typing-indicator-text[data-v-bbffe190]{color:#3b82f6}.interrupting-indicator[data-v-bbffe190]{color:#f59e0b}.output-content[data-v-bbffe190]{flex:1;overflow-y:auto;padding:3.125vw;scroll-behavior:smooth}.output-content[data-v-bbffe190]::-webkit-scrollbar{width:.5208333333vw}.output-content[data-v-bbffe190]::-webkit-scrollbar-track{background:transparent;border-radius:.5208333333vw;margin:1.0416666667vw}.output-content[data-v-bbffe190]::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:.5208333333vw;border:.1041666667vw solid transparent;background-clip:content-box}.output-content[data-v-bbffe190]::-webkit-scrollbar-thumb:hover{background-color:#9ca3afcc}.output-content[data-v-bbffe190]::-webkit-scrollbar-button{display:none}.messages-list[data-v-bbffe190]{display:flex;flex-direction:column;gap:16px;min-height:100%}.messages-list .selfBox[data-v-bbffe190]{display:flex;flex-direction:column;height:74.0740740741vh}.messages-list .selfBox .selfImg[data-v-bbffe190]{width:100%;color:#fff;margin-bottom:1.0416666667vw;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:.5208333333vw}.messages-list .selfBox .selfImg img[data-v-bbffe190]{width:100%;height:100%}.messages-list .self[data-v-bbffe190]{padding-top:0;width:100%!important;max-width:100%!important;height:74.0740740741vh;overflow-y:auto;scroll-behavior:smooth;position:relative}.messages-list .self img[data-v-bbffe190]{max-width:100%}.messages-list .self .liubai[data-v-bbffe190]{position:sticky;top:0;width:100%;height:1.5625vw;background:#fff;z-index:99}.messages-list .self[data-v-bbffe190]::-webkit-scrollbar{width:8px}.messages-list .self[data-v-bbffe190]::-webkit-scrollbar-thumb{background:#4576f933;border-radius:4px}.message[data-v-bbffe190]{padding:1.5625vw;border-radius:.625vw;position:relative;box-shadow:0 1px 2px #0000001a;background:#fff;border-radius:.5208333333vw}.user[data-v-bbffe190]{max-width:80%;align-self:flex-end;text-align:right}.user .message[data-v-bbffe190]{background:#4576f9;border-radius:.5208333333vw;color:#fff}.user .currentName[data-v-bbffe190]{text-align:right;font-size:1.1458333333vw;color:#000;margin:0 .0520833333vw .5208333333vw}.assistant[data-v-bbffe190]{max-width:80%;align-self:flex-start}.assistant .currentName[data-v-bbffe190]{text-align:left;font-size:1.1458333333vw;color:#000;margin:0 .0520833333vw .5208333333vw}.loading[data-v-bbffe190]{width:10.4166666667vw;height:18.5185185185vh;position:relative;top:-3.125vw}.message-content[data-v-bbffe190]{line-height:1.6;word-wrap:break-word;font-size:1.1458333333vw;margin-bottom:.2083333333vw;text-align:left}.message-time[data-v-bbffe190]{font-size:1.1458333333vw;opacity:.7;margin-top:.2083333333vw;text-align:left}.user .message-time[data-v-bbffe190]{color:#fffc}.assistant .message-time[data-v-bbffe190]{color:#6c757d}.typing-cursor[data-v-bbffe190]{animation:blink-bbffe190 1s infinite;color:#3b82f6;font-weight:700}@keyframes blink-bbffe190{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator[data-v-bbffe190]{display:inline-flex;align-items:center;gap:3px;margin-right:8px}.typing-indicator span[data-v-bbffe190]{width:6px;height:6px;border-radius:50%;background-color:#6c757d;animation:typing-bbffe190 1.4s infinite}.typing-indicator span[data-v-bbffe190]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-bbffe190]:nth-child(3){animation-delay:.4s}@keyframes typing-bbffe190{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}.connection-info[data-v-bbffe190]{height:60px;background-color:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-around;padding:0 20px;flex-shrink:0}.connection-item[data-v-bbffe190]{display:flex;align-items:center;gap:8px;font-size:12px}.label[data-v-bbffe190]{color:#6c757d;font-weight:500}.value[data-v-bbffe190]{font-weight:700}.value.connected[data-v-bbffe190]{color:#10b981}.value.disconnected[data-v-bbffe190]{color:#ef4444}.digital-human[data-v-bbffe190]{flex:1;margin-left:2.0833333333vw;display:flex;flex-direction:column;background-color:#fff;min-height:0;background:linear-gradient(180deg,#c7e5ff,#fff);box-shadow:0 .4166666667vw 1.5625vw #5f5be233;border-radius:1.5625vw;border:.0520833333vw solid #ffffff;position:relative}.digital-human .tip[data-v-bbffe190]{position:absolute;bottom:1.0416666667vw;left:50%;transform:translate(-50%);z-index:999;background:#a9b0ff80;box-shadow:0 .2083333333vw .9895833333vw #4576f947;border-radius:1.0416666667vw;height:15.5555555556vh;border:1px solid #ffffff;width:90%;padding:1.0416666667vw;text-align:left}.digital-human .tip .tipTitle[data-v-bbffe190]{font-size:1.4583333333vw;font-weight:700;margin-bottom:.5208333333vw}.digital-human .tip .tipInfo[data-v-bbffe190]{font-size:1.0416666667vw}.human-container[data-v-bbffe190]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:0}.duix-video[data-v-bbffe190]{width:100%;height:100%;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(180deg,#c7e5ff,#fff);box-shadow:0 .4166666667vw 1.5625vw #5f5be233;border-radius:1.5625vw;border:.0520833333vw solid #ffffff}.duix-video[data-v-bbffe190] video{top:-6.5625vw!important;transform:scale(1.4)!important}.connect-overlay[data-v-bbffe190]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;gap:12px}.connect-btn[data-v-bbffe190]{padding:12px 24px;background-color:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.0416666667vw;font-weight:500;transition:all .2s}.connect-btn[data-v-bbffe190]:hover:not(:disabled){background-color:#1565c0;transform:translateY(-1px)}.connect-btn[data-v-bbffe190]:disabled{background-color:#bbb;cursor:not-allowed;transform:none}.error-toast[data-v-bbffe190]{position:fixed;bottom:20px;right:20px;background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;border:1px solid #fca5a5;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #dc262633;transition:all .2s}.error-toast[data-v-bbffe190]:hover{background-color:#fecaca;transform:translateY(-1px)}@keyframes pulse-bbffe190{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.main-content[data-v-bbffe190]{flex-direction:column}.text-output[data-v-bbffe190]{flex:1;border-right:none;border-bottom:1px solid #e0e0e0}.digital-human[data-v-bbffe190]{height:400px}.header-controls[data-v-bbffe190]{gap:10px}.control-buttons[data-v-bbffe190]{gap:4px}.connection-info[data-v-bbffe190]{flex-direction:column;height:80px;gap:8px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{margin:0 auto;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}