.audio-player{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;padding:.6vh 5vw;border-radius:1rem}.play-pause{margin-right:10px;font-size:1.2rem;color:var(--primary-color, #464feb)}.progress-bar{flex-grow:1;min-width:40vw;height:.6rem;border-radius:.5rem;background-color:#d1d1d1;cursor:pointer;position:relative}.progress{height:.6rem;border-radius:.5rem;background:var(--primary-color, #464feb)}.audioWave{display:flex;justify-content:center;align-items:center}.image-viewer{width:100%}.image-viewer .preview-image{width:100%;height:auto;border-radius:.5rem}.image-mask{backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);z-index:999;display:flex;justify-content:center;align-items:center}.image-mask .view-image-container{position:relative}.image-mask .view-image-container .close-icon{position:absolute;top:-.6rem;right:-.6rem;font-size:1.5rem;color:var(--primary-color, #464feb)}.image-mask .view-image-container .view-image{width:85vw;max-height:85vh;border-radius:.5rem}.images-viewer{display:flex;align-items:center}.images-viewer .preview-swiper{width:62vw;padding-top:6px;padding-bottom:6px}.images-viewer .preview-swiper .swiper-slide{background-position:center;background-size:cover;width:40vw;height:40vw}.images-viewer .preview-swiper .swiper-slide img{display:block;height:100%;width:100%;object-fit:cover;border-radius:.5rem;box-shadow:0 3px 5px #00000026;background-color:var(--white, #ffffff)}.images-viewer .view-swiper{width:85vw;max-height:85vh}.images-viewer .view-swiper .swiper-slide{background-position:center;background-size:cover;display:flex;height:auto}.images-viewer .view-swiper .swiper-slide img{display:block;width:100%;object-fit:contain;border-radius:.5rem}.images-viewer .prev-button,.images-viewer .next-button{font-size:1.3rem}.images-viewer .pagination-number{margin-top:2vh}.bubble-group{margin-bottom:2vh}.bubble-group .bubble{display:flex;align-items:flex-end;margin-bottom:2vh}.bubble-group .bubble .role{flex-shrink:0;width:2.2rem;height:2.2rem;background:var(--white, #ffffff);border-radius:100%}.bubble-group .bubble .role img{margin-top:.2rem;width:1.8rem;height:1.8rem;object-fit:cover}.bubble-group .bubble .content{box-shadow:0 1px 2px #00000024,0 0 2px #0000001f;display:flex;flex-direction:column;padding:1vh 3vw}.bubble-group .bubble .content .title{font-size:1.25rem;color:var(--primary-color, #464feb);margin-left:1vw;margin-top:.5vh;margin-bottom:1vh;text-align:left}.bubble-group .bubble .content .content-item{margin-bottom:1.5vh}.bubble-group .bubble .content .content-item:last-child{margin-bottom:0}.bubble-group .bubble .content .text{font-size:1.125rem;line-height:150%;text-align:left;color:var(--black, #242424)}.bubble-group .bubble .content .news{max-height:50vh;overflow-y:scroll;padding:0 3%}.bubble-group .bubble .content .news .content-item{margin-bottom:1vh}.bubble-group .bubble .content-image{width:100%}.bubble-group .bubble:last-child{margin-bottom:0}.bubble-group .agent-bubble .role{margin-right:3vw}.bubble-group .agent-bubble .label{align-self:flex-end;width:fit-content;padding:.2vh 3vw;color:#616161;font-size:.82rem;border-radius:100px;border:1px solid #e0e0e0;background:#f0f0f0}.bubble-group .agent-bubble .content{border-radius:.6rem .6rem .6rem 0;background:var(--white, #ffffff)}.bubble-group .agent-bubble .content-news{border-radius:.6rem!important}.bubble-group .agent-bubble .content-news .title{padding:0 1%}.bubble-group .agent-bubble .draw-content{width:100%;padding:26px 0;border-radius:.6rem!important;background:url(/upload_bg.jpg) no-repeat center center;background-size:cover;flex-direction:row;justify-content:center;border:5px solid #a1c4fd}.bubble-group .agent-bubble .draw-content .draw-icon{border-radius:100%;box-shadow:-3px 4px 2px #00000024,0 0 2px #0000001f;font-size:6rem;margin-right:5%}.bubble-group .agent-bubble .draw-content .right-div .draw-name{color:var(--white, #ffffff);font-size:1.5rem;font-weight:700;margin-bottom:15px}.bubble-group .agent-bubble .draw-content .right-div .draw-button{width:fit-content;text-decoration:underline!important;color:var(--white, #ffffff);font-size:1.125rem;font-weight:700;line-height:150%;background:var(--Style, rgba(255, 255, 255, .25));border:none}.bubble-group .agent-bubble:not(:first-child) .content{border-radius:0 .6rem .6rem}.bubble-group .user-bubble{flex-direction:row-reverse}.bubble-group .user-bubble .role{margin-left:3vw}.bubble-group .user-bubble .role .role-icon{font-size:2.2rem}.bubble-group .user-bubble .content{border-radius:.6rem .6rem 0;background:var(--Style, #c7d1ff)}.bubble-group .user-bubble .content .audio-player{background:var(--white2, #fafafa)}.toolbar{z-index:998;display:flex;justify-content:space-between;align-items:center;padding:3vh 6vw 5vh 6vw;border-radius:1.25rem 1.25rem 0px 0px;background:var(--white, #ffffff);box-shadow:0 1px 24.9px #00000040}.toolbar .icon{font-size:1.8rem}.toolbar .text-input{width:70vw;background:var(--Style, #f0f0f0);border:0;height:3rem;padding:0 1rem}.toolbar path{stroke:var(--black, #242424)}.toolbar .record-button{position:relative;margin:0 auto;width:55vw;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-touch-callout:none}.toolbar .record-button .record-icon{font-size:1.5rem;margin-right:2vw}.toolbar .record-button .record-icon svg path{stroke:var(--white, #ffffff)}.toolbar .record-button .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff0}.toolbar .record-button:disabled svg path{stroke:#00000040}.toolbar .recording-button,.toolbar .recording-button:hover,.toolbar .recording-button:active{background:var(--secondary-color, #5b7fff)!important;width:80vw}.toolbar .image-upload-container{position:relative}.toolbar .image-upload-container .image-upload{cursor:pointer;position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border-radius:4px}.mask{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:#fff9;backdrop-filter:blur(7.5px);-webkit-backdrop-filter:blur(7.5px);display:flex;flex-direction:column;align-items:center}.mask .cancel-button{position:absolute;bottom:20vh;color:var(--primary-color, #464feb);border:2px solid var(--secondary-color, #5b7fff);width:55vw}.mask .cancel-button .icon{font-size:1.5rem;margin-right:2vw}.mask .cancel-button-active{width:80vw;background:var(rgba(70, 79, 235, .25))}.mask .recording-wave-view{position:absolute;top:40vh;width:74vw;height:8vh}.chat-page{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--Style, #f0f0f0)}.chat-page .chat-content{flex-grow:1;flex-shrink:1;overflow-y:scroll;background:var(--Style, #f0f0f0);padding:3vh 5vw .5vh 5vw}.chat-page .warning{font-size:.9rem;line-height:1.8rem;color:#888;text-align:center}.draw-page{height:100%;background:#eaeaeb}.draw-page .container{height:100%;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.draw-page .draw-task{display:flex;justify-content:center;align-items:center;margin:3vh auto;padding:1.2vh 4%;width:86%;background:var(--Style, #f3f3f3);color:var(--black, #242424);font-size:1.25rem;border-radius:.5rem}.draw-page .draw-task .draw-task-audio{margin-right:.5rem}.draw-page .draw-toobar{width:70%;margin:auto;margin-bottom:2vh;padding:1vh 0;background:var(--Style, #f3f3f3);border-radius:6vh;box-shadow:0 1px 10px #00000017,0 -2px 4.3px #0000001a,0 0 76.8px #0000001f;display:flex;justify-content:center;align-items:center;position:relative}.draw-page .draw-toobar .draw-icon{font-size:1.6rem;margin:0 5%}.draw-page .draw-toobar .question{height:3vh;width:3vh;border-radius:50%;background:var(--secondary-color, #5b7fff);position:absolute;right:calc(-3vh - 2%);display:flex;justify-content:center;align-items:center}.draw-page .submit-button{margin-top:3vh;margin-bottom:3vh;border-radius:10px;box-shadow:0 1px 2px #00000024,0 0 2px #0000001f;width:80%}.draw-mask{background:#ffffffb3!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;z-index:99999}.draw-mask .close-button{margin-top:3vh;margin-left:85%;background-color:var(--third-color, #b0beff);width:2.2rem;height:2.2rem;padding:4px;border-radius:50%;display:flex;justify-content:center;align-items:center}.draw-mask .tips-container{margin-top:2vh}.draw-mask .tips-container .tip{display:flex;flex-direction:column;align-items:center}.draw-mask .tips-container .tip .audio-control{display:flex;justify-content:center;align-items:center;background:var(--third-color, #b0beff);width:50px;height:50px;border-radius:10px}.draw-mask .tips-container .tip .tip-text{margin-top:4vh;width:80%;height:10vh;font-size:1.25rem;color:var(--black, #242424)}.draw-mask .tips-container .tip .tip-gif{width:75%;border-radius:20px;margin-bottom:5vh}.draw-mask .get-button{border-radius:10px;width:75%;margin-top:3vh}.feedback-popup{border-radius:40px 40px 0 0;background:var(--white2, #fafafa);box-shadow:0 1px 24.9px #00000040;padding:3rem 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:30vh}.feedback-popup .rating-group{width:70%;display:flex;justify-content:space-between;align-items:center}.feedback-popup .rating-group .rating-item{position:relative;height:4.5rem}.feedback-popup .rating-group .rating-item .back-rating{font-size:4.5rem}.feedback-popup .rating-group .rating-item .rating{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0rem;animation:growText .7s ease-in forwards}.feedback-popup .rating-group .rating-item:nth-child(1) .rating{animation-delay:.2s}.feedback-popup .rating-group .rating-item:nth-child(2) .rating{animation-delay:1.2s}.feedback-popup .rating-group .rating-item:nth-child(3) .rating{animation-delay:2.2s}@keyframes growText{0%{font-size:0rem}to{font-size:4.5rem}}.feedback-popup .feedback-info{margin-top:2.5vh;opacity:0;animation:opacityChange .2s ease-in forwards}@keyframes opacityChange{0%{opacity:0}to{opacity:2}}.feedback-popup .feedback-audio{margin-bottom:1.5vh}.feedback-popup .feedback-text{font-size:1.25rem;color:var(--black, #242424);margin-bottom:3vh}.feedback-popup .continue-button{border-radius:10px;box-shadow:0 1px 2px #00000024,0 0 2px #0000001f;width:100%}.feedback-popup .back-button{margin-top:1.5vh;border:3px solid var(--primary-color, #464feb);color:var(--primary-color, #464feb)}.feedback-popup .loading{font-size:1.5rem}.home-page{background:var(--Style, #f0f0f0);height:100%}.home-page .content{height:100%}.home-page .head-container{margin-top:1vh;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-page .head-container .desc{font-weight:600;color:var(--black, #242424);margin-top:2vh;margin-bottom:5vh}.home-page .row{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:1.2vh;grid-column-gap:2.5vw}.home-page .row .item-button{background:var(--white, #ffffff);border-radius:2rem;padding:3vh 5vw;font-size:1.25rem;display:flex;flex-direction:column;align-items:flex-start;color:var(--black, #242424);text-decoration:none}.home-page .row .item-button .icon{font-size:2rem;display:block;margin-bottom:2vh}.home-page .row .disabled-item-button{background:"#ECECEC"}.home-page .row .disabled-item-button .icon path{fill:#d1d1d1;stroke:gray;stroke-width:1}.home-page .begin-conversion{flex-grow:.5;flex-shrink:.5;width:100%;margin-top:1.5vh;margin-bottom:7vh;padding:6vh 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:2.25rem;color:var(--white, #ffffff);border-radius:40px;background:linear-gradient(270deg,#0000,#0006 50%),url(/bg_start.jpg) #d3d3d3 50% / cover no-repeat}.home-page .begin-conversion .title .icon{margin-right:2vw}.home-page .begin-conversion .start-button{margin-top:4vh;width:4.5rem;height:4.5rem}.home-page .begin-conversion .start-button .icon{font-size:2.6rem}.game-page .game-nav{background:none;box-shadow:none}.game-page .game-head{margin-top:2vh}.game-page h1{font-size:1.5rem;font-weight:400;margin-bottom:2vh}.game-page h1 .icon{font-size:1.9rem;margin-right:4vw}.game-page .random-conversion{background:linear-gradient(270deg,#0000,#0006 50%),url(/random_bg.png) #d3d3d3 50% / cover no-repeat;padding:3vh 6vw;margin-bottom:6vh}.game-page .footer{font-size:.8rem;padding:2vh 6vw;color:#999}.game-page .footer a{color:#777}#root{max-width:800px;height:100%;margin:0 auto;text-align:center;font-size:16px;font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;position:relative;overflow-y:auto;overflow-x:hidden}*{padding:0;margin:0;border:0px;box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overscroll-behavior:none;-webkit-overflow-scrolling:auto}.default-button{border-radius:3rem;width:190px;height:3rem;font-size:1.25rem;box-shadow:none;text-decoration:none!important;border-width:2px}.page{display:flex;flex-direction:column;align-items:center}.page .content{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 6vw}.adm-toast-mask .adm-toast-main{word-break:break-word;text-align:justify}.slide-enter{position:absolute;top:0;left:0;z-index:1000000;transform:translate(100%)}.slide-enter-active{transform:translate(0);transition:transform .5s}.slide-exit{display:none;z-index:1;transform:translate(0)}.slide-exit-active{z-index:1;transform:translate(-100%);transition:transform .5s ease-out}