:root{--scroll-width: 8px;--address-bar-height: 0}@keyframes dropDownOpen{0%{transform:scaleY(0);opacity:0}100%{transform:scaleY(1);opacity:1}}@keyframes dropDownClose{0%{transform:scaleY(1);opacity:1}100%{transform:scaleY(0);opacity:0}}@keyframes rotateAni{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.disabled-scroll{overflow:hidden}.column-center{display:flex;flex-direction:column;align-items:center}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hide{display:none !important}.select-input-container{position:relative;display:flex;align-items:center;background-color:#fff}.select-input-container .value-input{flex:1;width:0;height:100%;cursor:pointer;user-select:none}.select-input-container .select-list{position:absolute;left:0;height:fit-content;background-color:#fff;transform-origin:top;overflow-y:auto;opacity:0;transform:scaleY(0);z-index:99}.select-input-container .select-list.open{animation:dropDownOpen 0.3s forwards}.select-input-container .select-list.close{animation:dropDownClose 0.3s forwards}.select-input-container .select-list .select-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;position:relative;width:100%;padding:10px 30px 10px 16px}.select-input-container .select-list .select-option:hover{background-color:#ecebef}.select-input-container .select-list .select-option.key-active{background-color:#ecebef}.select-input-container .select-list .select-option.active-option{color:#6d4dff;background-color:#f1eeff}.select-input-container .select-list .select-option.active-option::after{content:"";width:14px;height:14px;background-image:url("../img/ai-podcast-generator/choose_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.select-input-container .select-list .no-data{color:#cacaca;font:normal normal 400 14px / 21px Poppins;width:100%;padding:10px 30px 10px 16px}.vidnoz_popup .type_icon{flex-shrink:0}.vidnoz_popup.error .type_icon{background-image:url("../img/ai-podcast-generator/tip_error_icon.svg")}.vidnoz_popup.info{display:flex}.vidnoz_popup.info .type_icon{display:block;background-image:url("../img/ai-podcast-generator/tip_info_icon.svg")}.vidnoz_popup.info .popup_title{color:#39325a}.podcast-generator.is-loading .type-container,.podcast-generator.is-loading .tool-header,.podcast-generator.is-loading .tool-content,.podcast-generator.is-loading .tool-option{pointer-events:none;user-select:none}.podcast-generator.uploading .type-container,.podcast-generator.uploading .generate-btn{pointer-events:none;user-select:none}@media screen and (min-width: 1200px){.popup_box .vidnoz_popup{width:420px;flex-direction:column;align-items:center;padding:26px 25px 32px;border-radius:16px}.popup_box .vidnoz_popup .popup_close{top:8px;right:8px;width:32px;height:32px;border-radius:6px;background-size:24px 24px;background-position:center;background-color:transparent;background-image:url("../img/ai-podcast-generator/close_icon.svg")}.popup_box .vidnoz_popup .popup_close:hover{background-color:#e8e8ea;background-image:url("../img/ai-podcast-generator/close_icon.svg")}.popup_box .vidnoz_popup .type_icon{width:48px;height:48px}.popup_box .vidnoz_popup .popup_container{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:40px}.popup_box .vidnoz_popup .popup_container .popup_title{margin-bottom:8px}.popup_box .vidnoz_popup .popup_container .popup_content{text-align:center}.popup_box .vidnoz_popup .popup_btn{position:unset;width:131px;height:44px;line-height:44px;border-radius:8px}.is-mobile{display:none !important}.select-list{top:61px;min-width:229px;max-height:288px;padding:8px 0;box-shadow:0px 3px 6px #39325a80;border-radius:8px}.select-input-container{gap:8px;width:229px;height:56px;padding:8px 10px 8px 16px;border:1px solid #39325a40;border-radius:10px;transition:all 0.3s ease}.select-input-container:hover{border-color:#39325a;cursor:pointer}.select-input-container:hover .down-icon{background-color:#39325a}.select-input-container .value-input{color:#39325a;font:normal normal 400 14px / 21px Poppins}.select-input-container .down-icon{width:14px;height:14px;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#9c98ac;transition:all 0.3s ease}.select-container-title{color:rgba(57,50,90,0.501961);font:normal normal 400 12px / 18px Poppins;position:absolute;top:-9px;left:10px;padding:0 2px;background-color:#fff}.play-state-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background-color:#e7e3ff;transition:all 0.3s ease}.play-state-icon:hover{background-color:#dbd3ff;cursor:pointer}.play-state-icon.play::after{content:"";width:16px;height:16px;background-image:url("../img/ai-podcast-generator/example_play_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.play-state-icon.pause::after{content:"";width:16px;height:16px;background-image:url("../img/ai-podcast-generator/example_pause_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator{padding:24px 10px 24px;background-image:url("../img/ai-podcast-generator/podcast_bg.png");background-repeat:no-repeat;background-position:center;background-size:cover}.podcast-generator .title{color:#39325a;font:normal normal 700 40px / 60px Poppins;text-align:center}.podcast-generator .description{color:#39325a;font:normal normal 300 16px / 22px Poppins;padding:8px 0 44px;text-align:center}.podcast-generator .tool-container{width:1064px;height:526px;padding:16px;background-color:#fdfeff;box-shadow:0px 3px 6px #2a222226;border-radius:16px}.podcast-generator .tool-container .tool-header{display:flex;align-items:center;justify-content:space-between}.podcast-generator .tool-container .tool-header .type-container{display:flex;gap:10px;padding:8px;border-radius:10px;border:1px solid #39325a40}.podcast-generator .tool-container .tool-header .type-container .type-option{position:relative;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background-color:#f8f6ff}.podcast-generator .tool-container .tool-header .type-container .type-option::after{content:"";position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:8px solid transparent}.podcast-generator .tool-container .tool-header .type-container .type-option:hover{background-color:#e2dbff;cursor:pointer}.podcast-generator .tool-container .tool-header .type-container .type-option.active{background-color:#6d4dff}.podcast-generator .tool-container .tool-header .type-container .type-option.active::after{border-top-color:#6d4dff}.podcast-generator .tool-container .tool-header .type-container .type-option.active .type-icon{background-color:#fff}.podcast-generator .tool-container .tool-header .type-container .type-option.active .text-content{color:#fff}.podcast-generator .tool-container .tool-header .type-container .type-option .type-icon{width:24px;height:24px;mask-image:url("../img/ai-podcast-generator/text_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.podcast-generator .tool-container .tool-header .type-container .type-option .type-icon.text{mask-image:url("../img/ai-podcast-generator/text_icon.svg")}.podcast-generator .tool-container .tool-header .type-container .type-option .type-icon.file{mask-image:url("../img/ai-podcast-generator/file_icon.svg")}.podcast-generator .tool-container .tool-header .type-container .type-option .type-icon.link{mask-image:url("../img/ai-podcast-generator/link_icon.svg")}.podcast-generator .tool-container .tool-header .type-container .type-option .type-icon.youtube{mask-image:url("../img/ai-podcast-generator/youtube_icon.svg")}.podcast-generator .tool-container .tool-header .type-container .type-option .text-content{color:#39325a;font:normal normal 400 14px / 21px Poppins}.podcast-generator .tool-container .tool-header .generator-info-container{display:flex;gap:10px}.podcast-generator .tool-container .tool-content{margin:16px 0 24px}.podcast-generator .tool-container .tool-content .type-content{height:221px;padding:12px 14px;border-radius:10px}.podcast-generator .tool-container .tool-content .text{display:flex;flex-direction:column;align-items:flex-end;border:1px solid #39325a40;background-color:#fff;transition:all 0.3s ease}.podcast-generator .tool-container .tool-content .text:hover{border-color:#39325a}.podcast-generator .tool-container .tool-content .text:focus-within{border-color:#6d4dff}.podcast-generator .tool-container .tool-content .text .text-textarea{color:#39325a;font:normal normal 400 14px / 21px Poppins;width:100%;height:100%;border:none;outline:none;resize:none}.podcast-generator .tool-container .tool-content .text .word-count{display:flex;align-items:center;text-align:right;font:italic normal 400 14px/22px Poppins;opacity:0.3}.podcast-generator .tool-container .tool-content .text .word-count.error{opacity:1}.podcast-generator .tool-container .tool-content .text .word-count.error span{color:#e10808}.podcast-generator .tool-container .tool-content .upload{position:relative;padding:0;border:1px dashed #6d4dff;background-color:#fff}.podcast-generator .tool-container .tool-content .upload.uploaded-border{border-style:solid}.podcast-generator .tool-container .tool-content .upload .tobe-upload,.podcast-generator .tool-container .tool-content .upload .uploading,.podcast-generator .tool-container .tool-content .upload .uploaded{height:100%;padding-top:57px;border-radius:10px}.podcast-generator .tool-container .tool-content .upload .tobe-upload{cursor:pointer}.podcast-generator .tool-container .tool-content .upload .tobe-upload:hover{background-color:#f9f8ff}.podcast-generator .tool-container .tool-content .upload .tobe-upload .upload-icon{width:60px;height:42px;background-image:url("../img/ai-podcast-generator/upload_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .upload .tobe-upload .tip{color:#39325a;font:normal normal 500 14px / 22px Poppins;padding:12px 0 6px}.podcast-generator .tool-container .tool-content .upload .tobe-upload .upload-type{color:#39325a;font:normal normal 400 14px / 22px Poppins;opacity:0.5}.podcast-generator .tool-container .tool-content .upload .uploading .uploading-icon{width:50px;height:50px;background-image:url("../img/ai-podcast-generator/uploading_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 2s linear infinite}.podcast-generator .tool-container .tool-content .upload .uploading .tip{color:#39325a;font:normal normal 400 14px / 22px Poppins;padding-top:18px;opacity:0.5}.podcast-generator .tool-container .tool-content .upload .uploaded{padding-top:55px}.podcast-generator .tool-container .tool-content .upload .uploaded .uploaded-icon{width:38px;height:42px;background-image:url("../img/ai-podcast-generator/uploaded_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .upload .uploaded .tip{color:#39325a;font:normal normal 500 14px / 22px Poppins;padding:14px 0 6px}.podcast-generator .tool-container .tool-content .upload .uploaded .desc{color:#39325a;font:normal normal 400 14px / 22px Poppins;display:flex;align-items:center}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .desc-tip{color:#9e9ab1}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .change-icon{width:14px;height:12px;background-image:url("../img/ai-podcast-generator/change_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;margin:0 2px}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .re-upload{color:#39325a;text-decoration:underline;cursor:pointer}.podcast-generator .tool-container .tool-content .upload .drag-mask{display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:10px;background:rgba(130,101,255,0.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.podcast-generator .tool-container .tool-content .upload .drag-mask .mask-tip{color:#39325a;font:normal normal 400 16px / 25px Poppins;pointer-events:none;user-select:none}.podcast-generator .tool-container .tool-content .link,.podcast-generator .tool-container .tool-content .youtube{padding-top:61px;background-color:#f4f4f7}.podcast-generator .tool-container .tool-content .link .tip,.podcast-generator .tool-container .tool-content .youtube .tip{color:#39325a;font:normal normal 500 14px / 22px Poppins}.podcast-generator .tool-container .tool-content .link .input-container,.podcast-generator .tool-container .tool-content .youtube .input-container{display:flex;align-items:center;width:672px;padding:16px 18px;margin-top:16px;border:1px solid #39325a40;background-color:#fff;border-radius:10px;transition:all 0.3s ease}.podcast-generator .tool-container .tool-content .link .input-container:hover,.podcast-generator .tool-container .tool-content .youtube .input-container:hover{border-color:#39325a}.podcast-generator .tool-container .tool-content .link .input-container:focus-within,.podcast-generator .tool-container .tool-content .youtube .input-container:focus-within{border-color:#6d4dff}.podcast-generator .tool-container .tool-content .link .input-container.error,.podcast-generator .tool-container .tool-content .youtube .input-container.error{border-color:#e10808}.podcast-generator .tool-container .tool-content .link .input-container .url-input,.podcast-generator .tool-container .tool-content .youtube .input-container .url-input{color:#39325a;font:normal normal 400 14px / 21px Poppins;flex:1;margin-left:8px}.podcast-generator .tool-container .tool-content .link .input-container .url-input::placeholder,.podcast-generator .tool-container .tool-content .youtube .input-container .url-input::placeholder{color:rgba(57,50,90,0.6);font:italic normal 400 14px / 21px Poppins}.podcast-generator .tool-container .tool-content .link .input-icon{width:20px;height:20px;background-image:url("../img/ai-podcast-generator/link_input_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .youtube .input-icon{width:22px;height:16px;background-image:url("../img/ai-podcast-generator/youtube_input_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option{display:flex;align-items:center;gap:10px}.podcast-generator .tool-container .tool-option .host-select{position:relative;display:flex;align-items:center;width:270px;height:56px;padding:17px 16px;border-radius:10px;border:1px solid #39325a40;background-color:#fff}.podcast-generator .tool-container .tool-option .host-select .user-info{position:relative;flex:1;display:flex;align-items:center;padding:4px;border-radius:8px;border:1px solid transparent;transition:all 0.3s ease}.podcast-generator .tool-container .tool-option .host-select .user-info.active-hover{color:#6d4dff;border-color:#6d4dff;cursor:pointer}.podcast-generator .tool-container .tool-option .host-select .user-info .avatar{width:22px;height:22px;border-radius:6px}.podcast-generator .tool-container .tool-option .host-select .user-info .user-name{color:#39325a;font:normal normal 400 14px / 21px Poppins;flex:1;width:0;padding-left:6px}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container{position:absolute;top:35px;left:28px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0px 3px 6px #39325a80;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container.open-host-select{animation:dropDownOpen 0.3s forwards}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container.close-host-select{animation:dropDownClose 0.3s forwards}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option{display:flex;align-items:center;gap:8px;padding:12px 16px}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option:hover{background-color:#ecebef;cursor:pointer}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .listen-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/play_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .voice-change-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/voice_change_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .option-txt{color:#39325a;font:normal normal 400 14px / 21px Poppins}.podcast-generator .tool-container .tool-option .host-select .add-icon{width:22px;height:22px;background-image:url("../img/ai-podcast-generator/add_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:20px}.podcast-generator .tool-container .tool-option .generate-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;width:290px;height:56px;background-color:#6d4dff;border-radius:10px;transition:all 0.3s ease;cursor:pointer}.podcast-generator .tool-container .tool-option .generate-btn:hover{background-color:#8970ff}.podcast-generator .tool-container .tool-option .generate-btn.disabled{pointer-events:none;user-select:none}.podcast-generator .tool-container .tool-option .generate-btn.generating{opacity:0.5}.podcast-generator .tool-container .tool-option .generate-btn.generating .generate-btn-icon{width:22px;height:22px;background-image:url("../img/ai-podcast-generator/button_loading_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 1.5s linear infinite}.podcast-generator .tool-container .tool-option .generate-btn .generate-btn-icon{width:24px;height:24px;background-image:url("../img/ai-podcast-generator/generate_btn_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .generate-btn .btn-txt{color:#fff;font:normal normal 500 14px / 21px Poppins;padding-left:8px}.podcast-generator .tool-container .tool-footer{margin-top:16px;border-top:1px solid #e6e5eb}.podcast-generator .tool-container .tool-footer .title{color:#39325a;font:normal normal 400 14px / 21px Poppins;text-align:left;padding:16px 0 12px 0}.podcast-generator .tool-container .tool-footer .example-list{display:flex;align-items:center;gap:11px}.podcast-generator .tool-container .tool-footer .example-list .example-option{display:flex;align-items:center;gap:10px;width:250px;height:56px;padding:8px;border-radius:10px;border:1px solid #6d4dff33;background-color:#6d4dff0d;cursor:pointer}.podcast-generator .tool-container .tool-footer .example-list .example-option:hover{border-color:#6d4dff80}.podcast-generator .tool-container .tool-footer .example-list .example-option .example-title{color:#39325a;font:normal normal 400 14px / 21px Poppins}.podcast-generator .podcast-list{margin-top:16px}.podcast-generator .podcast-list .podcast-option{display:flex;align-items:center;gap:16px;width:1064px;padding:16px;border-radius:16px;background-color:#fefdff;box-shadow:0px 3px 6px #2a222226;margin-bottom:16px}.podcast-generator .podcast-list .podcast-option:hover .podcast-info .podcast-header .share-icon{opacity:1}.podcast-generator .podcast-list .podcast-option:last-child{margin-bottom:0}.podcast-generator .podcast-list .podcast-option .cover-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:10px;border:1px solid #39325a33;background-color:#fff;overflow:hidden}.podcast-generator .podcast-list .podcast-option .cover-container .cover-image{width:100%;height:100%}.podcast-generator .podcast-list .podcast-option .podcast-info{flex:1;display:flex;flex-direction:column;gap:16px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-header{display:flex;align-items:center;justify-content:space-between}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-header .podcast-title{color:#39325a;font:normal normal 600 14px / 21px Poppins;flex:1;width:0;padding-right:12px;cursor:default}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-header .share-icon{width:18px;height:18px;mask-image:url("../img/ai-podcast-generator/share_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#9d96c1;opacity:0;transition:all 0.3s;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-header .share-icon:hover{background-color:#6d4dff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content{display:flex;align-items:center;gap:16px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info{flex:1;display:flex;align-items:center;padding:8px;border-radius:8px;background-color:#f6f4ff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-state-icon{width:28px;height:28px;border-radius:6px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-state-icon::after{width:14px;height:14px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .time-progress-container{flex:1;display:flex;align-items:center}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time{display:flex;align-items:center;padding:0 14px 0 8px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .current-time,.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .line,.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .total-time{color:#39325a;font:normal normal 400 12px / 18px Poppins}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress{position:relative;flex:1;height:6px;border-radius:3px;background-color:#cdc2ff;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-progress{position:absolute;top:0;left:0;width:0%;height:6px;border-radius:3px;background-color:#6d4dff;z-index:2}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-circle{position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #6d4dff;background-color:#fff;z-index:2;transition:box-shadow 0.1s}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-circle:hover{cursor:pointer;box-shadow:0 0 0 4px #6d4dff80}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0 10px 0 16px;border-radius:6px;background-color:#e3e0ee}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control:hover{cursor:pointer;background-color:#e8e3ff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control:hover .voice-icon{background-color:#6d4dff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-icon{width:18px;height:18px;mask-image:url("../img/ai-podcast-generator/voice_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-icon.voice-mute{width:18px;height:18px;mask-image:url("../img/ai-podcast-generator/mute_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup{position:absolute;bottom:calc(100% + 3px);left:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;height:138px;padding:14px 3px 5px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup.open-voice-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup.close-voice-popup{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress{position:relative;flex:1;width:8px;border-radius:6px;background-color:#746f8b}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-progress{position:absolute;left:0;bottom:0;width:8px;height:100%;border-radius:6px;background-color:#fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-circle{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#6d4dff;transition:box-shadow 0.1s}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-circle:hover{box-shadow:0 0 0 4px #fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-number{color:#fff;font:normal normal 400 14px / 21px Poppins;padding-top:3px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:28px;background:#e3e0ee;border-radius:6px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed{color:#39325a;font:normal normal 500 14px / 21px Poppins}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed:hover{cursor:pointer;color:#6d4dff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup{position:absolute;left:0;bottom:calc(100% + 3px);display:flex;flex-direction:column;gap:3px;padding:3px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup.open-speed-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup.close-host-select{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup .speed-option{color:#fff;font:normal normal 400 14px / 21px Poppins;padding:1px 7px;border-radius:4px;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup .speed-option.active{background-color:#6d4dff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn{position:relative;display:flex;align-items:center;justify-content:center;width:178px;height:44px;border-radius:8px;background-color:#6d4dff;transition:all 0.3s ease}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn:hover{background-color:#8970ff;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-left{flex:1;display:flex;align-items:center;height:100%;padding-left:14px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-right{display:flex;align-items:center;justify-content:center;height:100%;padding-left:10px;padding:0 10px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-icon{width:20px;height:20px;background-image:url("../img/ai-podcast-generator/download_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-txt{color:#fff;font:normal normal 500 14px / 24px Poppins;flex:1;margin:0 0 0 6px;border-right:1px solid rgba(255,255,255,0.5)}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .down-icon{width:14px;height:14px;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup{position:absolute;left:0;top:calc(100% + 5px);width:178px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0px 3px 6px #39325a80;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup.open-download-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup.close-download-select{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup .download-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;padding:10px 16px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup .download-option:hover{cursor:pointer;background-color:#ecebef}.voice-popup-pc{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:9999;display:none}.voice-popup-pc.visible-voice-popup{display:flex}.voice-popup-pc .content{position:relative;display:flex;flex-direction:column;max-width:1020px;height:738px;padding:14px 16px 22px;border-radius:16px;background-color:#fff}.voice-popup-pc .content .dialog-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0}.voice-popup-pc .content .dialog-header .dialog-title{color:#1e1e2e;font:normal normal 600 16px / 25px Poppins}.voice-popup-pc .content .dialog-header .close-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:32px;height:32px;border-radius:6px;background-color:transparent;transition:background-color 0.3s ease}.voice-popup-pc .content .dialog-header .close-container:hover{background-color:#e8e8ea;cursor:pointer}.voice-popup-pc .content .dialog-header .close-container .popup-close-icon{width:24px;height:24px;background-image:url("../img/ai-podcast-generator/close_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content{flex:1;min-height:0;display:flex;flex-direction:column;margin:25px 0 22px}.voice-popup-pc .content .dialog-content .filter-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container .select-list{min-width:auto}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="gender"]{width:150px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="gender"] .select-list{width:150px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="emotion"]{width:150px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="emotion"] .select-list{width:150px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="scenario"]{width:194px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="scenario"] .select-list{width:194px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"]{width:210px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter .value-input{color:#39325a40;cursor:unset}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter:hover{border-color:#39325a40;cursor:unset}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter:hover .more-icon{background-color:#9c98ac}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"]:hover .more-icon{background-color:#39325a}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .value-input{color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .more-icon{display:none}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .clear{display:flex}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .more-icon{width:14px;height:14px;mask-image:url("../img/ai-podcast-generator/more_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#9c98ac}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .clear{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:20px;height:20px;border-radius:6px;background-color:#ebeaee;display:none}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .clear .close-icon{width:7px;height:7px;background-image:url("../img/ai-podcast-generator/more_close_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup{position:absolute;right:0;top:calc(100% + 4px);display:flex;flex-direction:column;width:528px;max-height:450px;padding:15px 16px 16px 17px;border-radius:8px;box-shadow:0px 3px 6px #39325a80;background-color:#fff;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup.open-filter-popup{animation:dropDownOpen 0.3s forwards}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content{flex:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-title{color:#39325a;font:normal normal 600 14px / 21px Poppins}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:9px}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content .filter-item{color:#7b7987;font:normal normal 400 14px / 21px Poppins;padding:6px 10px;border-radius:6px;background-color:#ebeaee;transition:color 0.3s ease, background-color 0.3s ease}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content .filter-item:hover{color:#6d4dff;background-color:#f0edff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content .filter-item.is-checked{color:#fff;background-color:#8b3dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-top:16px;margin-top:16px;border-top:1px solid #e6e5eb}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button{color:#39325a;font:normal normal 400 14px / 21px Poppins;display:flex;align-items:center;justify-content:center;width:76px;height:32px;border-radius:6px;background-color:#ebeaee;cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.cancel:hover{background-color:#d7d6de}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.sure{color:#fff;background-color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.sure:hover{background-color:#8970ff}.voice-popup-pc .content .dialog-content .voice-container{position:relative;flex:1;display:grid;grid-template-columns:repeat(3, minmax(300px, 1fr));align-content:flex-start;gap:16px 17px;margin:16px -16px 0;padding:15px 16px 0;min-height:0;background-color:#f9f9fb;overflow-y:auto}.voice-popup-pc .content .dialog-content .voice-container .clone-voice{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:108px;border-radius:10px;border:1px solid #39325a40;background-color:#fff;transition:all 0.3s ease;cursor:pointer}.voice-popup-pc .content .dialog-content .voice-container .clone-voice:hover{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .clone-voice:hover .icon-create{background-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .clone-voice:hover .clone-txt{color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .clone-voice .icon-create{width:32px;height:32px;mask-image:url("../img/ai-podcast-generator/create_video.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.voice-popup-pc .content .dialog-content .voice-container .clone-voice .clone-txt{color:#39325a;font:normal normal 400 14px / 21px Poppins}.voice-popup-pc .content .dialog-content .voice-container .voice-option{position:relative;width:100%;height:108px;padding:11px 12px 18px;border:1px solid #39325a40;border-radius:10px;background-color:#ffffff;cursor:pointer;transition:border-color 0.3s ease}.voice-popup-pc .content .dialog-content .voice-container .voice-option.checked{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .voice-option.checked .voice-checked{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option.is-clone .voice-info .info-container .country-avatar{display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option.is-clone .voice-info .info-container .crown-selete-icon{display:block}.voice-popup-pc .content .dialog-content .voice-container .voice-option:hover{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info{display:flex;align-items:center;gap:12px}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container:hover .play-state-mask{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container.play-loading .play-state-mask{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .avatar{width:44px;height:44px;border-radius:8px;vertical-align:middle}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(to right, rgba(30,30,46,0.6), rgba(30,30,46,0.6));display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .play-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/voice_play.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .pause-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/voice_pause.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .loading-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/voice_loading.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 3s linear infinite}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container{display:flex;align-items:center;justify-content:space-between;gap:4px;flex:1;height:44px;border-bottom:1px solid #e6e5eb}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .voice-name{color:#39325a;font:normal normal 600 14px / 21px Poppins;flex:1;width:0}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .country-avatar{width:20px;height:20px;border-radius:50%;box-sizing:content-box;border:1px solid rgba(140,140,151,0.2)}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .crown-selete-icon{width:20px;height:20px;background-image:url("../img/ai-podcast-generator/crown_selete.svg");background-repeat:no-repeat;background-size:contain;background-position:center;display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .desc{color:#39325a;font:normal normal 400 12px / 17px Poppins;padding-top:16px}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-checked{position:absolute;top:-1px;left:-1px;display:flex;align-items:center;justify-content:center;width:26px;height:20px;border-radius:8px 0px;background-color:#6d4dff;display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-checked .voice-checked-icon{width:14px;height:14px;background-image:url("../img/ai-podcast-generator/voice_checked_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;height:18px;border-radius:0 8px;background-color:#474747}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro .pro-icon{width:12px;height:12px;background-image:url("../img/ai-podcast-generator/voice_pro.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro .pro{color:#fff;font:normal normal 400 11px / 16px Poppins}.voice-popup-pc .content .dialog-footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:24px}.voice-popup-pc .content .dialog-footer .footer-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;color:#39325a;font:normal normal 400 14px / 21px Poppins;width:120px;height:44px;border-radius:8px;background-color:#ebeaee;transition:background-color 0.3s ease, color 0.3s ease;cursor:pointer}.voice-popup-pc .content .dialog-footer .footer-button.cancel:hover{background-color:#d7d6de}.voice-popup-pc .content .dialog-footer .footer-button.sure{color:#fff;background-color:#6d4dff}.voice-popup-pc .content .dialog-footer .footer-button.sure:hover{background-color:#8970ff}.voice-popup-pc .content .voice-loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;border-radius:16px;background-color:rgba(255,255,255,0.9);display:none}.voice-popup-pc .content .voice-loading.show-loading{display:flex}.voice-popup-pc .content .voice-loading .dialog-loading-icon{width:24px;height:24px;mask-image:url("../img/ai-podcast-generator/voice_loading.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#000;transform-origin:center;animation:rotateAni 2s linear infinite}.voice-popup-pc .content .voice-loading .load-text{color:#39325a;font:normal normal 400 14px / 21px Poppins}.detail-popup{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:9999;display:none}.detail-popup.open-detail-popup{display:flex}.detail-popup .content{display:flex;flex-direction:column;width:1064px;height:738px;border-radius:16px;background-color:#fff;overflow-y:auto}.detail-popup .content .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 27px 16px}.detail-popup .content .dialog-header .title-container{display:flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:8px;cursor:pointer}.detail-popup .content .dialog-header .title-container:hover{background-color:#ebeaee}.detail-popup .content .dialog-header .title-container .icon-back{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/back_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-header .title-container .dialog-title{color:#39325a;font:normal normal 400 14px / 24px Poppins}.detail-popup .content .dialog-header .close-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:32px;height:32px;border-radius:6px;background-color:transparent;transition:background-color 0.3s ease}.detail-popup .content .dialog-header .close-container:hover{background-color:#e8e8ea;cursor:pointer}.detail-popup .content .dialog-header .close-container .popup-close-icon{width:24px;height:24px;background-image:url("../img/ai-podcast-generator/close_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content{flex:1;height:0;display:flex;flex-direction:column;padding:0 40px}.detail-popup .content .dialog-content .podcast-info{display:flex;gap:31px}.detail-popup .content .dialog-content .podcast-info .left-container{padding:16px;border-radius:24px;border:1px solid #39325a33}.detail-popup .content .dialog-content .podcast-info .left-container .cover-container{position:relative;width:168px;height:168px;border-radius:12px;border:1px solid #39325a33}.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .cover{width:168px;height:168px;border-radius:12px;vertical-align:middle}.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .play-time{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:77px;height:22px;padding:0 4px;border-radius:6px;border:1px solid #ffffff80;background-color:rgba(51,51,51,0.3)}.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .play-time .current-time{flex:1}.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .play-time .current-time,.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .play-time .total-time,.detail-popup .content .dialog-content .podcast-info .left-container .cover-container .play-time .line{color:#fff;font:normal normal 400 12px / 18px Poppins}.detail-popup .content .dialog-content .podcast-info .left-container .play-progress{position:relative;width:168px;height:4px;margin:14px 0 16px;border-radius:3px;background-color:#9c98ac;cursor:pointer}.detail-popup .content .dialog-content .podcast-info .left-container .play-progress .current-play-progress{position:absolute;top:0;left:0;width:0%;height:4px;border-radius:3px;background-color:#39325a}.detail-popup .content .dialog-content .podcast-info .left-container .play-progress .current-play-circle{position:absolute;top:50%;left:-4px;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background-color:#39325a}.detail-popup .content .dialog-content .podcast-info .left-container .operate{display:flex;align-items:center;justify-content:flex-end;gap:15px}.detail-popup .content .dialog-content .podcast-info .left-container .operate .play-state-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:auto;border-radius:6px;background-color:#39325a;transition:background-color 0.3s ease;cursor:pointer}.detail-popup .content .dialog-content .podcast-info .left-container .operate .play-state-icon:hover{background-color:#6d4dff}.detail-popup .content .dialog-content .podcast-info .left-container .operate .play-state-icon.play::after{width:14px;height:14px;background-image:url("../img/ai-podcast-generator/voice_play.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content .podcast-info .left-container .operate .play-state-icon.pause::after{width:14px;height:14px;background-image:url("../img/ai-podcast-generator/voice_pause.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background-color:#ebeaee}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control:hover{cursor:pointer}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control:hover .voice-icon{background-color:#6d4dff}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-icon{width:18px;height:18px;mask-image:url("../img/ai-podcast-generator/voice_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-icon.voice-mute{width:18px;height:18px;mask-image:url("../img/ai-podcast-generator/mute_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup{position:absolute;bottom:calc(100% + 3px);left:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;height:138px;padding:14px 3px 5px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup.open-voice-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup.close-voice-popup{animation:dropDownClose 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup .voice-progress{position:relative;flex:1;width:8px;border-radius:6px;background-color:#746f8b}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup .voice-progress .current-voice-progress{position:absolute;left:0;bottom:0;width:8px;height:100%;border-radius:6px;background-color:#fff}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup .voice-progress .current-voice-circle{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 2px #fff;background-color:#6d4dff;transition:box-shadow 0.1s}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup .voice-progress .current-voice-circle:hover{box-shadow:0 0 0 4px #fff}.detail-popup .content .dialog-content .podcast-info .left-container .operate .voice-control .voice-popup .voice-number{color:#fff;font:normal normal 400 14px / 21px Poppins;padding-top:3px}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:28px;background:#e3e0ee;border-radius:6px}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed{color:#39325a;font:normal normal 500 14px / 21px Poppins}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed:hover{cursor:pointer;color:#6d4dff}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed-popup{position:absolute;left:0;bottom:calc(100% + 3px);display:flex;flex-direction:column;gap:3px;padding:3px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed-popup.open-speed-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed-popup.close-host-select{animation:dropDownClose 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed-popup .speed-option{color:#fff;font:normal normal 400 14px / 21px Poppins;padding:1px 7px;border-radius:4px;cursor:pointer}.detail-popup .content .dialog-content .podcast-info .left-container .operate .speed-contral .speed-popup .speed-option.active{background-color:#6d4dff}.detail-popup .content .dialog-content .podcast-info .right-container{max-height:262px;display:flex;flex-direction:column;padding-top:16px}.detail-popup .content .dialog-content .podcast-info .right-container .title{color:#39325a;font:normal normal 600 20px / 28px Poppins}.detail-popup .content .dialog-content .podcast-info .right-container .desc{color:#747281;font:normal normal 400 14px / 21px Poppins;flex:1;padding:16px 0;overflow-y:auto}.detail-popup .content .dialog-content .podcast-info .right-container .time-info{display:flex;align-items:center;gap:6px;margin-bottom:18px}.detail-popup .content .dialog-content .podcast-info .right-container .time-info .time-icon{width:18px;height:18px;background-image:url("../img/ai-podcast-generator/time-icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content .podcast-info .right-container .time-info .total-time{color:#6d4dff;font:normal normal 400 14px / 21px Poppins}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn{position:relative;display:flex;align-items:center;justify-content:center;width:178px;height:44px;border-radius:8px;background-color:#6d4dff;transition:all 0.3s ease}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn:hover{background-color:#8970ff;cursor:pointer}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-left{flex:1;display:flex;align-items:center;height:100%;padding-left:14px}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-right{display:flex;align-items:center;justify-content:center;height:100%;padding:0 10px}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-icon{width:20px;height:20px;background-image:url("../img/ai-podcast-generator/download_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-txt{color:#fff;font:normal normal 500 14px / 24px Poppins;flex:1;margin:0 0 0 6px;border-right:1px solid rgba(255,255,255,0.5)}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .down-icon{width:14px;height:14px;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#fff}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-popup{position:absolute;left:0;top:calc(100% + 5px);width:178px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0px 3px 6px #39325a80;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-popup.open-download-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-popup.close-download-select{animation:dropDownClose 0.3s forwards}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-popup .download-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;padding:10px 16px}.detail-popup .content .dialog-content .podcast-info .right-container .download-btn .download-popup .download-option:hover{cursor:pointer;background-color:#ecebef}.detail-popup .content .dialog-content .dialogue{flex:1;height:0;display:flex;flex-direction:column;gap:16px;padding:14px calc(40px - var(--scroll-width)) 14px 40px;margin:23px -40px 0;overflow-y:auto;background-color:#f9f9fb;border-radius:0 0 16px 16px}.detail-popup .content .dialog-content .dialogue .item{position:relative;display:flex;flex-direction:column;gap:16px}.detail-popup .content .dialog-content .dialogue .item .user-info{display:flex;align-items:center;gap:12px}.detail-popup .content .dialog-content .dialogue .item .user-info .avatar{width:32px;height:32px;border-radius:6px;vertical-align:middle}.detail-popup .content .dialog-content .dialogue .item .user-info .name{color:#39325a;font:normal normal 500 14px / 21px Poppins}.detail-popup .content .dialog-content .dialogue .item .con{color:#39325a;font:normal normal 400 14px / 21px Poppins;position:relative;width:fit-content;padding:10px 13px 10px 10px;background-color:#efeef2;border-radius:8px}.detail-popup .content .dialog-content .dialogue .item .con::after{content:"";position:absolute;bottom:-4px;top:-4px;left:10px;width:0;height:0;border-left:8.5px solid transparent;border-right:8.5px solid transparent;border-bottom:6px solid #efeef2;transition:all 0.3s ease}}@media screen and (max-width: 1200px){.footer-window{z-index:98}.home-header{box-shadow:0 0.05rem 0.25rem #b7a4ff69}.bottom-message-box.bottom-message{width:max-content !important;max-width:6.38rem}.popup_box .vidnoz_popup{padding:0.54rem 0.24rem 0.51rem;border-radius:0.4rem}.popup_box .vidnoz_popup .popup_container{padding-top:0.29rem}.popup_box .vidnoz_popup .popup_container .popup_title{margin-bottom:0.12rem}.popup_box .vidnoz_popup .popup_container .popup_content{margin-bottom:0.73rem}.popup_box .vidnoz_popup .type_icon{width:0.88rem;height:0.88rem}.popup_box .vidnoz_popup .popup_btn{width:2.4rem;height:0.88rem;border-radius:0.16rem}.select-input-container .select-list{min-width:100%;max-height:5.72rem;top:0.9rem;padding:0.16rem 0;box-shadow:0 0.06rem 0.12rem #39325a80;border-radius:0.16rem}.is-pc{display:none !important}.select-input-container{width:100%;height:0.82rem;padding:0 0.16rem 0 0.24rem;border-radius:0.16rem;border:0.02rem solid #39325a40}.select-input-container.select-input-container[data-name="duration"] .select-option.active-option::after{right:0.16rem}.select-input-container .value-input{color:#39325a;font:normal normal 400 0.24rem / .35rem Poppins}.select-input-container .down-icon{width:.32rem;height:.32rem;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.select-input-container .select-list{position:absolute;left:0;height:fit-content;background-color:#fff;transform-origin:top;overflow-y:auto;opacity:0;transform:scaleY(0);z-index:99}.select-input-container .select-list.open{animation:dropDownOpen 0.3s forwards}.select-input-container .select-list.close{animation:dropDownClose 0.3s forwards}.select-input-container .select-list .select-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;position:relative;width:100%;padding:0.2rem 0.6rem 0.2rem 0.32rem}.select-input-container .select-list .select-option:hover{background-color:#ecebef}.select-input-container .select-list .select-option.key-active{background-color:#ecebef}.select-input-container .select-list .select-option.active-option{color:#6d4dff;background-color:#f1eeff}.select-input-container .select-list .select-option.active-option::after{content:"";width:.28rem;height:.28rem;background-image:url("../img/ai-podcast-generator/choose_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;right:0.32rem;transform:translateY(-50%)}.select-input-container .select-list .no-data{color:#cacaca;font:normal normal 400 14px / 21px Poppins;width:100%;padding:10px 30px 10px 16px}.select-container-title{color:rgba(57,50,90,0.501961);font:normal normal 400 0.2rem / .3rem Poppins;position:absolute;top:-0.15rem;left:0.22rem;padding:0 0.02rem;background-color:#fff}.play-state-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:0.64rem;height:0.64rem;border-radius:0.1rem;background-color:#e7e3ff;transition:all 0.3s ease}.play-state-icon.play::after{content:"";width:.3rem;height:.3rem;background-image:url("../img/ai-podcast-generator/example_play_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.play-state-icon.pause::after{content:"";width:.3rem;height:.3rem;background-image:url("../img/ai-podcast-generator/example_pause_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator{padding:0.3rem 0.6rem;background-image:url("../img/ai-podcast-generator/podcast_bg_mobile.png");background-repeat:no-repeat;background-position:center;background-size:cover}.podcast-generator .title{color:#39325a;font:normal normal 700 0.45rem / .6rem Poppins;text-align:center}.podcast-generator .description{color:#39325a;font:normal normal 300 0.3rem / .46rem Poppins;text-align:center}.podcast-generator .type-container{display:flex;align-items:center;gap:0.08rem;margin-top:0.56rem}.podcast-generator .type-container .type-option{display:flex;align-items:center;justify-content:center;width:1.28rem;height:1.24rem;background-color:#e6e2ff;border-radius:0.24rem 0.24rem 0 0}.podcast-generator .type-container .type-option.active{width:2.22rem;background-color:#6d4dff}.podcast-generator .type-container .type-option.active .type-icon{background-color:#fff}.podcast-generator .type-container .type-option.active .text-content{display:block}.podcast-generator .type-container .type-option.active[data-type="youtube"] .text-content{font-size:0.26rem;line-height:0.39rem}.podcast-generator .type-container .type-option .type-icon{width:.44rem;height:.44rem;mask-image:url("../img/ai-podcast-generator/text_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a;margin-top:-0.13rem}.podcast-generator .type-container .type-option .type-icon.text{mask-image:url("../img/ai-podcast-generator/text_icon.svg")}.podcast-generator .type-container .type-option .type-icon.file{mask-image:url("../img/ai-podcast-generator/file_icon.svg")}.podcast-generator .type-container .type-option .type-icon.link{mask-image:url("../img/ai-podcast-generator/link_icon.svg")}.podcast-generator .type-container .type-option .type-icon.youtube{mask-image:url("../img/ai-podcast-generator/youtube_icon.svg")}.podcast-generator .type-container .type-option .text-content{color:#fff;font:normal normal 400 0.3rem / .46rem Poppins;display:none;margin-top:-0.13rem;padding-left:0.14rem}.podcast-generator .tool-container{position:relative;width:100%;padding:0.31rem 0.16rem 0.16rem;margin-top:-0.26rem;border-radius:0.32rem;background-color:#fdfdff;box-shadow:0 0.06rem 0.12rem #2a222226;z-index:2}.podcast-generator .tool-container .tool-header .generator-info-container{display:flex;align-items:center;justify-content:space-between;gap:0.16rem}.podcast-generator .tool-container .tool-content{margin:0.16rem 0}.podcast-generator .tool-container .tool-content .type-content{height:4.98rem;padding:0.2rem;border-radius:0.16rem}.podcast-generator .tool-container .tool-content .text{display:flex;flex-direction:column;align-items:flex-end;padding-right:0;border:0.02rem solid #39325a40;background-color:#fff;transition:all 0.3s ease}.podcast-generator .tool-container .tool-content .text:focus-within{border-color:#6d4dff}.podcast-generator .tool-container .tool-content .text .text-textarea{color:#39325a;font:normal normal 400 0.26rem / .32rem Poppins;width:100%;height:100%;padding-right:0.2rem;border:none;outline:none;resize:none}.podcast-generator .tool-container .tool-content .text .word-count{color:#39325a;font:italic normal 400 0.24rem / .22rem Poppins;display:flex;align-items:center;text-align:right;padding-top:0.08rem;padding-right:0.2rem;opacity:0.3}.podcast-generator .tool-container .tool-content .text .word-count.error{opacity:1}.podcast-generator .tool-container .tool-content .text .word-count.error span{color:#e10808}.podcast-generator .tool-container .tool-content .upload{position:relative;padding:0;border:0.02rem dashed #6d4dff;background-color:#fff}.podcast-generator .tool-container .tool-content .upload.uploaded-border{border-style:solid}.podcast-generator .tool-container .tool-content .upload .tobe-upload,.podcast-generator .tool-container .tool-content .upload .uploading,.podcast-generator .tool-container .tool-content .upload .uploaded{height:100%;border-radius:0.16rem}.podcast-generator .tool-container .tool-content .upload .tobe-upload{padding-top:1.36rem}.podcast-generator .tool-container .tool-content .upload .tobe-upload .upload-icon{width:1.22rem;height:.86rem;background-image:url("../img/ai-podcast-generator/upload_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .upload .tobe-upload .tip{color:#39325a;font:normal normal 500 0.24rem / .33rem Poppins;padding:0.11rem 0}.podcast-generator .tool-container .tool-content .upload .tobe-upload .upload-type{color:#39325a;font:normal normal 400 0.24rem / .33rem Poppins;opacity:0.5}.podcast-generator .tool-container .tool-content .upload .uploading{padding-top:1.61rem}.podcast-generator .tool-container .tool-content .upload .uploading .uploading-icon{width:.8rem;height:.8rem;background-image:url("../img/ai-podcast-generator/uploading_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 2s linear infinite}.podcast-generator .tool-container .tool-content .upload .uploading .tip{color:#39325a;font:normal normal 400 0.24rem / .33rem Poppins;padding-top:0.27rem;opacity:0.5}.podcast-generator .tool-container .tool-content .upload .uploaded{padding-top:1.05rem;border-style:solid}.podcast-generator .tool-container .tool-content .upload .uploaded .uploaded-icon{width:.94rem;height:1.04rem;background-image:url("../img/ai-podcast-generator/uploaded_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .upload .uploaded .tip{color:#39325a;font:normal normal 500 0.24rem / .33rem Poppins;padding:0.24rem 0 0.11rem}.podcast-generator .tool-container .tool-content .upload .uploaded .desc{color:#39325a;font:normal normal 400 0.24rem / .32rem Poppins;max-width:4.62rem;text-align:center}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .desc-tip{color:#9e9ab1}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .change-icon{width:.26rem;height:.22rem;background-image:url("../img/ai-podcast-generator/change_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-content .upload .uploaded .desc .re-upload{color:#39325a;text-decoration:underline;cursor:pointer}.podcast-generator .tool-container .tool-content .upload .drag-mask{display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:10px;background:rgba(130,101,255,0.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2}.podcast-generator .tool-container .tool-content .upload .drag-mask .mask-tip{color:#39325a;font:normal normal 400 16px / 25px Poppins;pointer-events:none;user-select:none}.podcast-generator .tool-container .tool-content .link,.podcast-generator .tool-container .tool-content .youtube{padding-top:0.8rem;background-color:#f4f4f7}.podcast-generator .tool-container .tool-content .link .tip,.podcast-generator .tool-container .tool-content .youtube .tip{color:#39325a;font:normal normal 500 0.24rem / .32rem Poppins;text-align:center}.podcast-generator .tool-container .tool-content .link .input-container,.podcast-generator .tool-container .tool-content .youtube .input-container{display:flex;align-items:center;width:5.58rem;padding:0.28rem;border:0.02rem solid #39325a40;background-color:#fff;border-radius:0.16rem;transition:all 0.3s ease}.podcast-generator .tool-container .tool-content .link .input-container:focus-within,.podcast-generator .tool-container .tool-content .youtube .input-container:focus-within{border-color:#6d4dff}.podcast-generator .tool-container .tool-content .link .input-container.error,.podcast-generator .tool-container .tool-content .youtube .input-container.error{border-color:#e10808}.podcast-generator .tool-container .tool-content .link .input-container .url-input,.podcast-generator .tool-container .tool-content .youtube .input-container .url-input{color:#39325a;font:normal normal 400 0.24rem / .35rem Poppins;width:100%}.podcast-generator .tool-container .tool-content .link .input-container .url-input:placeholder-shown,.podcast-generator .tool-container .tool-content .youtube .input-container .url-input:placeholder-shown{text-overflow:ellipsis}.podcast-generator .tool-container .tool-content .link .input-container .url-input::placeholder,.podcast-generator .tool-container .tool-content .youtube .input-container .url-input::placeholder{color:rgba(57,50,90,0.6);font:italic normal 400 14px / 21px Poppins}.podcast-generator .tool-container .tool-content .link .tip{max-width:3.96rem}.podcast-generator .tool-container .tool-content .link .input-icon{width:.34rem;height:.34rem;background-image:url("../img/ai-podcast-generator/link_input_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;margin:0.36rem 0 0.1rem}.podcast-generator .tool-container .tool-content .youtube .tip{max-width:4.82rem}.podcast-generator .tool-container .tool-content .youtube .input-icon{width:.34rem;height:.26rem;background-image:url("../img/ai-podcast-generator/youtube_input_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;margin:0.4rem 0 0.14rem}.podcast-generator .tool-container .tool-option{display:flex;flex-direction:column;gap:0.3rem}.podcast-generator .tool-container .tool-option .host-select{position:relative;display:flex;align-items:center;position:relative;width:100%;height:0.82rem;padding:0.19rem 0.24rem;border-radius:0.16rem;border:0.02rem solid #39325a40;background-color:#fff}.podcast-generator .tool-container .tool-option .host-select .user-info{position:relative;flex:1;display:flex;align-items:center;padding:0.08rem;border-radius:0.16rem;border:0.02rem solid transparent;transition:all 0.3s ease}.podcast-generator .tool-container .tool-option .host-select .user-info.active-hover{color:#6d4dff;border-color:#6d4dff;cursor:pointer}.podcast-generator .tool-container .tool-option .host-select .user-info .avatar{width:0.44rem;height:0.44rem;border-radius:0.1rem}.podcast-generator .tool-container .tool-option .host-select .user-info .user-name{color:#39325a;font:normal normal 400 0.24rem / .35rem Poppins;flex:1;width:0;padding-left:0.12rem}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container{position:absolute;top:35px;left:28px;padding:8px 0;border-radius:8px;background-color:#fff;box-shadow:0px 3px 6px #39325a80;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container.open-host-select{animation:dropDownOpen 0.3s forwards}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container.close-host-select{animation:dropDownClose 0.3s forwards}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option{display:flex;align-items:center;gap:8px;padding:12px 16px}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option:hover{background-color:#ecebef;cursor:pointer}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .listen-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/play_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .voice-change-icon{width:16px;height:16px;background-image:url("../img/ai-podcast-generator/voice_change_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-option-container .host-option .option-txt{color:#39325a;font:normal normal 400 14px / 21px Poppins}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:9999;display:none}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup.open-host-popup{display:flex}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup .host-option-container{width:6rem;padding:0.16rem;border-radius:0.4rem;background-color:#fff}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup .host-option-container .host-option{display:flex;align-items:center;gap:0.24rem;padding:0.28rem 0.25rem 0.29rem}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup .host-option-container .host-option .listen-icon{width:.34rem;height:.34rem;background-image:url("../img/ai-podcast-generator/play_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup .host-option-container .host-option .voice-change-icon{width:.34rem;height:.34rem;background-image:url("../img/ai-podcast-generator/voice_change_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .host-select .user-info .host-popup .host-option-container .host-option .option-txt{color:#39325a;font:normal normal 400 0.28rem / .42 Poppins}.podcast-generator .tool-container .tool-option .host-select .add-icon{width:.44rem;height:.44rem;background-image:url("../img/ai-podcast-generator/add_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;margin-right:0.24rem}.podcast-generator .tool-container .tool-option .generate-btn{display:flex;align-items:center;justify-content:center;margin-left:auto;width:100%;height:0.88rem;background-color:#6d4dff;border-radius:0.16rem;transition:all 0.3s ease;cursor:pointer}.podcast-generator .tool-container .tool-option .generate-btn.disabled{opacity:0.24;user-select:none;cursor:not-allowed}.podcast-generator .tool-container .tool-option .generate-btn.disabled:hover{background-color:#6d4dff}.podcast-generator .tool-container .tool-option .generate-btn.generating{opacity:0.5}.podcast-generator .tool-container .tool-option .generate-btn.generating .generate-btn-icon{width:.44rem;height:.44rem;background-image:url("../img/ai-podcast-generator/button_loading_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 1.5s linear infinite}.podcast-generator .tool-container .tool-option .generate-btn .generate-btn-icon{width:.44rem;height:.44rem;background-image:url("../img/ai-podcast-generator/generate_btn_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .tool-container .tool-option .generate-btn .btn-txt{color:#fff;font:normal normal 500 14px / 21px Poppins;padding-left:0.17rem}.podcast-generator .tool-container .tool-footer{margin-top:0.32rem;border-top:0.02rem solid #e6e5eb}.podcast-generator .tool-container .tool-footer .title{color:#39325a;font:normal normal 400 0.24rem / .35rem Poppins;text-align:left;padding:0.32rem 0 0.16rem 0}.podcast-generator .tool-container .tool-footer .example-list{display:flex;align-items:center;flex-wrap:wrap;gap:0.16rem}.podcast-generator .tool-container .tool-footer .example-list .example-option{display:flex;align-items:center;gap:0.16rem;width:2.91rem;height:0.88rem;padding:0.12rem;border-radius:0.16rem;border:1px solid #6d4dff33;background-color:#6d4dff0d;cursor:pointer}.podcast-generator .tool-container .tool-footer .example-list .example-option .example-title{color:#39325a;font:normal normal 400 0.18rem / .26rem Poppins}.podcast-generator .podcast-list{width:100%;margin-top:0.24rem}.podcast-generator .podcast-list .podcast-option{display:flex;flex-direction:column;gap:0.32rem;width:100%;padding:0.16rem;border-radius:0.32rem;background-color:#fefdff;box-shadow:0 0.06rem 0.12rem #2a222226;margin-bottom:0.32rem}.podcast-generator .podcast-list .podcast-option:last-child{margin-bottom:0}.podcast-generator .podcast-list .podcast-option .podcast-mobile-header{display:flex;align-items:center;gap:0.26rem}.podcast-generator .podcast-list .podcast-option .podcast-mobile-header .cover-container{display:flex;align-items:center;justify-content:center;gap:0.26rem;width:1.12rem;height:1.12rem;border-radius:0.16rem;border:0.02rem solid #39325a33;background-color:#fff;overflow:hidden}.podcast-generator .podcast-list .podcast-option .podcast-mobile-header .cover-container .cover-image{width:100%;height:100%}.podcast-generator .podcast-list .podcast-option .podcast-mobile-header .podcast-title{color:#39325a;font:normal normal 600 0.24rem / .35rem Poppins;flex:1}.podcast-generator .podcast-list .podcast-option .podcast-info{display:flex;flex-direction:column}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content{display:flex;flex-direction:column;gap:0.22rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info{flex:1;display:flex;align-items:center;padding:0.08rem;border-radius:0.14rem;background-color:#f7f5ff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-state-icon{width:0.52rem;height:0.52rem;margin-right:0.17rem;border-radius:0.12rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .time-progress-container{flex:1;display:flex;flex-direction:column}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time{display:flex;align-items:center;margin-left:-0.06rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .current-time,.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .line,.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-time .total-time{color:#39325a;font:normal normal 400 0.2rem / .28rem Poppins}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress{position:relative;width:100%;height:0.06rem;padding:0.08rem 0;border-radius:0.03rem;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:0.06rem;border-radius:0.03rem;background-color:#cdc2ff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-progress{position:absolute;top:50%;left:0;transform:translateY(-50%);width:0%;height:0.06rem;border-radius:0.03rem;background-color:#6d4dff;z-index:2}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-circle{position:absolute;top:50%;left:-0.06rem;transform:translateY(-50%);width:0.12rem;height:0.12rem;border-radius:50%;box-shadow:0 0 0 0.02rem #6d4dff;background-color:#fff;z-index:2}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .play-progress .current-play-circle:hover{cursor:pointer;box-shadow:0 0 0 0.04rem #6d4dff80}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control{position:relative;display:flex;align-items:center;justify-content:center;width:0.52rem;height:0.52rem;margin:0 0.16rem 0 0.22rem;border-radius:0.12rem;background-color:#e3e0ee}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-icon{width:.36rem;height:.36rem;mask-image:url("../img/ai-podcast-generator/voice_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-icon.voice-mute{width:.36rem;height:.36rem;mask-image:url("../img/ai-podcast-generator/mute_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup{position:absolute;bottom:calc(100% + 3px);left:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;height:138px;padding:14px 3px 5px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup.open-voice-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup.close-voice-popup{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress{position:relative;flex:1;width:100%}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0.16rem;height:100%;border-radius:0.12rem;background-color:#746f8b;z-index:-1}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-progress{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0.16rem;height:100%;border-radius:0.12rem;background-color:#fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-circle{position:absolute;bottom:calc(100% - 0.12rem);left:50%;transform:translateX(-50%);width:0.24rem;height:0.24rem;border-radius:50%;box-shadow:0 0 0 0.04rem #fff;background-color:#6d4dff;transition:box-shadow 0.1s}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-progress .current-voice-circle:hover{box-shadow:0 0 0 0.08rem #fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .voice-control .voice-popup .voice-number{color:#fff;font:normal normal 400 14px / 21px Poppins;padding-top:3px}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral{position:relative;display:flex;align-items:center;justify-content:center;width:0.84rem;height:0.52rem;background:#e3e0ee;border-radius:0.12rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed{color:#39325a;font:normal normal 500 0.24rem / .35rem Poppins}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup{position:absolute;left:0;bottom:calc(100% + 0.06rem);display:flex;flex-direction:column;gap:0.06rem;padding:0.06rem;border-radius:0.12rem;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup.open-speed-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup.close-host-select{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup .speed-option{color:#fff;font:normal normal 400 14px / 21px Poppins;padding:0.02rem 0.14rem;border-radius:0.08rem;cursor:pointer}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .podcast-play-info .speed-contral .speed-popup .speed-option.active{background-color:#6d4dff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:0.88rem;border-radius:0.16rem;background-color:#6d4dff;transition:all 0.3s ease}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-left{flex:1;display:flex;align-items:center;height:100%;padding-left:0.24rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-right{display:flex;align-items:center;justify-content:center;height:100%;padding-left:0.24rem;padding:0 0.24rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-icon{width:.44rem;height:.44rem;background-image:url("../img/ai-podcast-generator/download_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-txt{color:#fff;font:normal normal 500 0.24rem / .33rem Poppins;flex:1;margin:0 0 0 0.2rem;border-right:0.02rem solid rgba(255,255,255,0.5)}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .down-icon{width:.32rem;height:.32rem;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#fff}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup{position:absolute;left:0;top:calc(100% + 0.1rem);width:100%;padding:0.16rem 0;border-radius:0.16rem;background-color:#fff;box-shadow:0 0.06rem 0.12rem #39325a80;transform-origin:top;opacity:0;transform:scaleY(0);z-index:99}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup.open-download-popup{animation:dropDownOpen 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup.close-download-select{animation:dropDownClose 0.3s forwards}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup .download-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;padding:0.2rem 0.32rem}.podcast-generator .podcast-list .podcast-option .podcast-info .podcast-content .download-btn .download-popup .download-option:hover{cursor:pointer;background-color:#ecebef}.voice-popup-pc{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding-top:1.3rem;z-index:99;display:none}.voice-popup-pc.visible-voice-popup{display:flex}.voice-popup-pc .content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0.46rem 0.32rem calc(0.46rem + var(--address-bar-height));background-color:#fff;transition:padding 0.3s}.voice-popup-pc .content .back-contaiern{display:flex;align-items:center;justify-content:center;gap:0.12rem;width:1.54rem;height:0.64rem;border-radius:0.16rem;background-color:#ebeaee}.voice-popup-pc .content .back-contaiern .back-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/back_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .back-contaiern .back{color:#39325a;font:normal normal 400 0.26rem / .45rem Poppins}.voice-popup-pc .content .title{color:#39325a;font:normal normal 600 0.32rem / .48rem Poppins;padding:0.24rem 0 0.3rem}.voice-popup-pc .content .dialog-content{flex:1;min-height:0;display:flex;flex-direction:column}.voice-popup-pc .content .dialog-content .filter-container{display:grid;grid-template-columns:repeat(2, 3.35rem);gap:0.3rem 0.16rem;padding-bottom:0.24rem}.voice-popup-pc .content .dialog-content .filter-container .select-input-container{width:100%}.voice-popup-pc .content .dialog-content .filter-container .select-input-container .select-list{min-width:auto;width:100%}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"]{width:6.86rem}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter{border-color:#39325a40}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter .value-input{color:#39325a40;cursor:unset}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter:hover{cursor:unset}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].disabled-filter:hover .more-icon{background-color:#9c98ac}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .select-list{width:100%}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"]:hover .more-icon{background-color:#39325a}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .value-input{color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .more-icon{display:none}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"].is-filter .clear{display:flex}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .more-icon{width:.32rem;height:.32rem;mask-image:url("../img/ai-podcast-generator/more_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#9c98ac}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .clear{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:0.32rem;height:0.32rem;border-radius:0.06px;background-color:#ebeaee;display:none}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .clear .close-icon{width:.12rem;height:.12rem;background-image:url("../img/ai-podcast-generator/more_close_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup{position:fixed;top:3.89rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;width:6rem;height:6.83rem;padding:0.24rem 0.12rem 0.24rem 0.24rem;border-radius:0.4rem;background-color:#fff;z-index:99;display:none}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup.open-filter-popup{display:flex}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup.open-filter-popup+.filter-mask{display:flex}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content{flex:1;display:flex;flex-direction:column;gap:0.2rem;padding-right:calc(0.12rem - var(--scroll-width));overflow-y:auto}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-title{color:#39325a;font:normal normal 600 0.28rem / .42rem Poppins}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content{display:flex;align-items:center;flex-wrap:wrap;gap:0.16rem;margin-top:0.2rem}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content .filter-item{color:#7b7987;font:normal normal 400 0.24rem / .35rem Poppins;padding:0.12rem 0.18rem;border-radius:0.12rem;background-color:#ebeaee;transition:color 0.3s ease, background-color 0.3s ease}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-content .filter-card .filter-content .filter-item.is-checked{color:#fff;background-color:#8b3dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer{display:flex;align-items:center;justify-content:flex-end;gap:0.32rem;padding-top:0.32rem;margin-top:0.32rem;border-top:0.02rem solid #e6e5eb}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button{color:#39325a;font:normal normal 400 14px / 21px Poppins;display:flex;align-items:center;justify-content:center;width:1.52rem;height:0.64rem;border-radius:0.12rem;background-color:#ebeaee;cursor:pointer;transition:background-color 0.3s ease, color 0.3s ease}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.cancel:hover{background-color:#d7d6de}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.sure{color:#fff;background-color:#6d4dff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .popup-footer .footer-button.sure:hover{background-color:#8970ff}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-popup .filter-close{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/close_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:0.28rem;right:0.24rem}.voice-popup-pc .content .dialog-content .filter-container .select-input-container[data-name="filter"] .filter-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.7);z-index:98;display:none}.voice-popup-pc .content .dialog-content .voice-container{position:relative;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;gap:0.2rem;padding:0.28rem 0.32rem 0.28rem 0.32rem;margin:0 -0.32rem;min-height:0;overflow-y:auto;background-color:#f9f9fb}.voice-popup-pc .content .dialog-content .voice-container .voice-option{position:relative;width:100%;padding:0.2rem 0.16rem 0.32rem 0.2rem;border:0.02rem solid #39325a40;border-radius:0.16rem;background-color:#ffffff;cursor:pointer;transition:border-color 0.3s ease}.voice-popup-pc .content .dialog-content .voice-container .voice-option.checked{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .voice-option.checked .voice-checked{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option.is-clone .voice-info .info-container .country-avatar{display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option.is-clone .voice-info .info-container .crown-selete-icon{display:block}.voice-popup-pc .content .dialog-content .voice-container .voice-option:hover{border-color:#6d4dff}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info{display:flex;align-items:center;gap:0.24rem}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container{position:relative;display:flex;width:0.88rem;height:0.88rem;border-radius:0.14rem;overflow:hidden}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container:hover .play-state-mask{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container.play-loading .play-state-mask{display:flex}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .avatar{width:0.88rem;height:0.88rem;border-radius:0.14rem;vertical-align:middle}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(to right, rgba(30,30,46,0.6), rgba(30,30,46,0.6));display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .play-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/voice_play.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .pause-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/voice_pause.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .avatar-container .play-state-mask .loading-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/voice_loading.svg");background-repeat:no-repeat;background-size:contain;background-position:center;animation:rotateAni 3s linear infinite}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container{display:flex;align-items:center;justify-content:space-between;gap:0.08rem;flex:1;height:0.88rem;border-bottom:0.02rem solid #e6e5eb}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .voice-name{color:#39325a;font:normal normal 600 14px / 21px Poppins;flex:1;width:0}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .country-avatar{width:0.38rem;height:0.38rem;border-radius:50%;box-sizing:content-box;border:0.02rem solid rgba(140,140,151,0.2)}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-info .info-container .crown-selete-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/crown_selete.svg");background-repeat:no-repeat;background-size:contain;background-position:center;display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .desc{color:#39325a;font:normal normal 400 0.24rem / .35rem Poppins;padding-top:0.27rem}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-checked{position:absolute;top:-0.02rem;left:-0.02rem;display:flex;align-items:center;justify-content:center;width:0.46rem;height:0.36rem;border-radius:0.16rem 0;background-color:#6d4dff;display:none}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-checked .voice-checked-icon{width:.22rem;height:.22rem;background-image:url("../img/ai-podcast-generator/voice_checked_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:0.16rem;padding:0 0.24rem;height:0.36rem;border-radius:0 0.16rem;background-color:#474747}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro .pro-icon{width:.24rem;height:.24rem;background-image:url("../img/ai-podcast-generator/voice_pro.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.voice-popup-pc .content .dialog-content .voice-container .voice-option .voice-pro .pro{color:#fff;font:normal normal 400 0.24rem / .35rem Poppins}.voice-popup-pc .content .dialog-footer{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:.48rem;padding-top:0.48rem}.voice-popup-pc .content .dialog-footer .footer-button{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;color:#39325a;font:normal normal 400 14px / 21px Poppins;width:2.4rem;height:0.88rem;border-radius:0.16rem;background-color:#ebeaee;transition:background-color 0.3s ease, color 0.3s ease;cursor:pointer}.voice-popup-pc .content .dialog-footer .footer-button.cancel:hover{background-color:#d7d6de}.voice-popup-pc .content .dialog-footer .footer-button.sure{color:#fff;background-color:#6d4dff}.voice-popup-pc .content .dialog-footer .footer-button.sure:hover{background-color:#8970ff}.voice-popup-pc .content .voice-loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.24rem;width:100%;height:100%;background-color:rgba(255,255,255,0.9);display:none}.voice-popup-pc .content .voice-loading.show-loading{display:flex}.voice-popup-pc .content .voice-loading .dialog-loading-icon{width:.48rem;height:.48rem;mask-image:url("../img/ai-podcast-generator/voice_loading.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#000;transform-origin:center;animation:rotateAni 2s linear infinite}.voice-popup-pc .content .voice-loading .load-text{color:#39325a;font:normal normal 400 0.3rem / .46rem Poppins}.detail-popup{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;padding-top:1.3rem;z-index:99;display:none}.detail-popup.open-detail-popup{display:flex}.detail-popup .content{display:flex;flex-direction:column;width:100%;height:100%;background-color:#fff}.detail-popup .content .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:0.46rem 0.32rem 0.32rem}.detail-popup .content .dialog-header .title-container{display:flex;align-items:center;gap:0.12rem;padding:0.14rem 0.24rem;background-color:#ebeaee;border-radius:0.16rem;cursor:pointer}.detail-popup .content .dialog-header .title-container .icon-back{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/back_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-header .title-container .dialog-title{color:#39325a;font:normal normal 400 0.26rem / .45rem Poppins}.detail-popup .content .dialog-content{flex:1;display:flex;flex-direction:column;height:0;padding:0 0.32rem}.detail-popup .content .dialog-content .podcast-info-mobile .info-container{display:flex;align-items:center;gap:0.32rem}.detail-popup .content .dialog-content .podcast-info-mobile .info-container .cover{width:1.68rem;height:1.68rem;border-radius:0.2rem}.detail-popup .content .dialog-content .podcast-info-mobile .info-container .content-container .title{color:#39325a;font:normal normal 600 0.32rem / .44rem Poppins;padding-bottom:0.16rem}.detail-popup .content .dialog-content .podcast-info-mobile .info-container .content-container .time-info{display:flex;align-items:center;gap:0.08rem}.detail-popup .content .dialog-content .podcast-info-mobile .info-container .content-container .time-info .time-icon{width:.32rem;height:.32rem;background-image:url("../img/ai-podcast-generator/time-icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .dialog-content .podcast-info-mobile .info-container .content-container .time-info .total-time{color:#6d4dff;font:normal normal 400 0.22rem / .33rem Poppins}.detail-popup .content .dialog-content .podcast-info-mobile .desc{color:#747281;font:normal normal 400 0.22rem / .32rem Poppins;padding-top:0.24rem}.detail-popup .content .dialog-content .dialogue{flex:1;display:flex;flex-direction:column;gap:0.33rem;padding:0.24rem calc(0.32rem - var(--scroll-width)) 0.24rem 0.32rem;margin:0.24rem -0.32rem 0;overflow-y:auto;background-color:#f9f9fb}.detail-popup .content .dialog-content .dialogue .item{display:flex;flex-direction:column;gap:16px}.detail-popup .content .dialog-content .dialogue .item .user-info{display:flex;align-items:center;gap:0.39rem}.detail-popup .content .dialog-content .dialogue .item .user-info .avatar{width:0.56rem;height:0.56rem;border-radius:0.14rem;vertical-align:middle}.detail-popup .content .dialog-content .dialogue .item .user-info .name{color:#39325a;font:normal normal 500 0.26rem / .39rem Poppins}.detail-popup .content .dialog-content .dialogue .item .con{color:#39325a;font:normal normal 400 0.22rem / .33rem Poppins;position:relative;padding:0.2rem 0.2rem 0.13rem;background-color:#efeef2;border-radius:0.2rem}.detail-popup .content .dialog-content .dialogue .item .con::after{content:"";position:absolute;top:-0.08rem;left:0.14rem;width:0;height:0;border-left:0.175rem solid transparent;border-right:0.175rem solid transparent;border-bottom:0.12rem solid #efeef2;transition:all 0.3s ease}.detail-popup .content .footer-contral{display:flex;flex-direction:column;gap:0.32rem;padding:0.32rem 0.3rem calc(0.38rem + var(--address-bar-height) + env(safe-area-inset-bottom));box-shadow:0 -0.06rem 0.16rem #39325a4d;transition:padding 0.3s}.detail-popup .content .footer-contral .play-info{display:flex;align-items:center;padding-bottom:0.32rem;border-bottom:0.02rem solid #e6e5eb}.detail-popup .content .footer-contral .play-info .play-state-icon{width:0.56rem;height:0.56rem;margin-right:0.24rem;border-radius:0.12rem;background-color:#39325a}.detail-popup .content .footer-contral .play-info .play-state-icon.play::after{content:"";width:.3rem;height:.3rem;background-image:url("../img/ai-podcast-generator/voice_play.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .footer-contral .play-info .play-state-icon.pause::after{content:"";width:.3rem;height:.3rem;background-image:url("../img/ai-podcast-generator/voice_pause.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .footer-contral .play-info .time-progress-container{flex:1;display:flex;flex-direction:column}.detail-popup .content .footer-contral .play-info .play-time{display:flex;align-items:center;margin-left:-0.09rem}.detail-popup .content .footer-contral .play-info .play-time .current-time,.detail-popup .content .footer-contral .play-info .play-time .line,.detail-popup .content .footer-contral .play-info .play-time .total-time{color:#39325a;font:normal normal 400 0.2rem / .3rem Poppins}.detail-popup .content .footer-contral .play-info .play-progress{position:relative;width:100%;height:0.06rem;padding:0.16rem 0;border-radius:0.03rem;cursor:pointer}.detail-popup .content .footer-contral .play-info .play-progress::after{content:"";position:absolute;left:0;top:50%;width:100%;height:0.06rem;transform:translateY(-50%);border-radius:0.03rem;background-color:#c3c1cd}.detail-popup .content .footer-contral .play-info .play-progress .current-play-progress{position:absolute;top:50%;left:0;transform:translateY(-50%);width:0%;height:0.06rem;border-radius:0.03rem;background-color:#39325a;z-index:2}.detail-popup .content .footer-contral .play-info .play-progress .current-play-circle{position:absolute;top:50%;left:-0.09rem;transform:translateY(-50%);width:0.18rem;height:0.18rem;border-radius:50%;background-color:#39325a;z-index:2}.detail-popup .content .footer-contral .play-info .voice-control{position:relative;display:flex;align-items:center;justify-content:center;width:0.52rem;height:0.52rem;margin:0 0.16rem 0 0.22rem;border-radius:0.12rem;background-color:#e3e0ee}.detail-popup .content .footer-contral .play-info .voice-control .voice-icon{width:.36rem;height:.36rem;mask-image:url("../img/ai-podcast-generator/voice_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.detail-popup .content .footer-contral .play-info .voice-control .voice-icon.voice-mute{width:.36rem;height:.36rem;mask-image:url("../img/ai-podcast-generator/mute_icon.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#39325a}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup{position:absolute;bottom:calc(100% + 3px);left:0;display:flex;flex-direction:column;align-items:center;gap:3px;width:28px;height:138px;padding:14px 3px 5px;border-radius:6px;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup.open-voice-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup.close-voice-popup{animation:dropDownClose 0.3s forwards}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-progress{position:relative;flex:1;width:100%}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-progress::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0.16rem;height:100%;border-radius:0.12rem;background-color:#746f8b;z-index:-1}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-progress .current-voice-progress{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0.16rem;height:100%;border-radius:0.12rem;background-color:#fff}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-progress .current-voice-circle{position:absolute;bottom:calc(100% - 0.12rem);left:50%;transform:translateX(-50%);width:0.24rem;height:0.24rem;border-radius:50%;box-shadow:0 0 0 0.04rem #fff;background-color:#6d4dff;transition:box-shadow 0.1s}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-progress .current-voice-circle:hover{box-shadow:0 0 0 0.08rem #fff}.detail-popup .content .footer-contral .play-info .voice-control .voice-popup .voice-number{color:#fff;font:normal normal 400 14px / 21px Poppins;padding-top:3px}.detail-popup .content .footer-contral .play-info .speed-contral{position:relative;display:flex;align-items:center;justify-content:center;width:0.84rem;height:0.52rem;background:#e3e0ee;border-radius:0.12rem}.detail-popup .content .footer-contral .play-info .speed-contral .speed{color:#39325a;font:normal normal 500 0.24rem / .35rem Poppins}.detail-popup .content .footer-contral .play-info .speed-contral .speed-popup{position:absolute;left:0;bottom:calc(100% + 0.06rem);display:flex;flex-direction:column;gap:0.06rem;padding:0.06rem;border-radius:0.12rem;background-color:#39325a;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .footer-contral .play-info .speed-contral .speed-popup.open-speed-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .footer-contral .play-info .speed-contral .speed-popup.close-host-select{animation:dropDownClose 0.3s forwards}.detail-popup .content .footer-contral .play-info .speed-contral .speed-popup .speed-option{color:#fff;font:normal normal 400 14px / 21px Poppins;padding:0.02rem 0.14rem;border-radius:0.08rem;cursor:pointer}.detail-popup .content .footer-contral .play-info .speed-contral .speed-popup .speed-option.active{background-color:#6d4dff}.detail-popup .content .footer-contral .download-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:0.88rem;border-radius:0.16rem;background-color:#6d4dff;transition:all 0.3s ease}.detail-popup .content .footer-contral .download-btn .download-left{flex:1;display:flex;align-items:center;height:100%;padding-left:0.24rem}.detail-popup .content .footer-contral .download-btn .download-right{display:flex;align-items:center;justify-content:center;height:100%;padding:0 0.24rem}.detail-popup .content .footer-contral .download-btn .download-icon{width:.44rem;height:.44rem;background-image:url("../img/ai-podcast-generator/download_icon.svg");background-repeat:no-repeat;background-size:contain;background-position:center}.detail-popup .content .footer-contral .download-btn .download-txt{color:#fff;font:normal normal 500 0.24rem / .33rem Poppins;flex:1;margin:0 0 0 0.2rem;border-right:0.02rem solid rgba(255,255,255,0.5)}.detail-popup .content .footer-contral .download-btn .down-icon{width:.32rem;height:.32rem;mask-image:url("../img/ai-podcast-generator/down.svg");mask-repeat:no-repeat;mask-size:contain;mask-position:center;background-color:#fff}.detail-popup .content .footer-contral .download-btn .download-popup{position:absolute;left:0;bottom:calc(100% + 0.1rem);width:100%;padding:0.16rem 0;border-radius:0.16rem;background-color:#fff;box-shadow:0 0.06rem 0.12rem #39325a80;transform-origin:bottom;opacity:0;transform:scaleY(0);z-index:99}.detail-popup .content .footer-contral .download-btn .download-popup.open-download-popup{animation:dropDownOpen 0.3s forwards}.detail-popup .content .footer-contral .download-btn .download-popup.close-download-select{animation:dropDownClose 0.3s forwards}.detail-popup .content .footer-contral .download-btn .download-popup .download-option{color:#39325a;font:normal normal 400 14px / 21px Poppins;padding:0.2rem 0.32rem}.detail-popup .content .footer-contral .download-btn .download-popup .download-option:hover{cursor:pointer;background-color:#ecebef}}