:root{font-family:Inter,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{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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{max-width:1280px;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}}.voice-controls{position:absolute;bottom:38px;margin-top:-144px;right:143px;display:flex;flex-direction:column;align-items:center;z-index:10}.voice-btn{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.voice-btn:hover{background:#1890ff4d}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.mic-icon{width:38px;height:38px}.mic-icon.recording{animation:pulse 1.5s infinite}.volume-bars{position:absolute;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:40px;left:80px;bottom:50px;width:200px;z-index:10}.volume-bar{width:18px;transition:height .1s ease,background-color .3s ease;border-radius:2px;background:linear-gradient(90deg,#88adff,#3768fd)}body{background-image:url(https://ai-test.3body.com/ai/%E8%83%8C%E6%99%AF%281%29/%E8%83%8C%E6%99%AF.png);background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.chat-container{display:flex;flex-direction:column;height:100vh;width:800px;margin:0 auto;border-radius:8px;overflow:auto}.chat-header{border-radius:0;border:1px solid rgba(240,243,250,.14);position:absolute;width:100%;left:0;height:75px;margin-bottom:80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#0000004d,#0000000d 25%,#0000000d 75%,#0000004d);z-index:100}.chat-messages{flex:1;padding:100px 20px 20px;overflow-y:auto;position:relative;margin-top:0;scrollbar-width:none}.message{margin-bottom:16px;clear:both;position:relative}.user{display:flex;justify-content:flex-end;margin-left:auto;max-width:80%}.assistant{display:flex;justify-content:flex-start;margin-right:auto}.message-content{max-width:100%}.user .message-content{align-items:flex-end}.assistant .message-content{align-items:flex-start}.message-role{font-weight:700;margin-bottom:4px;font-size:14px;color:#666;text-align:left}.message-text{padding:10px 15px;border-radius:18px;line-height:1.5;word-wrap:break-word;text-align:left;font-size:small}.user .message-text{color:#fff;padding:12px 15px;background:linear-gradient(179deg,#006bb82b,#10b4d11f 100%,#0078b800);box-shadow:inset 0 0 29px #f2fff940;border-radius:20px;border-image:linear-gradient(84deg,#8cafb7,#bcf2ff) 2 2;font-size:14px}.assistant .message-text{font-size:14px;color:#ecedf0;line-height:30px;text-align:left}.chat-input{margin-top:150px;display:flex;padding:15px;position:sticky;bottom:0;background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}.video-content{background:url(../ai/%E6%96%87%E6%9C%AC%E6%A1%86/clipboard_20250626_063228.png);background-size:100% 100%;background-repeat:no-repeat;width:996px;height:200px;padding:24px;box-sizing:border-box;display:flex;justify-content:space-between;flex-direction:column}.textAreaBox{display:flex;justify-content:flex-start}.textAreaBox textarea{margin-top:12px;width:100%;height:22px;border:0px solid #ddd;border-radius:20px;font-size:14px;color:#fff;transition:border .3s;resize:none;outline:none;background:none;height:80px;padding-left:10px}.chat-input textarea:focus{border-color:#1890ff}.chat-input button{margin-left:10px;padding:0 20px;background-color:#1890ff;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .3s}.chat-input button:hover{background-color:#40a9ff}.chat-input button:disabled{background-color:#ccc;cursor:not-allowed}.typing-indicator{display:flex;padding:10px 15px}.typing-indicator span{width:8px;height:8px;margin:0 2px;background-color:#999;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.sending{font-size:12px}.background-video{z-index:1;position:absolute;width:150px;height:150px;object-fit:cover;opacity:0;transition:opacity .5s}.background-video.active{opacity:1}.aiVideo{position:absolute;margin-top:-144px;right:180px}.logo{position:absolute;width:144px;height:74px;z-index:1;top:0;left:20%}.chatImgUp{width:98%;margin-bottom:50px;z-index:-1}.chatImgDown{width:98%;margin-top:50px;z-index:-1;bottom:0}.sent-content{display:flex;justify-content:flex-end;align-items:flex-end;position:relative}.sent-content .button-bg{width:167px;height:61px}.sent-content .button{width:50px;position:absolute;object-fit:contain;top:7px;right:38px}.session-controls{position:absolute;right:20%;top:20px;display:flex;gap:10px}.session-btn{padding:5px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;cursor:pointer;transition:all .3s;font-weight:500;font-size:16px;color:#a9c5f8;line-height:26px;text-align:left;font-style:normal;text-transform:none;display:flex;justify-content:flex-start;align-items:center}.add-btn{width:14px;height:14px;margin-right:6px}.session-btn:hover{background:#ffffff80}.history-panel{position:absolute;top:80px;left:0;width:300px;height:calc(100vh - 160px);background:#000000b3;z-index:10;overflow-y:auto;padding:10px;font-size:15px;color:#ecedf0;text-align:left;border-right:1px solid rgba(255,255,255,.1)}.history-panel--floating{left:auto;right:20%;top:70px;width:210px;height:auto;max-height:280px;background:#33363d;box-shadow:inset 0 0 13px #c6fffc0d;border-radius:8px;border:1px solid #4C4E56;padding:12px}.history-list{display:flex;flex-direction:column;gap:10px}.empty-content{text-align:center}.history-item{width:209px;border-radius:7px;cursor:pointer;transition:all .3s;position:relative;font-size:16px;color:#f1f2f5;padding:7px 13px;box-sizing:border-box}.history-item:hover{background:#63666e}.history-item.active{background:#63666e;border-left:0}.history-item__main{display:flex;align-items:center;justify-content:space-between}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:260px;color:#f1f2f5}.history-right{display:flex;align-items:center;gap:12px}.history-clock{width:18px;height:18px;background-image:url(../ai/icon(1)/%E5%8E%86%E5%8F%B2%E6%B6%88%E6%81%AF.png);background-size:contain;background-repeat:no-repeat;display:inline-block}.history-more{width:18px;height:18px;background-image:url(/ai/icon%281%29/Property%201%3D%E6%9B%B4%E5%A4%9A.png);background-size:contain;background-repeat:no-repeat;display:inline-block}.delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:6px;width:68px;height:28px;background:#ff4c46;color:#fff;border:none;border-radius:5px;padding:6px 10px;font-size:12px;box-sizing:border-box;z-index:10}.more-icon{width:16px;height:16px}.delete-icon{width:18px;height:18px}.history-item:hover .delete-btn{display:flex}.icon-box{width:38px;height:38px;background:#1c202c;border-radius:8px;border:1px solid #4C4E56;display:flex;align-items:center;justify-content:center}.history-img{width:25px;object-fit:contain}.voice-img{width:27px;object-fit:contain}.cen-logo{position:relative}.big-logo{width:400px;object-fit:contain}.send{margin-top:20px;position:relative}.recording-indicator{margin-top:10px;color:#ff4d4f;font-size:14px;display:flex;align-items:center}.pulse{width:10px;height:10px;background-color:#ff4d4f;border-radius:50%;margin-right:5px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}.audio-player{display:none}