@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-font-color: #ececec;--primary-color: #5b8cf5;--primary-color-hover: #5784e5;--primary-color-light: #8aacf6;--primary-bcolor: #000000;--primary-background: #1d1d1d;--primary-background-depth: #000000;--header-height: 80px}@media screen and (max-width: 768px){:root{--header-height: 60px}}::selection{background-color:var(--primary-color);color:var(--primary-background)}body{background-color:var(--primary-background);color:var(--primary-font-color);font-family:Roboto,sans-serif}textarea{font-family:Roboto,sans-serif;outline:none;resize:none;background-color:transparent}textarea::placeholder{-webkit-user-select:none;user-select:none}input{font-family:Roboto,sans-serif}input::placeholder{-webkit-user-select:none;user-select:none}input[type=password]{font-family:unset}a{text-decoration:none;color:unset;cursor:pointer}a:hover{text-decoration:underline;color:var(--primary-color)}::-webkit-scrollbar{display:none}svg{fill:var(--primary-font-color);width:30px;height:30px}.show-scrollbar::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.show-scrollbar::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.ant-btn-icon svg{width:20px;transform:translateY(2px)}.ant-select-arrow svg,.ant-pagination svg,.ant-input-affix-wrapper svg,.ant-select-selector svg,.ant-empty-image svg,.ant-form-item-control-input-content svg,.ant-modal-content svg,.anticon svg,.ant-progress-inner svg,.diy-svg svg{width:unset;height:unset}.ant-select-arrow .mysvg,.ant-pagination .mysvg,.ant-input-affix-wrapper .mysvg,.ant-select-selector .mysvg,.ant-empty-image .mysvg,.ant-form-item-control-input-content .mysvg,.ant-modal-content .mysvg,.anticon .mysvg,.ant-progress-inner .mysvg,.diy-svg .mysvg{fill:var(--primary-font-color);width:30px;height:30px}.ant-pagination-item-ellipsis{font-size:11px}.ant-radio-button-wrapper:hover{color:var(--primary-color-light)}._box-message-box-view_zzml5_1 ._box-message-box-mask_zzml5_1{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:#00000080;z-index:3010;animation:_box-message-box-mask-anim_zzml5_1 .4s ease-in-out forwards}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;min-width:10vw;background-color:#424141;border-radius:5px;z-index:3010;padding:10px 20px;animation:_box-message-box-show-anim_zzml5_1 .3s ease-in-out forwards}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:15px}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25 ._title_zzml5_32{font-size:1.3rem;font-weight:#353638;align-content:center}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25 ._close_zzml5_37{width:20px;height:20px;-webkit-user-select:none;user-select:none;display:block;cursor:pointer;box-sizing:border-box}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25 ._close_zzml5_37 svg{width:100%;height:100%}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25 ._close_zzml5_37 path{fill:#8a8a8a;transition:.3s}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._top-view_zzml5_25 ._close_zzml5_37 svg:hover path{fill:var(--ui-backgound)}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._content-view_zzml5_56{color:#aeafaf;white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;margin-bottom:10px;max-height:70vh;overflow-y:auto}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._bottom-view_zzml5_65{display:flex;flex-direction:row;align-items:center;justify-content:right;gap:10px;-webkit-user-select:none;user-select:none}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._bottom-view_zzml5_65 ._confirm_zzml5_73{background-color:var(--primary-color);color:var(--ui-text);padding:3px 10px;font-size:.9rem;border-radius:5px;cursor:pointer}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._bottom-view_zzml5_65 ._confirm_zzml5_73:hover{filter:brightness(110%)}._box-message-box-view_zzml5_1 ._box-message-box_zzml5_1 ._bottom-view_zzml5_65 ._cancel_zzml5_84{color:var(--primary-font-color);padding:3px 10px;font-size:.9rem;border-radius:5px;cursor:pointer;background-color:#6d6c6c;border:1px solid #7c7c7c;transition:.3s}@keyframes _box-message-box-mask-anim_zzml5_1{0%{opacity:0}to{opacity:1}}@keyframes _box-message-box-show-anim_zzml5_1{0%{opacity:0;transform:translate(-50%,calc(-20px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}._toast-view_10aai_1{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;opacity:1;pointer-events:auto;transform:scaleX(1);-webkit-user-select:none;user-select:none;pointer-events:none}._toast-view_10aai_1 ._box_10aai_17{padding:8px;border-radius:5px;box-shadow:0 2px 5px #0000001e;background-color:var(--primary-background-depth);pointer-events:all;word-break:break-all;white-space:pre-wrap;max-width:90vw}._toast-view-hide_10aai_28{opacity:0;pointer-events:none;transform:scaleX(0)}._loading-component-view_181pa_1{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:3000;width:clamp(3vw,200px,30vw);height:clamp(3vw,120px,30vw);background-color:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:wait}._loading-component-view_181pa_1 ._logo-view_181pa_17{width:clamp(2vw,45px,20vw);height:clamp(2vw,45px,20vw);display:block;margin:auto;position:relative;overflow:hidden;display:flex}._loading-component-view_181pa_1 ._logo-view_181pa_17 ._mask-cube_181pa_26{background-color:#fff;position:absolute;bottom:0;left:11.5%;width:22.5%;height:15%;border-top:2px solid #040000;border-left:1px solid #040000;border-right:1px solid #040000;animation:_mask-cube_181pa_26 1s linear infinite}@keyframes _mask-cube_181pa_26{0%{left:11.5%;bottom:-5%}24%{left:11.5%;bottom:0%}25%{left:30%;bottom:-5%}49%{left:30%;bottom:0%}50%{left:48.5%;bottom:-5%}74%{left:48.5%;bottom:0%}75%{left:67%;bottom:-5%}99%{left:67%;bottom:0%}to{left:11.5%;bottom:0%}}._loading-component-view_181pa_1 ._logo_181pa_17{margin:auto;width:100%;height:120%}._loading-component-view_181pa_1 ._tips_181pa_81{margin:5px auto auto;font-size:1.1rem;color:#464646;text-align:center;font-weight:700}._loading-component-view_181pa_1 ._tips_181pa_81:after{content:" .";animation:_loading-text-anim_181pa_1 2s linear infinite}@keyframes _loading-text-anim_181pa_1{0%{content:" ."}33%{content:" .."}66%{content:" ..."}to{content:" ."}}._loading-component-mask_181pa_108{position:fixed;left:0;top:0;z-index:9;width:100vw;height:100vh;background-color:#fafafa92;animation:_loading-component-mask-show_181pa_1 .3s ease-in-out}@keyframes _loading-component-mask-show_181pa_1{0%{opacity:0}to{opacity:1}}.main-layout-header{width:100vw;height:var(--header-height);padding:0 60px;display:flex;flex-direction:row;justify-content:space-between;background:#101218;position:fixed;left:0;top:0;z-index:30}.main-layout-header .left{height:100%;width:fit-content;display:flex;align-items:center}.main-layout-header .left .app-logo{display:flex;align-items:center}.main-layout-header .left .logo{width:28px;height:28px}.main-layout-header .left .app-name{margin-left:20px;font-size:24px;white-space:nowrap}.main-layout-header .left .nav-list{display:flex;flex-direction:row;align-items:center;margin-left:20px;gap:3px}.main-layout-header .left .nav-list .nav-more-item{display:flex;flex-direction:row;align-items:center;gap:5px;color:#ffffffb3;cursor:pointer;padding:5px 20px;transition:.3s;border-radius:3px;font-weight:500;font-size:14px;white-space:nowrap}.main-layout-header .left .nav-list .nav-more-item:hover{text-decoration:none;color:#ffffffeb;background-color:#ffffff1a}.main-layout-header .left .nav-list .nav-more-item .icon{width:14px;height:14px}.main-layout-header .left .nav-list .nav-item{color:#ffffffb3;cursor:pointer;padding:5px 20px;transition:.3s;border-radius:3px;font-weight:500;font-size:14px;white-space:nowrap}.main-layout-header .left .nav-list .nav-item:hover{text-decoration:none;color:#ffffffeb;background-color:#ffffff1a}.main-layout-header .left .nav-list .nav-item-active{color:#fff;font-weight:700;text-decoration:none}.main-layout-header .right{height:100%;width:fit-content;align-items:center}.main-layout-header .right .mobile-more-nav-btn{display:none}.main-layout-header .right .login-btn{display:block;padding:5px 20px;margin-top:25px;border-radius:5px;background-color:var(--primary-color);opacity:.9}.main-layout-header .right .login-btn:hover{text-decoration:none;opacity:1}.main-layout-header .right .login-btn:active{transform:scale(.98)}.main-layout-header .mobile-nav-list{display:none}.main-layout-header-space{height:var(--header-height)}@media screen and (max-width: 768px){.main-layout-header{padding:0 10px}.main-layout-header .left .logo{width:30px;height:30px}.main-layout-header .left .app-name{font-size:16pxs}.main-layout-header .left .nav-list{display:none}.main-layout-header .right{display:flex}.main-layout-header .right .login-btn{display:none}.main-layout-header .right .mobile-more-nav-btn{margin:auto;display:block;width:35px;height:35px;padding:5px;transition:.3s;border-radius:5px}.main-layout-header .right .mobile-more-nav-btn:active{transform:scale(.95);background-color:#ffffff1a}.main-layout-header .mobile-nav-list{display:block;position:absolute;bottom:0;transform:translateY(100%);left:0;height:fit-content;display:flex;flex-direction:column;width:100%;background-color:var(--primary-bcolor);animation:mobile-more-nav-btn-show .4s forwards}.main-layout-header .mobile-nav-list .nav-item{border-bottom:1px solid hsla(0,0%,100%,.1);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;transition:.3s}.main-layout-header .mobile-nav-list .nav-item .icon{width:20px;height:20px}.main-layout-header .mobile-nav-list .nav-item:active{background-color:#2a335139}@keyframes mobile-more-nav-btn-show{0%{opacity:0;transform:translateY(100%) translate(100%)}to{opacity:1;transform:translateY(100%)}}}.CommonLayout{min-height:100vh;display:flex;flex-direction:column}.CommonLayout .LayoutCantent{height:calc(100vh - var(--header-height) - 60px)}@media screen and (max-width: 768px){.CommonLayout .LayoutCantent{height:fit-content;min-height:calc(100vh - var(--header-height) - 60px)}}.CommonLayoutTail{width:100vw;height:60px;background-color:var(--primary-background-depth);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.CommonLayoutTail a{font-size:clamp(.7vw,12px,1vw);color:#787977;cursor:pointer;transition:.3s}.CommonLayoutTail a:hover{color:var(--paimary-color)}@media screen and (max-width: 768px){.CommonLayoutTail a{font-size:12px}}.AudioToText{padding:20px 0;height:100%;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;align-items:center;gap:10px}.AudioToText .main-title{text-align:center}.AudioToText .audio-to-text-box{width:1000px;max-width:100%;background-color:#2f363d;padding:10px;border-radius:6px}.AudioToText .audio-to-text-box .title{width:fit-content;border-radius:4px;border-bottom:2px solid var(--primary-color);margin:20px 0}.AudioToText .audio-to-text-box .upload-box{width:100%;height:200px;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--primary-font-color);border-radius:6px;background-color:#6b9bed18;cursor:pointer;transition:.3s;font-size:18px}.AudioToText .audio-to-text-box .upload-box.active{border:2px dashed var(--primary-color);color:var(--primary-color);background-color:#6b9bed44}.AudioToText .audio-to-text-box .audio-box{margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.AudioToText .audio-to-text-box .audio-box .audio{width:100%;max-width:100%}.AudioToText .audio-to-text-box .tool-btns{display:flex;flex-direction:row;margin:20px 0;gap:20px;align-items:center;justify-content:center}.AudioToText .audio-to-text-box .tool-btns .btn{width:100%;width:fit-content;padding:4px 18px;border:none;border-radius:4px;background-color:var(--primary-color);color:var(--primary-font-color);font-size:17px;cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none}.AudioToText .audio-to-text-box .tool-btns .btn:active{transform:scale(.98)}.AudioToText .audio-to-text-box .tool-btns .del-btn{background-color:#e85542}.AudioToText .audio-to-text-box .tool-btns .del-btn:hover{background-color:#fd472f}.AudioToText .audio-to-text-box .out-text{border:1px solid rgba(185,180,180,.4705882353);padding:10px;min-height:200px;border-radius:6px;margin:20px 0;display:flex}.AudioToText .audio-to-text-box .out-text .none{margin:auto;font-weight:700;opacity:.7;font-size:20px}.AudioToText .audio-to-text-box .out-text .loading{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.AudioToText .audio-to-text-box .out-text .loading .loading-icon{display:inline-block;position:relative;width:58px;height:58px}.AudioToText .audio-to-text-box .out-text .loading .loading-icon div{position:absolute;border:4px solid var(--primary-color);opacity:1;border-radius:50%;animation:load_7 1s cubic-bezier(0,.2,.8,1) infinite}.AudioToText .audio-to-text-box .out-text .loading .loading-icon div:nth-child(2){animation-delay:-.5s}@keyframes load_7{0%{top:28px;left:28px;width:0;height:0;opacity:1}to{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}.AudioToText .audio-to-text-box .out-text .loading .tips{opacity:.7}.AudioToText .audio-to-text-box .out-text .success{white-space:pre-wrap}.AudioToText .audio-to-text-box .upload-loading{text-align:center}.AudioToText .audio-to-text-box .load_12{margin:30px auto;display:block;width:40px;height:40px;position:relative}.AudioToText .audio-to-text-box .load_12 .cube1,.AudioToText .audio-to-text-box .load_12 .cube2{background-color:var(--primary-color);width:15px;height:15px;position:absolute;top:0;left:0;-webkit-animation:sk-cubemove 1.8s infinite ease-in-out;animation:sk-cubemove 1.8s infinite ease-in-out}.AudioToText .audio-to-text-box .load_12 .cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{-webkit-transform:rotate(-360deg)}}@keyframes sk-cubemove{25%{transform:translate(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translate(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translate(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translate(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}.audio-player{border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:8px;margin:0 auto;transition:all .3s ease;min-width:200px;gap:5px;background:linear-gradient(to bottom right,#e0f2fe,#dbeafe);color:#1e293b;display:flex;align-items:center;width:100%}.audio-player.dark-mode{background:#111827;color:#f9fafb}.audio-player .play-button{padding:6px;border-radius:50%;border:none;transition:.2s;cursor:pointer;width:40px;height:40px;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:4px}.audio-player .play-button:hover{background-color:#2563eb;transform:scale(1.1)}.audio-player .play-button:active{transform:scale(.9)}.dark-mode .audio-player .play-button{background-color:#4f46e5}.dark-mode .audio-player .play-button:hover{background-color:#4338ca}.audio-player .play-button svg{width:20px;height:20px;display:block}.audio-player .waveform-container{margin-bottom:5px;border-radius:.5rem;overflow:hidden;height:50px;flex:1}.audio-player .volume-controls{display:flex;align-items:center;gap:0px;flex-direction:column}.audio-player .volume-controls svg{width:12px;height:12px}.audio-player .volume-controls .mute-button{padding:.5rem;border-radius:9999px;border:1px solid #575758;transition:.2s;cursor:pointer;background-color:transparent}.dark-mode .audio-player .volume-controls .mute-button:hover{background-color:#1f2937}.audio-player .volume-controls .mute-button svg{display:block;width:20px;height:20px}.audio-player .volume-controls .volume-slider{-webkit-appearance:slider-vertical;width:6rem;height:3px;border-radius:9999px;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background:linear-gradient(to right,#60a5fa 0%,#60a5fa var(--volume-percent),#cbd5e1 var(--volume-percent),#cbd5e1 100%)}.audio-player .volume-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:#3b82f6;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer}.dark-mode .audio-player .volume-controls .volume-slider{background:linear-gradient(to right,#818cf8 0%,#818cf8 var(--volume-percent),#4b5563 var(--volume-percent),#4b5563 100%)}.dark-mode .audio-player .volume-controls .volume-slider::-webkit-slider-thumb{background:#818cf8}.audio-player .controls{display:flex;flex-direction:column;gap:1rem}.audio-player .controls .playback-controls{display:flex;align-items:center;gap:1rem}.audio-player .controls .playback-controls .progress-container{flex:1}.audio-player .controls .playback-controls .progress-container .progress-bar{width:100%;height:.2rem;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;background:linear-gradient(to right,#60a5fa 0%,#60a5fa var(--progress-percent),#cbd5e1 var(--progress-percent),#cbd5e1 100%)}.audio-player .controls .playback-controls .progress-container .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:50%;background:#3b82f6;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:pointer}.dark-mode .audio-player .controls .playback-controls .progress-container .progress-bar{background:linear-gradient(to right,#818cf8 0%,#818cf8 var(--progress-percent),#4b5563 var(--progress-percent),#4b5563 100%)}.dark-mode .audio-player .controls .playback-controls .progress-container .progress-bar::-webkit-slider-thumb{background:#818cf8}.audio-player .controls .playback-controls .progress-container .time-display{display:flex;justify-content:space-between;font-size:.7rem;margin-top:.15rem}.audio-player .track-info{margin-top:1.5rem;padding:1rem;border-radius:.5rem;background-color:#dbeafe}.dark-mode .audio-player .track-info{background-color:#1f2937}.audio-player .track-info h3{font-weight:700;margin-bottom:.5rem}.audio-player .track-info .track-container{display:flex;align-items:center;gap:1rem}.audio-player .track-info .track-container .album-art{width:4rem;height:4rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background-color:#bfdbfe}.dark-mode .audio-player .track-info .track-container .album-art{background-color:#312e81}.audio-player .track-info .track-container .album-art span{font-size:1.5rem}.audio-player .track-info .track-container .track-details .track-title{font-weight:500}.audio-player .track-info .track-container .track-details .track-type{font-size:.875rem;opacity:.75}.CharToImage .Sidebar .build-btn{text-align:center;width:100%;height:40px;line-height:40px;margin-top:30px;margin-bottom:10px;cursor:pointer;background-color:var(--primary-color);color:var(--primary-font-color);border:none;border-radius:5px;transition:.3s;-webkit-user-select:none;user-select:none}.VideoPreviewModal .tool-icon{width:16px;height:16px;margin-right:10px;transition:.3s}.VideoPreviewModal .tool-icon:hover{cursor:pointer;fill:var(--primary-color)}.ImagePreviewModal .tool-icon{width:16px;height:16px;margin-right:10px;transition:.3s}.ImagePreviewModal .tool-icon:hover{cursor:pointer;fill:var(--primary-color)}.CharToImage{display:flex;height:100%;padding:30px 60px;gap:30px}@media screen and (max-width: 768px){.CharToImage{flex-direction:column;padding:15px 10px;height:fit-content}}.MediumSelectModal .list{max-height:70vh;overflow-y:auto}.MediumSelectModal .list .grid{display:grid;grid-template-columns:repeat(auto-fill,120px);grid-gap:1rem}.MediumSelectModal .list .grid .item{width:124px;height:124px;display:flex;align-items:center;justify-content:center;background-color:#343a46;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.3s}.MediumSelectModal .list .grid .item .render{width:120px;height:120px}.MediumSelectModal .list .grid .item .renderImg{max-width:120px;max-height:120px}.MediumSelectModal .list .grid .item.active{border:2px solid var(--primary-color)}.video-thumb-component{width:150px;height:150px;background-color:#414958;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none}.video-thumb-component .error,.video-thumb-component .loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-thumb-component .error .svg,.video-thumb-component .loading .svg{width:70%;height:70%;fill:#969292}.video-thumb-component .loading .svg{width:30%;height:30%;animation:spin 3s linear infinite}.video-thumb-component .play-logo{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0003}.video-thumb-component .play-logo .svg{width:30%!important;height:30%!important;fill:#fff!important;transition:.3s!important}.video-thumb-component .thumb{margin:auto;transition:.3s;display:block;width:auto;height:auto;object-fit:contain;max-width:100%;max-height:100%}.video-thumb-component .time{position:absolute;right:0;bottom:0;z-index:2;padding:2px 5px;background-color:#0000005c;border-radius:8px 0;font-size:12px}.video-thumb-component:hover .play-logo svg{transform:scale(1.1)}.video-thumb-component:active{transform:scale(.95)}.charging-info-tooltip .title{font-size:14px;font-weight:700;margin-bottom:8px}.charging-info-tooltip .content .item{display:flex;gap:4px;font-size:12px}.charging-info-tooltip .content .item .label{white-space:nowrap;color:#999}.charging-info-tooltip .content .item .label:after{content:":"}.CharToSpeech{padding:20px 60px;height:100%}.CharToSpeech .main-title{height:50px;margin-bottom:10px}.CharToSpeech .title{height:20px;margin-bottom:6px;font-weight:500;border-bottom:2px solid var(--primary-color);width:fit-content;box-sizing:border-box;padding-bottom:25px;-webkit-user-select:none;user-select:none}.CharToSpeech .card{padding:10px;background-color:#2f363d;border-radius:10px}.CharToSpeech .setting-value,.CharToSpeech .setting-label{white-space:nowrap}.CharToSpeech .grid-container{width:100%;height:calc(100% - 80px);display:grid;grid-template-columns:0fr 1fr 1fr 0fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr .9fr 1.1fr;gap:0px 0px;grid-auto-flow:row;gap:10px;grid-template-areas:"text-input text-input text-input text-input setting-1 setting-1 setting-1" "text-input text-input text-input text-input setting-2 setting-3 setting-3" "text-input text-input text-input text-input setting-2 setting-3 setting-3" "text-input text-input text-input text-input output output output"}.CharToSpeech .setting-1{grid-area:setting-1}.CharToSpeech .setting-1 .setting-item{display:flex;align-items:center;gap:20px;height:30px;line-height:30px}.CharToSpeech .setting-1 .setting-item .setting-value{width:70px}.CharToSpeech .setting-1 .setting-item .setting-content{flex:1}.CharToSpeech .setting-2{grid-area:setting-2}.CharToSpeech .setting-2 .setting-label{width:100px}.CharToSpeech .setting-2 .setting-item{display:flex;align-items:center;gap:20px;height:40px;line-height:40px}.CharToSpeech .setting-2 .setting-item .setting-content{flex:1}.CharToSpeech .setting-3{grid-area:setting-3;display:flex;flex-direction:column}.CharToSpeech .setting-3 .setting-item{display:flex;align-items:center;gap:20px;height:40px;line-height:40px}.CharToSpeech .setting-3 .setting-item .setting-value{width:70px}.CharToSpeech .setting-3 .setting-item .setting-content{flex:1}.CharToSpeech .setting-3 .setting-item .setting-content .voice-play{width:50px;height:50px;border:2px solid var(--primary-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.CharToSpeech .setting-3 .setting-item .setting-content .voice-play .icon{width:20px;height:20px}.CharToSpeech .setting-3 .setting-item .setting-content .voice-play:hover{transform:scale(1.1)}.CharToSpeech .setting-3 .setting-item .setting-content .voice-play:active{transform:scale(.9)}.CharToSpeech .setting-3 .tips{opacity:.6;font-size:12px;margin-top:20px}.CharToSpeech .setting-3 .voice-list{flex:1;overflow-y:auto;margin-top:10px}.CharToSpeech .setting-3 .voice-list .voice-item{border-bottom:1px solid rgba(178,178,179,.2431372549);padding:5px 8px;cursor:pointer;border-radius:5px;transition:.3s;display:flex;align-items:center;gap:5px}.CharToSpeech .setting-3 .voice-list .voice-item .avatar{width:60px;height:60px;border-radius:10px;position:relative;-webkit-user-select:none;user-select:none}.CharToSpeech .setting-3 .voice-list .voice-item .avatar .img{width:100%;height:100%;object-fit:cover;border:none;border-radius:10px}.CharToSpeech .setting-3 .voice-list .voice-item .avatar .sex{position:absolute;right:0;bottom:0;width:20px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:10px 0}.CharToSpeech .setting-3 .voice-list .voice-item .avatar .sex svg{width:70%;height:70%}.CharToSpeech .setting-3 .voice-list .voice-item .content-box .name{font-size:15px}.CharToSpeech .setting-3 .voice-list .voice-item .content-box .desc{font-size:11px;color:#b2b2b3}.CharToSpeech .setting-3 .voice-list .voice-item .play-box{border:2px solid #fff;width:50px;height:50px;display:flex;border-radius:50%;margin-left:auto;transition:.3s}.CharToSpeech .setting-3 .voice-list .voice-item .play-box svg{margin:auto;fill:var(--primary-color)}.CharToSpeech .setting-3 .voice-list .voice-item .play-box .stop{fill:#fff}.CharToSpeech .setting-3 .voice-list .voice-item .play-box:hover{transform:scale(1.1)}.CharToSpeech .setting-3 .voice-list .voice-item .play-box:active{transform:scale(.9)}.CharToSpeech .setting-3 .voice-list .voice-item.select{background-color:#5781d7}.CharToSpeech .setting-3 .voice-list .voice-item .select-box{width:20px;height:20px;background-color:#f3f3f3;border-radius:50%}.CharToSpeech .text-input{grid-area:text-input;display:flex;flex-direction:column;gap:10px;position:relative}.CharToSpeech .text-input .bottom-left{position:absolute;bottom:18px;left:10px;display:flex;align-items:center;gap:15px}.CharToSpeech .text-input .bottom-left .text-length{color:#b2b2b3;font-size:.8rem;-webkit-user-select:none;user-select:none}.CharToSpeech .text-input .bottom-left .score-tips{display:flex;align-items:center;color:#b2b2b3;font-size:.8rem;-webkit-user-select:none;user-select:none;gap:4px}.CharToSpeech .text-input .bottom-left .score-tips svg{width:12px;height:12px}.CharToSpeech .text-input .textarea{flex:1;background-color:#0000007a;border-radius:10px;width:100%;resize:none;outline:none;padding:10px;font-size:.95rem;color:#fff;font-family:Roboto,sans-serif}.CharToSpeech .text-input .btns{display:flex;justify-content:right;align-items:center;gap:10px}.CharToSpeech .text-input .btns .btn{-webkit-user-select:none;user-select:none;padding:5px 12px;border-radius:4px;background-color:var(--primary-color);cursor:pointer;transition:all .3s ease-in-out}.CharToSpeech .text-input .btns .btn:hover{background-color:var(--primary-color)}.CharToSpeech .text-input .btns .btn:active{transform:scale(.93)}.CharToSpeech .output{grid-area:output;display:flex;flex-direction:column}.CharToSpeech .output .center{margin:auto}.CharToSpeech .output .wait:after{content:"...";animation:wait 1.4s infinite}@keyframes wait{0%{content:"."}33%{content:".."}66%{content:"..."}}.CharToSpeech .output .out-audio{display:block;margin:auto;width:100%}@media screen and (max-width: 768px){.main-title{height:60px;font-size:20px;line-height:60px;text-align:center}.CharToSpeech{padding:0 10px;overflow-y:auto}.CharToSpeech .grid-container{padding-bottom:20px;height:fit-content;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr .9fr 1.1fr 1fr 1fr 1fr;grid-auto-flow:row;gap:10px;grid-template-areas:"text-input text-input text-input" "text-input text-input text-input" "setting-1 setting-1 setting-1" "setting-2 setting-3 setting-3" "setting-2 setting-3 setting-3" "output    output    output   "}}.ChatPage .ChatView .ChatContent .ChatContentInner{height:fit-content;width:clamp(50%,830px,100%);padding:0 15px;position:relative;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.ChatPage .ChatView .tips-list{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:10px;animation:chat-tips-list-show-anim .8s ease-out forwards}.ChatPage .ChatView .tips-list .tips{background-color:#2b3247;padding:9px 10px;border-radius:12px;border:2px solid transparent;cursor:pointer;box-shadow:#0000 0 0,#0000 0 0,#0006 0 1px 3px,#1d1d1d 0 .5px .5px inset;transition:.3s;-webkit-user-select:none;user-select:none}.ChatPage .ChatView .tips-list .tips:hover{border:2px solid #374a62;box-shadow:none}@keyframes chat-tips-list-show-anim{0%{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:translateY(0)}}.ChatPage .ChatView .ChatInput .file{display:flex;padding:10px 7px;border-radius:8px;gap:5px;background-color:#3a4259;width:fit-content;min-width:180px;margin-bottom:10px;animation:chat-input-file-show-anim .5s ease-in-out forwards}.ChatPage .ChatView .ChatInput .file .logo{width:40px;height:40px;display:flex}.ChatPage .ChatView .ChatInput .file .logo svg{margin:auto;width:30px;height:30px}.ChatPage .ChatView .ChatInput .file .content{flex:1;overflow:hidden;display:flex;flex-direction:column}.ChatPage .ChatView .ChatInput .file .content .name{flex:1;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:var(--primary-font-color);font-weight:500}.ChatPage .ChatView .ChatInput .file .content .size{font-size:12px;color:#9fa0a4}.ChatPage .ChatView .ChatInput .file .remove{display:flex;align-items:center;justify-content:center;margin-left:20px;margin-right:5px;cursor:pointer}.ChatPage .ChatView .ChatInput .file .remove svg{width:16px;height:16px;border-radius:50%;transition:.3s}.ChatPage .ChatView .ChatInput .file .remove svg:hover{fill:#e33d30;background-color:#fff}@keyframes chat-input-file-show-anim{0%{transform:scale(.8);opacity:.6}to{transform:scale(1);opacity:1}}.ChatPage .ChatView .ChatInput .bottom .fileUploadLink,.ChatPage .ChatView .ChatInput .bottom .imageUploadLink{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.3s;cursor:pointer;border:1px solid rgba(10,10,10,0)}.ChatPage .ChatView .ChatInput .bottom .fileUploadLink svg,.ChatPage .ChatView .ChatInput .bottom .imageUploadLink svg{width:25px;height:25px}.ChatPage .ChatView .ChatInput .bottom .fileUploadLink:hover,.ChatPage .ChatView .ChatInput .bottom .imageUploadLink:hover{border:1px solid #717990;background-color:#3a4259}.ChatPage .ChatView .ChatInput .bottom .fileUploadLink:active,.ChatPage .ChatView .ChatInput .bottom .imageUploadLink:active{transform:scale(.9)}.ChatPage .ChatView .ChatInput .bottom .left .tag.active{background-color:var(--primary-color);color:var(--primary-font-color)}.ChatPage .ChatView .ChatInput .bottom .right{display:flex;flex-direction:row;align-items:center;gap:16px}.ChatPage .ChatView .ChatInput .bottom .right .sendButton{-webkit-user-select:none;user-select:none;width:100px;height:35px;border:none;font-size:16px;border-radius:4px;padding:0 20px;cursor:pointer;color:var(--primary-font-color);background-color:var(--primary-color);transition:.3s;display:flex;align-items:center;justify-content:center}.ChatPage .ChatView .ChatList{flex:1;padding-bottom:10px;position:relative;padding-right:5px;min-height:calc(100vh - 254px)}.ChatPage .ChatView .ChatList::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.ChatPage .ChatView .ChatList::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.ChatPage .ChatView .ChatList .UserChatMessage{margin-top:15px;margin-left:auto;max-width:70%;animation:fade-out .5s ease-in-out forwards;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ChatPage .ChatView .ChatList .UserChatMessage .image{border:2px solid #374a62;border-radius:5px;overflow:hidden}.ChatPage .ChatView .ChatList .UserChatMessage .file{display:flex;padding:10px 7px;border-radius:8px;gap:5px;background-color:#3a4259;width:fit-content;min-width:180px;margin-bottom:10px;animation:chat-input-file-show-anim .5s ease-in-out forwards;cursor:pointer}.ChatPage .ChatView .ChatList .UserChatMessage .file .logo{width:40px;height:40px;display:flex}.ChatPage .ChatView .ChatList .UserChatMessage .file .logo svg{margin:auto;width:30px;height:30px}.ChatPage .ChatView .ChatList .UserChatMessage .file .content{flex:1;overflow:hidden;display:flex;flex-direction:column}.ChatPage .ChatView .ChatList .UserChatMessage .file .content .name{flex:1;overflow-y:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;color:var(--primary-font-color);font-weight:500}.ChatPage .ChatView .ChatList .UserChatMessage .file .content .size{font-size:12px;color:#9fa0a4}.ChatPage .ChatView .ChatList .UserChatMessage .file .remove{display:flex;align-items:center;justify-content:center;margin-left:20px;margin-right:5px;cursor:pointer}.ChatPage .ChatView .ChatList .UserChatMessage .file .remove svg{width:16px;height:16px;border-radius:50%;transition:.3s}.ChatPage .ChatView .ChatList .UserChatMessage .file .remove svg:hover{fill:#e33d30;background-color:#fff}.ChatPage .ChatView .ChatList .UserChatMessage .text{background-color:var(--primary-color);width:fit-content;max-width:100%;padding:5px 8px;border-radius:8px 0 8px 8px;white-space:pre-wrap;font-size:15px}.ChatPage .ChatView .ChatList .UserChatMessage .text::selection{background-color:#fff}.ChatPage .ChatView .ChatList .AiChatMessage{margin-top:15px;display:flex;animation:fade-out .5s ease-in-out forwards}.ChatPage .ChatView .ChatList .AiChatMessage .avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;background-color:var(--primary-bcolor);-webkit-user-select:none;user-select:none}.ChatPage .ChatView .ChatList .AiChatMessage .avatar img{width:100%;height:100%;border-radius:50%;padding:5px}.ChatPage .ChatView .ChatList .AiChatMessage .message{margin-top:7px;margin-right:auto;background-color:#2c2f33;width:fit-content;max-width:70%;padding:0 10px;border-radius:0 8px 8px;white-space:whitespace-pre-wrap;height:fit-content;font-size:15px}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown *{padding:revert;margin:revert;box-sizing:revert}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown code{font-family:Roboto,sans-serif}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown pre{background-color:#132431;padding:10px;border-radius:5px;overflow-x:auto}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown pre::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown pre::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown hr{border:1px solid rgb(69,70,70);margin:24px 0}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;line-height:1.5;--bg1: #343435;--bg2: #343435;--hover-bg: #3e3f3f;--border: #afb1b2}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table th{font-weight:600;text-align:left;background-color:var(--bg1);border:1px solid var(--border);padding:6px 13px}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table td{border:1px solid var(--border);padding:6px 13px}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table tr:hover{background-color:var(--hover-bg)}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-left th,.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-left td{text-align:left}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-center th,.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-center td{text-align:center}.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-right th,.ChatPage .ChatView .ChatList .AiChatMessage .message .markdown table.align-right td{text-align:right}.ChatPage .ChatView .ChatList .AiChatMessage .message .ant-alert{padding:10px 12px;margin:0;box-sizing:border-box;width:fit-content;border-radius:12px}.ChatPage .ChatView .ChatList .AiChatMessage .message .ant-alert svg{width:unset;height:unset}.ChatPage .ChatView .ChatList .AiChatMessage .message:hover .tool-btns{opacity:1}.ChatPage .ChatView .ChatList .AiChatMessage .message .bottom{display:flex;justify-content:space-between;opacity:.5;font-size:13px;align-items:center;white-space:nowrap}.ChatPage .ChatView .ChatList .AiChatMessage .message .tool-btns{display:flex;flex-direction:row;justify-content:flex-end;gap:5px;margin-top:2px;margin-bottom:5px;opacity:0;transition:.3s}.ChatPage .ChatView .ChatList .AiChatMessage .message .tool-btns .btn{width:fit-content;padding:5px;display:flex;transition:.3s;border-radius:5px}.ChatPage .ChatView .ChatList .AiChatMessage .message .tool-btns .btn:hover{cursor:pointer;background-color:#3e3f3f}.ChatPage .ChatView .ChatList .AiChatMessage .message .tool-btns .btn .icon{margin:auto;width:18px;height:18px}.ChatPage .ChatView .ChatList .AiChatMessage .image-box{margin:10px}.ChatPage .ChatView .ChatList .AiChatMessage .image-box .image{max-width:300px;max-height:300px}.ChatPage .ChatView .ChatList .AiChatMessage .video-box{margin:10px}.ChatPage .ChatView .ChatList .AiChatMessage .video-box .video{max-width:300px;max-height:300px;width:auto;height:auto}.ChatPage .ChatView .ChatList .AiChatMessage .load_message{width:40px;height:40px;display:flex}.ChatPage .ChatView .ChatList .AiChatMessage .load_16{color:var(--primary-color);font-size:15px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:auto;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load16 1.7s infinite ease,round 1.7s infinite ease;animation:load16 1.7s infinite ease,round 1.7s infinite ease}@-webkit-keyframes load16{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load16{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fade-out{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ManagerLayout{display:flex;height:100vh;overflow:hidden}.ManagerLayout .manager-layout__sidebar{width:100%;width:280px;background-color:#373535;box-shadow:0 2px 4px #0000001a;z-index:100;padding:8px;display:flex;flex-direction:column}.ManagerLayout .manager-layout__sidebar .app-content{display:flex;align-items:center;padding:10px;gap:10px}.ManagerLayout .manager-layout__sidebar .app-content .logo{width:40px;height:40px}.ManagerLayout .manager-layout__sidebar .app-content .app-name{font-size:20px;font-weight:700}.ManagerLayout .manager-layout__sidebar .menu-list{flex:1;overflow-y:scroll}.ManagerLayout .manager-layout__sidebar .menu-list svg{width:20px;height:20px}.ManagerLayout .manager-layout__sidebar .bottom{margin-top:20px}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px dashed rgba(64,106,161,.404);cursor:pointer;border-radius:6px;transition:.3s}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box:hover{background-color:#ffffff0b}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .avatar{width:50px;height:50px;border-radius:50%}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .right-content{flex:1;overflow:hidden}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .right-content .username{font-weight:300}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .right-content .score{display:flex;align-items:center;font-size:12px;opacity:.8;margin:3px 0}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .right-content .score svg{width:12px;height:12px}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .right-content .desc{font-size:12px;opacity:.8}.ManagerLayout .manager-layout__sidebar .bottom .user-info-box .dir svg{width:20px;height:20px}.ManagerLayout .ant-menu-light.ant-menu-root.ant-menu-inline{border-inline-end:unset}.ManagerLayout .manager-layout__content{width:100%;padding:20px 20px 20px 30px;box-sizing:border-box;flex:1;overflow-x:hidden;display:flex;flex-direction:column;transition:.3s}.ManagerLayout .manager-layout__content .manager-layout__content_title{font-size:25px;margin-bottom:20px;font-weight:400;display:flex;flex-direction:row;align-items:center;gap:10px}.ManagerLayout .manager-layout__content .manager-layout__content_title .back{cursor:pointer;display:flex;width:40px;height:40px;border-radius:8px;transition:.3s;background-color:transparent;border:none}.ManagerLayout .manager-layout__content .manager-layout__content_title .back:hover{background-color:#ffffff0b}.ManagerLayout .manager-layout__content .manager-layout__content_title .back:active{transform:scale(.87)}.ManagerLayout .manager-layout__content .manager-layout__content_title .back svg{margin:auto}.ManagerLayout .manager-layout__content .manager-layout__content_body{flex:1;overflow-x:hidden;overflow-y:auto}.NoPermission{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.NoPermission .icon{width:20vw;height:10vw;animation:notfound-icon-show 1s ease-in-out forwards}.NoPermission h1{margin-top:10px;font-size:30px;font-weight:700;transform:translate(120vw);opacity:0;animation:notfound-text-show 1s cubic-bezier(.8,-.5,.2,1.4) forwards}.HomePage{height:calc(100vh - var(--header-height));overflow-y:auto;scroll-snap-type:y proximity}.HomePage .page-item{height:100%;scroll-snap-align:start}.Login{width:100vw;height:100vh;background-size:cover;background-position:center}.Login .background{position:absolute;width:100vw;height:100vh;opacity:.7}.Login .tail_tail{position:fixed;bottom:20px;z-index:2;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;font-size:14px}.Login .tail_tail a{text-decoration:none;color:var(--primary-font-color);margin:0 5px}.Login .tail_tail a:hover{color:var(--primary-color);text-decoration:underline}.Login .bg{position:absolute;width:100vw;height:100vh;background-image:url(/assets/loginbg-DZghiXmM.jpg);background-size:cover;background-position:center;-webkit-user-select:none;user-select:none;z-index:0;opacity:1;transition:.5s;object-fit:cover}.Login .bg:hover{filter:blur(0px)}.Login .login-box{max-width:800px;width:80%;background-color:#2d3440;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;border-radius:20px;transition:.3s;border:1px solid #2c4e88;display:flex;padding:40px 30px;justify-content:space-between;opacity:.9;animation:login-box-show 1.5s cubic-bezier(.8,-.5,.2,1.2) forwards}.Login .login-box .logo{width:60px;height:60px;border-radius:50%;overflow:hidden}.Login .login-box .logo img{width:100%;height:100%}.Login .login-box .title{font-size:36px;font-weight:540;margin:18px 0}.Login .login-box .name{font-size:17px}.Login .login-box .right{width:55%}.Login .login-box .input-wapper{margin-top:66px;display:flex;flex-direction:column;gap:10px;margin-bottom:30px;width:100%}.Login .login-box .input-wapper .input-box{border:1px solid #2c4e88;padding:10px;border-radius:10px;display:flex;flex-direction:row;align-items:center;gap:10px;transition:.3s;width:100%}.Login .login-box .input-wapper .input-box:has(.input:focus){border-color:var(--primary-color)}.Login .login-box .input-wapper .input-box .icon{width:20px;height:20px}.Login .login-box .input-wapper .input-box .input{flex:1;outline:none;display:block;overflow:hidden!important;background-color:transparent;border:none;color:var(--primary-font-color);font-size:16px}.Login .login-box .input-wapper .input-box .input:-webkit-autofill,.Login .login-box .input-wapper .input-box .input:-webkit-autofill:hover,.Login .login-box .input-wapper .input-box .input:-webkit-autofill:focus,.Login .login-box .input-wapper .input-box .input:-webkit-autofill:active,.Login .login-box .input-wapper .input-box .input:-internal-autofill-selected{-webkit-box-shadow:0 0 0 100px #2d3440 inset!important;-webkit-text-fill-color:var(--primary-font-color)!important}.Login .login-box .rememberPassword{display:flex;align-items:center;gap:5px;cursor:pointer;margin-left:auto;width:fit-content;margin-bottom:30px}.Login .login-box .rememberPassword span{font-size:14px}.Login .login-box .login-btn{background-color:var(--primary-color);margin-left:auto;width:140px;text-align:center;-webkit-user-select:none;user-select:none;padding:10px 0;border-radius:10px;cursor:pointer;opacity:.9;transition:.3s}.Login .login-box .login-btn:hover{opacity:1}.Login .login-box .login-btn:active{transform:scale(.98)}.Login .login-box .bottom a{color:var(--primary-color)}.Login .login-box:hover{opacity:1}@keyframes login-box-show{0%{transform:translate(-50%,-1000px);filter:blur(5px)}to{transform:translate(-50%,-50%);filter:blur(0px)}}.NotFound{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}.NotFound .icon{width:20vw;height:10vw;animation:notfound-icon-show 1s ease-in-out forwards}@keyframes notfound-icon-show{0%{transform:scale(0) translateY(-100px);opacity:0}to{opacity:1;transform:scale(1)}}.NotFound h1{margin-top:10px;font-size:30px;font-weight:700;transform:translate(120vw);opacity:0;animation:notfound-text-show 1s cubic-bezier(.8,-.5,.2,1.4) forwards}@keyframes notfound-text-show{0%{transform:translate(50vw);opacity:0}to{opacity:1;transform:translate(0)}}.DeviceManagement .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:5px}.DeviceManagement .head .right,.DeviceManagement .head .left{display:flex;gap:10px}.SelectSourceMaterial .type-limit{margin-right:20px;color:var(--primary-color)}.SelectSourceMaterial .select-body-list-wapper{width:100%;height:500px;position:relative;overflow-y:scroll;padding-right:5px}.SelectSourceMaterial .select-body-list-wapper .empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.SelectSourceMaterial .select-body-list-wapper .empty .link{color:var(--primary-color)}.SelectSourceMaterial .select-body-list-wapper .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.SelectSourceMaterial .select-body-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-template-rows:auto;padding:10px;gap:10px}.SelectSourceMaterial .select-body-list .item{background-color:#424141;aspect-ratio:1;display:flex;flex-direction:column;cursor:pointer;transition:.2s;position:relative;animation:SelectSourceMaterial-itemShow .2s ease-in-out}@keyframes SelectSourceMaterial-itemShow{0%{transform:scale(.8);opacity:.3}to{transform:scale(1);opacity:1}}.SelectSourceMaterial .select-body-list .item:hover .top .cat{opacity:1}.SelectSourceMaterial .select-body-list .item:active{background-color:#5c5c5c;transform:scale(.98)}.SelectSourceMaterial .select-body-list .item .preview{flex:1;display:flex;align-items:center;justify-content:center;opacity:.8;overflow:hidden}.SelectSourceMaterial .select-body-list .item .preview svg{width:50%;height:50%}.SelectSourceMaterial .select-body-list .item .preview .img,.SelectSourceMaterial .select-body-list .item .preview .video{width:90%;height:90%;object-fit:contain}.SelectSourceMaterial .select-body-list .item .name{text-align:center;height:30px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 10px}.SelectSourceMaterial .select-body-list .item .top{align-items:center;display:flex;justify-content:space-between;padding:2px 5px}.SelectSourceMaterial .select-body-list .item .top .cat{font-size:12px;color:var(--primary-color);-webkit-user-select:none;user-select:none;opacity:0}.SelectSourceMaterial .select-body-list .item .top .cat:hover{text-decoration:underline}.SelectSourceMaterial .footer{display:flex;justify-content:space-between;align-items:center}.SelectSourceMaterial .footer .right{display:flex;flex-direction:row;align-items:center;gap:10px}.AiHelperTextArea{position:relative}.AiHelperTextArea .AiHelperTextArea__inner{min-height:100px;padding-bottom:40px}.AiHelperTextArea .AiHelperTextArea__button{position:absolute;bottom:8px;right:8px;animation:AiHelperTextArea__buttonfadeIn .3s ease-in-out forwards}.AiHelperTextAreaModal .container{max-width:1200px;margin:0 auto;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.AiHelperTextAreaModal h1{text-align:center;color:var(--primary-color);margin-bottom:30px}.AiHelperTextAreaModal .section-title{font-size:18px;font-weight:600;margin-bottom:15px;color:var(--primary-color);display:flex;align-items:center}.AiHelperTextAreaModal .section-title i{margin-right:8px;color:#3498db}.AiHelperTextAreaModal .options{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.AiHelperTextAreaModal .option{flex:1;min-width:200px}.AiHelperTextAreaModal label{display:block;margin-bottom:8px;font-weight:500}.AiHelperTextAreaModal select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff}.AiHelperTextAreaModal .btn{display:block;margin-left:auto}.AiHelperTextAreaModal .btn:hover{background-color:#5286f5}.AiHelperTextAreaModal .output-container{position:relative}.AiHelperTextAreaModal .copy-btn{position:absolute;top:10px;right:10px;padding:5px 10px;background-color:#f1f1f1;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.AiHelperTextAreaModal .copy-btn:hover{background-color:#e1e1e1}.AiHelperTextAreaModal .loading{display:block;text-align:center;margin:4px 0}.AiHelperTextAreaModal .loading-spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:20px;height:20px;margin-left:5px;animation:spin 1s linear infinite}.AiHelperTextAreaModal .char-count{text-align:right;font-size:14px;color:#7f8c8d;margin-top:5px}.AvatarSelect .box{width:150px;height:150px;background-color:#2f363d;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;overflow:hidden;position:relative}.AvatarSelect .box .image{width:100%;height:100%;object-fit:cover}.AvatarSelect .box .mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;opacity:0;transition:opacity .3s ease-in-out}.AvatarSelect .box:hover .mask{opacity:1}.ProblemCenter{width:100%;min-height:80vh;border-radius:10px;margin:0 auto;padding:10px}.ProblemCenter .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.ProblemCenter .head .title{font-weight:700;font-size:23px}.ProblemCenter .grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.ProblemCenter .grid-list .item{height:100px;background-color:#1c1f22;border-radius:10px;padding:10px;display:flex;flex-direction:column}.ProblemCenter .grid-list .item .name{font-size:18px;font-weight:300}.ProblemCenter .grid-list .item .desc{font-size:14px;opacity:.7}.ProblemCenter .grid-list .item .bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;color:#999}.ProblemCenter .grid-list .item .bottom .date{font-size:12px}.ProblemCenter .grid-list .item .bottom .btns{display:flex;flex-direction:row;gap:10px}.AddProblemModal .problem-list{height:600px;overflow-y:scroll;padding-right:10px;position:relative}.AddProblemModal .problem-list .add-item{background-color:#35404a;padding:10px;display:flex;flex-direction:column;gap:10px;border-radius:10px;position:sticky;bottom:0;left:0}.AddProblemModal .problem-list .item{background-color:#25333f;padding:5px 10px;border-radius:10px;margin-bottom:10px}.AddProblemModal .problem-list .item .ant-descriptions-item{padding-bottom:5px}.AddProblemModal .problem-list .item .problem-box{width:100%;display:flex;flex-direction:row;justify-content:space-between}.AddProblemModal .problem-list .item .problem-box .right svg{background-color:#fff;border-radius:50%;cursor:pointer;fill:#ed4e4e;width:20px;height:20px;transition:.3s;transform:translateY(2px)}.AddProblemModal .problem-list .item .problem-box .right svg:hover{fill:red}.LiveAnalysis{display:flex;flex-direction:column;gap:10px}.LiveAnalysis .chart-container{width:100%;height:300px;display:flex;align-items:center;justify-content:center}.KnowledgeStore{padding:10px}.KnowledgeStore .top{display:flex;justify-content:space-between;align-items:center}.KnowledgeStore .list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:10px}.KnowledgeStore .list .item{border-radius:10px;background-color:#15232e;padding:8px;height:140px;cursor:pointer;transition:.3s;box-shadow:0 0 10px #0003;display:flex;flex-direction:column}.KnowledgeStore .list .item:hover{box-shadow:0 0 15px #000000b3}.KnowledgeStore .list .item:hover .bottom{opacity:1}.KnowledgeStore .list .item .top-content{display:flex;align-items:center;gap:7px;margin-bottom:7px}.KnowledgeStore .list .item .top-content .icon{width:40px;height:40px;display:flex}.KnowledgeStore .list .item .top-content .icon svg{margin:auto;width:30px;height:30px}.KnowledgeStore .list .item .top-content .con{display:flex;flex-direction:column}.KnowledgeStore .list .item .top-content .con .name{color:#fff}.KnowledgeStore .list .item .top-content .con .sub-name{opacity:.8;font-size:12px}.KnowledgeStore .list .item .desc{opacity:.6;font-size:11px}.KnowledgeStore .list .item .bottom{margin-top:auto;height:40px;display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0;opacity:0}.KnowledgeStore .list .item .bottom .right{width:30px;height:30px;display:flex;border-radius:8px}.KnowledgeStore .list .item .bottom .right:hover{background-color:#33488233}.KnowledgeStore .list .item .bottom .right svg{margin:auto;width:20px;height:20px}.KnowledgeStore .list .add-item{background-color:#07151f}.KnowledgeStore .list .add-item .top-content .icon svg{width:40px;height:40px}.CreateKnowledgeDocument{display:flex;flex-direction:column}.CreateKnowledgeDocument .content{flex:1;overflow-y:auto;padding:20px 10px 10px;display:flex;flex-direction:column}.CreateKnowledgeDocument .step1{display:flex;flex-direction:column;gap:20px;max-width:1000px;width:1000px;margin:0 auto}.CreateKnowledgeDocument .step1 .upload-box{background-color:#1e314cd0;border-radius:10px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 0 10px #0000004d;cursor:pointer;transition:.3s}.CreateKnowledgeDocument .step1 .upload-box.droping{background-color:#8bb8f880}.CreateKnowledgeDocument .step1 .upload-box:hover{background-color:#1e314c}.CreateKnowledgeDocument .step1 .upload-box .title{font-size:16px}.CreateKnowledgeDocument .step1 .upload-box .desc{font-size:13px;opacity:.8}.CreateKnowledgeDocument .step1 .upload-box .desc .link{display:inline;color:var(--primary-color)}.CreateKnowledgeDocument .step1 .upload-box .desc .link:hover{text-decoration:underline}.CreateKnowledgeDocument .step1 .bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.CreateKnowledgeDocument .step1 .bottom .left{cursor:pointer;color:var(--primary-color)}.CreateKnowledgeDocument .step1 .bottom .left:hover{text-decoration:underline}.CreateKnowledgeDocument .step1 .next{width:fit-content;margin-left:auto}.CreateKnowledgeDocument .step1 .list{display:flex;flex-direction:column;gap:10px}.CreateKnowledgeDocument .step1 .list .item{display:flex;flex-direction:row;align-items:center;gap:5px;background-color:#373535;padding:8px;border-radius:5px;box-shadow:0 0 10px #32435f4d}.CreateKnowledgeDocument .step1 .list .item .logo{width:40px;height:40px;border-radius:5px;display:flex}.CreateKnowledgeDocument .step1 .list .item .logo svg{margin:auto}.CreateKnowledgeDocument .step1 .list .item .item-content{display:flex;flex-direction:column;gap:5px}.CreateKnowledgeDocument .step1 .list .item .item-content .title{font-size:14px}.CreateKnowledgeDocument .step1 .list .item .item-content .size{font-size:12px}.CreateKnowledgeDocument .step1 .list .item .right{margin-left:auto;display:flex}.CreateKnowledgeDocument .step1 .list .item .right .remove{cursor:pointer;margin:auto;transition:.3s}.CreateKnowledgeDocument .step1 .list .item .right .remove:active{transform:scale(.9)}.CreateKnowledgeDocument .step1 .list .item .right .remove:hover svg{fill:#da6b6b;transition:.3s}.CreateKnowledgeDocument .step2{display:flex;margin:0 auto;flex:1;width:50%;gap:20px;height:80vh}.CreateKnowledgeDocument .step2 .left{flex:1;display:flex;flex-direction:column}.CreateKnowledgeDocument .step2 .left .next{width:fit-content}.CreateKnowledgeDocument .step2 .left .content-box .btns{display:flex;gap:10px}.CreateKnowledgeDocument .step2 .left .content-box .t{font-size:18px;margin-bottom:10px}.CreateKnowledgeDocument .step2 .left .content-box .divider{font-size:14px}.CreateKnowledgeDocument .step2 .left .content-box .items{display:flex;align-items:center;gap:20px}.CreateKnowledgeDocument .step2 .left .content-box .items .item{flex:1}.CreateKnowledgeDocument .step2 .left .content-box .ver-label{display:block;margin-bottom:10px;font-size:14px}.CreateKnowledgeDocument .step2 .preview{flex:1;background-color:#565656;padding:10px;border-radius:10px;box-shadow:0 0 10px #32435f4d;display:flex;flex-direction:column;overflow:hidden}.CreateKnowledgeDocument .step2 .preview .top{display:flex;flex-direction:column;gap:5px;padding-bottom:10px;border-bottom:1px solid rgba(152,152,152,.6705882353)}.CreateKnowledgeDocument .step2 .preview .top .title{font-size:12px;color:var(--primary-color)}.CreateKnowledgeDocument .step2 .preview .top .tow{display:flex;gap:10px}.CreateKnowledgeDocument .step2 .preview .preview-inner{flex:1;overflow-y:auto}.CreateKnowledgeDocument .step2 .bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-top:auto}.CreateKnowledgeDocument .step3{font-size:13px;margin:0 auto;width:50%}.CreateKnowledgeDocument .step3 .title{font-weight:700;font-size:20px;margin-bottom:10px;color:#fff}.CreateKnowledgeDocument .step3 .sub-title{opacity:.8}.CreateKnowledgeDocument .step3 .task-t{display:flex;align-items:center;gap:5px;font-size:16px;margin-top:30px;margin-bottom:10px}.CreateKnowledgeDocument .step3 .list{display:flex;flex-direction:column;gap:5px}.CreateKnowledgeDocument .step3 .list .item{display:flex;gap:5px;width:100%;background-color:#7d8cadb0;padding:5px;align-items:center;border-radius:5px;position:relative;overflow:hidden}.CreateKnowledgeDocument .step3 .list .item .fillback{position:absolute;left:0;top:0;height:100%;opacity:.7;transition:.3s;background-color:var(--primary-color)}.CreateKnowledgeDocument .step3 .list .item .icon{display:flex;position:relative;z-index:2}.CreateKnowledgeDocument .step3 .list .item .icon svg{margin:auto;width:16px;height:16px}.CreateKnowledgeDocument .step3 .list .item .name{font-weight:300;position:relative;z-index:2}.CreateKnowledgeDocument .step3 .list .item .percentage{margin-left:auto;font-size:14px;position:relative;z-index:2}.CreateKnowledgeDocument .step3 .endl{margin-top:50px;width:fit-content;margin-left:auto}.CreateKnowledgeDocument .rotate180{transform:rotate(180deg)}.KnowledgeInfo{display:flex}.KnowledgeInfo .left-view{width:170px;border-right:1px solid rgba(224,224,224,.1647058824);padding-right:20px}.KnowledgeInfo .left-view .tabs{display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(224,224,224,.1647058824);padding-top:30px}.KnowledgeInfo .left-view .tabs .tab{height:35px;line-height:35px;display:flex;align-items:center;gap:4px;padding:0 10px;transition:.3s;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:7px}.KnowledgeInfo .left-view .tabs .tab .icon{display:flex}.KnowledgeInfo .left-view .tabs .tab .icon svg{margin:auto;width:20px;height:20px}.KnowledgeInfo .left-view .tabs .tab:hover{background-color:#337fe936}.KnowledgeInfo .left-view .tabs .tab.active{background-color:var(--primary-color)}.KnowledgeInfo .left-view .know-main{margin-bottom:20px}.KnowledgeInfo .left-view .know-main .logo{width:100%;height:40px}.KnowledgeInfo .left-view .know-main .name{font-weight:700}.KnowledgeInfo .right-view{flex:1;overflow:hidden;display:flex;padding-left:20px;flex-direction:column}.KnowledgeInfo .right-view .top-view{margin-bottom:15px}.KnowledgeInfo .right-view .top-view .title{font-weight:700;font-size:17px}.KnowledgeInfo .right-view .top-view .desc{opacity:.7;font-size:13px}.KnowledgeInfo .right-view .main-content{flex:1;overflow-y:auto}.KnowledgeInfo .DocumentList{padding:5px}.KnowledgeInfo .DocumentList .h-box{display:flex;justify-content:space-between}.KnowledgeInfo .DocumentList .list{margin-top:20px}.SegmentationList{display:flex;flex-direction:column;height:100%}.SegmentationList .top-v{display:flex;align-items:center;margin-bottom:10px;gap:10px}.SegmentationList .top-v .back-icon{display:flex;border-radius:10px;padding:8px;transition:.3s}.SegmentationList .top-v .back-icon:hover{background-color:#446dbd50}.SegmentationList .top-v .back-icon svg{width:20px;height:20px;margin:auto}.SegmentationList .top-v .right{margin-left:auto;margin-right:20px}.SegmentationList .tow-v{margin-bottom:20px;padding:0 5px;display:flex;align-items:center;gap:20px}.SegmentationList .tow-v .segmentation-len{font-weight:700;font-size:15px}.SegmentationList .tow-v .right{margin-left:auto;margin-right:20px;display:flex;gap:10px}.SegmentationList .tow-v .right .delete-btn{background-color:#ee5252}.SegmentationList .list-v{padding-right:10px;flex:1;overflow-y:auto}.SegmentationList .list-v .item{display:flex;gap:20px;align-items:flex-start;border-bottom:1px solid rgba(232,232,232,.1568627451);border-radius:5px;padding:5px 5px 15px;transition:.3s;position:relative}.SegmentationList .list-v .item:hover{background-color:#446dbd50}.SegmentationList .list-v .item .cont .top-tag{opacity:.8;font-size:12px;display:flex;flex-direction:row;gap:5px;align-items:center;margin-bottom:5px}.SegmentationList .list-v .item .cont .top-tag .sp:after{content:"|"}.SegmentationList .list-v .item .cont .content{cursor:pointer;white-space:pre-wrap;margin-bottom:5px}.SegmentationList .list-v .item .cont .keywords{display:flex;gap:8px}.SegmentationList .list-v .item .cont .keywords .keyword{font-size:13px}.SegmentationList .list-v .item .cont .keywords .keyword:before{opacity:.8;font-weight:200;content:"#";font-style:italic;margin-right:3px}.SegmentationList .list-v .item .edit{position:absolute;top:5px;right:10px;cursor:pointer;color:var(--primary-color);font-size:13px}.SegmentationList .list-v .item .edit:hover{text-decoration:underline}.KnowledgeInfo .TestView{display:flex;width:100%;height:100%;gap:20px}.KnowledgeInfo .TestView .left-v{flex:1;display:flex;flex-direction:column;gap:20px;overflow:hidden}.KnowledgeInfo .TestView .left-v .input-v{height:300px;border:2px solid var(--primary-color);border-radius:10px;background-color:#32353b;display:flex;flex-direction:column;padding:8px}.KnowledgeInfo .TestView .left-v .input-v .t-v{border-radius:8px 8px 0 0;flex:1;display:flex;flex-direction:column;gap:7px}.KnowledgeInfo .TestView .left-v .input-v .t-v textarea{width:100%;display:block;flex:1;color:var(--primary-font-color);border:none}.KnowledgeInfo .TestView .left-v .input-v .t-v .bottom{height:30px;display:flex;align-items:center;justify-content:space-between}.KnowledgeInfo .TestView .left-v .input-v .t-v .bottom .len{font-size:12px;opacity:.7}.KnowledgeInfo .TestView .left-v .record-v{flex:1;display:flex;flex-direction:column}.KnowledgeInfo .TestView .left-v .record-v .title{font-weight:700;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.KnowledgeInfo .TestView .left-v .record-v .table{flex:1;overflow-y:auto}.KnowledgeInfo .TestView .right-v{flex:1;background-color:#393838;border-radius:10px;padding:10px;position:relative}.KnowledgeInfo .TestView .right-v .result-v{font-weight:700;margin-bottom:10px}.KnowledgeInfo .TestView .right-v .list-v{flex:1;overflow-y:auto}.KnowledgeInfo .TestView .right-v .list-v .item{margin-bottom:10px;background-color:#424750;border-radius:10px}.KnowledgeInfo .TestView .right-v .list-v .item .top{display:flex;justify-content:space-between;align-items:center;padding:10px}.KnowledgeInfo .TestView .right-v .list-v .item .top .l{display:flex;align-items:center;gap:3px;font-size:11px;opacity:.8}.KnowledgeInfo .TestView .right-v .list-v .item .top .l .sp:after{content:"·"}.KnowledgeInfo .TestView .right-v .list-v .item .top .r{font-size:12px;font-weight:700;border:1px solid var(--primary-color);padding:2px 5px;border-radius:7px;position:relative;overflow:hidden}.KnowledgeInfo .TestView .right-v .list-v .item .top .r .text{position:relative;z-index:2}.KnowledgeInfo .TestView .right-v .list-v .item .top .r .label{font-weight:300}.KnowledgeInfo .TestView .right-v .list-v .item .top .r .fill{position:absolute;top:0;left:0;height:100%;transform-origin:0 0;background-color:#5079cb;border-right:1px solid var(--primary-color);animation:score-fill-show 1s ease-in-out forwards}@keyframes score-fill-show{0%{transform:scaleX(0);background-color:#5079cb}0%{background-color:var(--primary-color)}to{transform:scaleX(1);background-color:#5079cb}}.KnowledgeInfo .TestView .right-v .list-v .item .content{padding:0 10px 10px}.KnowledgeInfo .TestView .right-v .list-v .item .keys{padding:10px;display:flex;gap:7px;flex-wrap:wrap}.KnowledgeInfo .TestView .right-v .list-v .item .keys .key{opacity:.9;font-size:13px;white-space:nowrap}.KnowledgeInfo .TestView .right-v .list-v .item .keys .key:before{content:"#";font-style:italic;margin-right:3px;font-weight:300;opacity:.6}.KnowledgeInfo .TestView .right-v .list-v .item .bottom{border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .l{display:flex;align-items:center;gap:4px;color:var(--primary-color);cursor:pointer;font-size:13px}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .l:hover{text-decoration:underline}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .l .icon{width:18px;height:18px;transform:translateY(1px)}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .r{font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px;border-radius:5px;transition:.3s;-webkit-user-select:none;user-select:none}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .r:hover{background-color:#ffffff1a}.KnowledgeInfo .TestView .right-v .list-v .item .bottom .r .icon{width:13px;height:13px}.KnowledgeInfo .TestView .right-v .empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;opacity:.7;display:flex;flex-direction:column;align-items:center;gap:30px;font-weight:200}.KnowledgeInfo .TestView .right-v .empty .icon{width:100px;height:100px;transition:.3s}.KnowledgeInfo .TestView .right-v .empty .icon:hover{transform:rotate(-90deg) scale(1.2)}.PermissionPage{display:flex;flex-direction:column;padding-right:10px}.PermissionPage .table{flex:1;overflow-y:scroll}.CustomSelect2-component{position:relative;width:100%;font-family:inherit;--custom-select-bg: #2c2f33;--height: 50px;--logo-size: 35px}.CustomSelect2-component .select-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #9b9a9a;border-radius:7px;margin:5px 0;padding:6px 10px;cursor:pointer;background-color:var(--custom-select-bg);transition:all .3s ease;box-shadow:0 0 0 1px #35526e}.CustomSelect2-component .select-box:hover{border-color:#aaa}.CustomSelect2-component .select-box .search{position:relative;flex-grow:1;height:var(--height);overflow:hidden}.CustomSelect2-component .select-box .search input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:16px;color:var(--primary-font-color)}.CustomSelect2-component .select-box .search .display-content{pointer-events:none;display:flex;align-items:center;gap:8px;position:absolute;left:4px;width:100%;overflow:hidden;top:0;height:100%;transition:.3s}.CustomSelect2-component .select-box .search .display-content.hide{opacity:0}.CustomSelect2-component .select-box .search .display-content .logo{width:var(--logo-size);height:var(--logo-size)}.CustomSelect2-component .select-box .search .display-content .logo img{width:100%;height:100%;object-fit:contain;border:none;outline:none}.CustomSelect2-component .select-box .search .display-content .text-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.CustomSelect2-component .select-box .search .display-content .text-content .display-title{font-weight:500;font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CustomSelect2-component .select-box .search .display-content .text-content .desc{font-size:12px;color:#666;max-height:28px;line-height:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.CustomSelect2-component .select-box .right-box{display:flex;align-items:center;margin-left:8px}.CustomSelect2-component .select-box .right-box .showsvg{animation:showsvg-show .3s ease forwards}@keyframes showsvg-show{0%{opacity:5;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.CustomSelect2-component .select-box .right-box svg{width:20px;height:20px}.CustomSelect2-component .selectList{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;background-color:var(--custom-select-bg);border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:10;transition:.3s ease;transform:scaleY(.8);transform-origin:50% 0;opacity:.5;-webkit-user-select:none;user-select:none}.CustomSelect2-component .selectList.extend{padding:5px;max-height:300px;overflow-y:auto;border:1px solid #999999;margin-top:4px;transform:scaleY(1);opacity:1}.CustomSelect2-component .selectList .option{display:flex;padding:12px;cursor:pointer;transition:background-color .2s ease;align-items:center}.CustomSelect2-component .selectList .option:hover{background-color:#304b66}.CustomSelect2-component .selectList .option .select-radio{margin-right:12px;margin-top:4px}.CustomSelect2-component .selectList .option .select-radio .radio,.CustomSelect2-component .selectList .option .select-radio .act-radio{width:16px;height:16px;border-radius:50%;border:1px solid #ddd}.CustomSelect2-component .selectList .option .select-radio .act-radio{border-color:#1890ff;background-color:#1890ff;position:relative}.CustomSelect2-component .selectList .option .select-radio .act-radio:after{content:"";position:absolute;top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#fff}.CustomSelect2-component .selectList .option .content{flex-grow:1}.CustomSelect2-component .selectList .option .content .top{display:flex;align-items:center;margin-bottom:4px}.CustomSelect2-component .selectList .option .content .top .logo{width:24px;height:24px;margin-right:8px}.CustomSelect2-component .selectList .option .content .top .logo img{width:100%;height:100%;object-fit:contain}.CustomSelect2-component .selectList .option .content .top .display-title{font-weight:500;font-size:14px}.CustomSelect2-component .selectList .option .content .desc{font-size:12px;color:#797979;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.CustomSelect2-component .selectList .option .content .tags{display:flex;flex-wrap:wrap;gap:4px}.CustomSelect2-component .selectList .option .content .tags .option-tag{padding:2px 6px;background-color:#f0f0f0;border-radius:2px;font-size:10px;color:#555}.AddLiveTaskByTemModal .scene-list{margin-top:7px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px}.AddLiveTaskByTemModal .scene-list .scene{display:flex;flex-direction:column;background-color:#24272c;border-radius:5px;padding:10px;min-height:150px;height:fit-content}.AddLiveTaskByTemModal .scene-list .scene .bottom{margin-top:auto;display:flex;justify-content:space-between}.AddLiveTaskByTemModal .scene-list .scene .bottom .index{color:#999;font-size:13px}.AddLiveTaskByTemModal .scene-list .scene .bottom .remove{background-color:#e33d30;margin-left:auto}.AddLiveTaskByTemModal .scene-list .add-scene{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#24272c;border-radius:5px;transition:.3s;min-height:150px}.AddLiveTaskByTemModal .scene-list .add-scene:hover{background-color:#2a2e34;transform:scale(1.03)}.AddLiveTaskByTemModal .scene-list .add-scene:active{transform:scale(.99)}.AddLiveTaskByTemModal .scene-list .add-scene svg{width:60px;height:60px}.CustomSelect{display:flex;flex-direction:row;gap:5px;align-items:center;background-color:#3b3a3a;padding:5px;border-radius:5px}.CustomSelectModal .CustomSelectList{display:flex;flex-direction:column;gap:10px}.CustomSelectModal .CustomSelectList .item{padding:8px;display:flex;align-items:center;transition:.3s;gap:20px;cursor:pointer;border-bottom:1px solid #2f2f2f}.CustomSelectModal .CustomSelectList .item .preview{max-width:120px;max-height:120px;background-color:#282828;display:flex;flex-direction:column;align-items:center;justify-content:center}.CustomSelectModal .CustomSelectList .item.active{background-color:var(--primary-color);border-radius:3px}.CustomSelectModal .CustomSelectList .item .content{height:100%;display:flex;flex-direction:column;flex:1;overflow-y:hidden}.CustomSelectModal .CustomSelectList .item .content .name{font-size:16px;color:#fff;margin-bottom:5px}.CustomSelectModal .CustomSelectList .item .content .desc{font-size:13px;opacity:.8;white-space:pre-wrap}.EditLiveSceneModalV2-ScriptList{max-height:450px;overflow-y:auto}.EditLiveSceneModalV2-ScriptList .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:14px;gap:30px;flex-direction:column;margin-top:20px}.EditLiveSceneModalV2-ScriptList .list .group-item{display:flex;flex-direction:column}.EditLiveSceneModalV2-ScriptList .list .group-item .group-name{font-size:16px;font-weight:500;margin-bottom:10px;border-bottom:2px solid var(--primary-color);width:fit-content;font-style:italic}.EditLiveSceneModalV2-ScriptList .list .group-item .group-list{display:flex;flex-wrap:wrap;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px}.EditLiveSceneModalV2-ScriptList .list .item{display:flex;aspect-ratio:2;background:#302d36;padding:5px;border-radius:8px;cursor:pointer;position:relative;transition:.3s;-webkit-user-select:none;user-select:none}.EditLiveSceneModalV2-ScriptList .list .item .num{font-size:12px;color:var(--primary-color)}.EditLiveSceneModalV2-ScriptList .list .item .sub-title{position:absolute;right:5px;top:5px;font-size:12px;color:#8e90a1}.EditLiveSceneModalV2-ScriptList .list .item .name{margin:auto;font-size:14px}.EditLiveSceneModalV2-ScriptList .list .item .bottom{position:absolute;bottom:2px;width:calc(100% - 12px);display:flex;justify-content:space-between;align-items:center}.EditLiveSceneModalV2-ScriptList .list .item .btns{display:flex;gap:7px;opacity:0;transition:.3s}.EditLiveSceneModalV2-ScriptList .list .item:hover .btns{opacity:1}.EditLiveSceneModalV2-ScriptList .list .item:active{transform:scale(.95)}.EditLiveSceneModalV2-ScriptList .list .item:active:has(.btns:hover){transform:scale(1)}.EditLiveSceneModalV2-ScriptList .list .add{display:flex;align-items:center;justify-content:center;overflow:hidden;gap:4px}.EditLiveSceneModalV2-ScriptList .list .add svg{width:40px;height:430px}.EditLiveSceneModalV2-ScriptSceneEdit{display:flex;gap:10px;height:75vh;overflow:hidden}.EditLiveSceneModalV2-ScriptSceneEdit .left{flex:1;overflow-x:hidden;padding:20px 10px 10px;border-right:1px solid #585757}.EditLiveSceneModalV2-ScriptSceneEdit .center{flex:1;overflow-x:hidden;border-right:1px solid #585757}.EditLiveSceneModalV2-ScriptSceneEdit .center .s-title{margin:10px 0}.EditLiveSceneModalV2-ScriptSceneEdit .center .list{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item{width:150px;border-radius:6px;height:fit-content;background-color:#383636;padding:5px;display:flex;align-items:center;gap:5px;flex-direction:column;justify-content:center}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .preview{width:90px;height:90px;margin-bottom:5px;background-color:#3c3e42;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .preview .svg{width:40px;height:40px}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .name{text-align:center;font-size:12px}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .btn-text{font-size:12px}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .bottom{opacity:0;transition:.2s;margin:5px}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .bottom .right-bottom{margin-left:auto;text-align:right;width:fit-content;font-size:12px;color:var(--primary-color);cursor:pointer}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .bottom .right-bottom:hover{text-decoration:underline}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item:hover .bottom{opacity:1}.EditLiveSceneModalV2-ScriptSceneEdit .center .list .item .user-defined{display:flex;gap:5px;font-size:13px;align-items:center}.EditLiveSceneModalV2-ScriptSceneEdit .right{flex:1;overflow-x:hidden}.MediumSelectModalV2 .list{max-height:70vh;overflow-y:auto}.MediumSelectModalV2 .list .grid{display:grid;grid-template-columns:repeat(auto-fill,120px);grid-gap:1rem}.MediumSelectModalV2 .list .grid .item{width:124px;height:144px;display:flex;align-items:center;justify-content:center;background-color:#343a46;flex-direction:column;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.3s}.MediumSelectModalV2 .list .grid .item .render{width:120px;height:120px}.MediumSelectModalV2 .list .grid .item .renderImg{max-width:120px;max-height:120px}.MediumSelectModalV2 .list .grid .item.active{border:2px solid var(--primary-color)}.MediumSelectModalV2 .list .grid .item span{line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.SelectProdMatModalComponent .mat-list{display:flex;gap:15px 10px}.SelectProdMatModalComponent .mat-list .item{display:flex;flex-direction:column;gap:10px;align-items:center;padding-bottom:10px;border-bottom:4px solid transparent;transition:.3s;cursor:pointer}.SelectProdMatModalComponent .mat-list .item.active{border-bottom:4px solid var(--primary-color);border-radius:2px;background:linear-gradient(to top,#5a8af368,#343a4602 50%)}.SelectProdMatModalComponent .mat-list .item .pre{width:120px;height:120px;background-color:#343a46;border-radius:8px;overflow:hidden}.SelectProdMatModalComponent .mat-list .item .name{font-size:13px;color:#cac7c7}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.rich-text-editor{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#121212;border-radius:8px;box-shadow:0 4px 12px #0000004d;overflow:hidden;transition:all .3s ease}.rich-text-editor:hover{box-shadow:0 6px 16px #0006}.rich-text-editor .editor-toolbar{display:flex;align-items:center;padding:5px 8px;background-color:#1e1e1e;border-bottom:1px solid #2d2d2d;gap:8px}.rich-text-editor .editor-toolbar .right-btn-list{margin-left:auto;display:flex;gap:6px}.rich-text-editor .toolbar-btn{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background-color:#2d2d2d;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s ease}.rich-text-editor .toolbar-btn:hover{background-color:#3d3d3d;color:#fff}.rich-text-editor .toolbar-btn.active{background-color:var(--primary-color);color:#fff}.rich-text-editor .toolbar-btn.active:hover{background-color:var(--primary-color)}.rich-text-editor .color-control{margin-left:4px}.rich-text-editor .color-picker{width:36px;height:36px;padding:2px;border:none;border-radius:4px;background-color:#2d2d2d;cursor:pointer;transition:transform .2s ease}.rich-text-editor .color-picker:hover{transform:scale(1.05)}.rich-text-editor .color-picker::-webkit-color-swatch-wrapper{padding:0}.rich-text-editor .color-picker::-webkit-color-swatch{border:none;border-radius:2px}.rich-text-editor .editor-content-wapper{padding:8px;position:relative}.rich-text-editor .placeholder{position:absolute;top:8px;left:8px;color:#666;pointer-events:none}.rich-text-editor .editor-content{color:#e0e0e0;outline:none;line-height:1.6;font-size:16px;overflow-y:auto;font-size:14px}.rich-text-editor .editor-content:empty:before{content:attr(placeholder);color:#666;pointer-events:none}.rich-text-editor .editor-content strong{font-weight:600}.rich-text-editor .editor-content em{font-style:italic}.rich-text-editor .editor-content::-webkit-scrollbar{width:8px}.rich-text-editor .editor-content::-webkit-scrollbar-track{background:#1e1e1e}.rich-text-editor .editor-content::-webkit-scrollbar-thumb{background:#3d3d3d;border-radius:4px}.rich-text-editor .editor-content::-webkit-scrollbar-thumb:hover{background:#4d4d4d}.AudioPlayerV2{--size: 44px;--line-w: 3px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;--line-color: var(--primary-color)}.AudioPlayerV2 .line{width:50px;height:50px;display:flex;box-sizing:border-box;position:absolute;border:var(--line-w) solid rgba(68,67,67,.3215686275);border-radius:50%;left:0;top:0}.AudioPlayerV2 .progress{width:50px;height:50px;display:flex;box-sizing:border-box;position:absolute;left:0;top:0}.AudioPlayerV2 .progress .right-c{width:25px;height:50px;position:relative;overflow:hidden}.AudioPlayerV2 .progress .right-c .right-inner{position:absolute;width:50px;height:50px;border:var(--line-w) solid transparent;border-top:var(--line-w) solid var(--line-color);border-right:var(--line-w) solid var(--line-color);right:0;border-radius:50%;transform:rotate(var(--r));transform-origin:50% 50%;transition:.3s}.AudioPlayerV2 .progress .left-c{width:25px;height:50px;position:relative;overflow:hidden}.AudioPlayerV2 .progress .left-c .left-inner{border:var(--line-w) solid transparent;border-bottom:var(--line-w) solid var(--line-color);border-left:var(--line-w) solid var(--line-color);left:0;top:0;position:absolute;width:50px;height:50px;border-radius:50%;transform-origin:50% 50%;transform:rotate(var(--r));transition:.3s}.AudioPlayerV2 .icon{width:22px;height:22px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.AudioPlayerV2 .icon svg{width:100%;height:100%}.BatchScriptAddModal{display:flex;flex-direction:row;height:60vh;gap:10px;padding:5px}.BatchScriptAddModal .left{flex:1;overflow:hidden;border-right:1px solid rgba(229,229,229,.3215686275);padding:5px;display:flex;gap:10px}.BatchScriptAddModal .left .prod-view{flex:3;display:flex;flex-direction:column}.BatchScriptAddModal .left .prod-view .list-wapper{flex:1;margin-top:10px;overflow-y:auto;background-color:#4141413b;padding:10px;border-radius:5px}.BatchScriptAddModal .left .prod-view .list-wapper .list{display:flex;gap:4px;flex-direction:column}.BatchScriptAddModal .left .prod-view .list-wapper .list .item{background-color:#414141;padding:5px;border-radius:5px;display:flex;gap:10px;cursor:pointer;transition:.3s}.BatchScriptAddModal .left .prod-view .list-wapper .list .item.active{background-color:var(--primary-color)}.BatchScriptAddModal .left .prod-view .list-wapper .list .item.active .text-content .desc{color:#e7e7e7}.BatchScriptAddModal .left .prod-view .list-wapper .list .item .thumb{width:60px;height:60px;object-fit:cover;border-radius:5px}.BatchScriptAddModal .left .prod-view .list-wapper .list .item .text-content .title{font-size:14px;font-weight:500}.BatchScriptAddModal .left .prod-view .list-wapper .list .item .text-content .desc{font-size:12px;color:#999;line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.BatchScriptAddModal .left .script-view{flex:2.5}.BatchScriptAddModal .left .script-view .top-tips{line-height:32px;height:32px}.BatchScriptAddModal .left .script-view .list-wapper{flex:1;margin-top:10px;overflow-y:auto;background-color:#4141413b;padding:10px;border-radius:5px}.BatchScriptAddModal .left .script-view .list-wapper .thumb{width:40px;height:40px;margin-top:5px}.BatchScriptAddModal .left .script-view .list-wapper .list{display:flex;gap:4px;flex-direction:column}.BatchScriptAddModal .left .script-view .list-wapper .list .item{background-color:#414141;padding:5px;border-radius:5px;display:flex;gap:10px;cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none;height:60px}.BatchScriptAddModal .left .script-view .list-wapper .list .item.active{background-color:var(--primary-color)}.BatchScriptAddModal .left .script-view .list-wapper .list .item.active .text-content .desc{color:#e7e7e7}.BatchScriptAddModal .left .script-view .list-wapper .list .item .text-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.BatchScriptAddModal .left .script-view .list-wapper .list .item .text-content .title{font-size:14px;font-weight:500}.BatchScriptAddModal .left .script-view .list-wapper .list .item .text-content .end-text{font-size:11px;gap:8px;margin-left:auto;width:fit-content;display:flex}.BatchScriptAddModal .right{width:340px;overflow:hidden;padding:5px}.BatchScriptAddModal .right .top-tips{line-height:32px;height:32px}.BatchScriptAddModal .right .list-wapper{flex:1;margin-top:10px;overflow-y:auto;background-color:#4141413b;padding:10px;border-radius:5px}.BatchScriptAddModal .right .list-wapper .thumb{height:20px;text-align:center}.BatchScriptAddModal .right .list-wapper .list{display:flex;gap:4px;flex-direction:column}.BatchScriptAddModal .right .list-wapper .list .item{background-color:#414141;padding:5px;border-radius:5px;display:flex;gap:2px;cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none;align-items:center}.BatchScriptAddModal .right .list-wapper .list .item.drag{background-color:var(--primary-color)}.BatchScriptAddModal .right .list-wapper .list .item .text-content{flex:1;overflow:hidden}.BatchScriptAddModal .right .list-wapper .list .item .text-content .title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.BatchScriptAddModal .right .list-wapper .list .item .remove{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:.3s}.BatchScriptAddModal .right .list-wapper .list .item .remove:hover{transform:scale(1.1)}.BatchScriptAddModal .right .list-wapper .list .item .remove svg{width:100%;height:100%;transition:.3s}.BatchScriptAddModal .right .list-wapper .list .item .remove svg:hover{fill:#e23c2f}.ProdScriptAddSceneModal .UserInputList .s-list{display:flex;flex-direction:column;gap:10px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item{padding:10px;border-radius:5px;background-color:#2c2f33}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .title{font-size:14px;color:#9d9d9d;margin-bottom:5px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list{display:flex;flex-wrap:wrap;gap:10px;overflow:hidden}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item{width:150px;border-radius:6px;height:fit-content;background-color:#383636;padding:5px;display:flex;align-items:center;gap:5px;flex-direction:column;justify-content:center}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .preview{width:90px;height:90px;margin-bottom:5px;background-color:#3c3e42;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .preview .svg{width:40px;height:40px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .name{text-align:center;font-size:12px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .btn-text{font-size:12px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .bottom{opacity:0;transition:.2s;margin:5px}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .bottom .right-bottom{margin-left:auto;text-align:right;width:fit-content;font-size:12px;color:var(--primary-color);cursor:pointer}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item .bottom .right-bottom:hover{text-decoration:underline}.ProdScriptAddSceneModal .UserInputList .s-list .s-item .m-list .m-item:hover .bottom{opacity:1}.layout-preset{display:flex;flex-direction:column;gap:10px}.layout-preset .top{display:flex;justify-content:space-between}.layout-preset .tips{display:flex;gap:30px}.layout-preset .tips .item{display:flex;align-items:center;gap:10px}.layout-preset .tips .item .label{font-size:14px}.layout-preset .tips .item .cube{width:40px;height:16px;background-color:var(--back-color);border:1px solid rgb(210,208,208)}.layout-preset .list{flex:1;overflow-y:auto;padding-right:20px}.layout-preset .list .layout{display:flex;flex-wrap:wrap;gap:20px}.layout-preset .list .layout .title{font-weight:700;font-size:17px;margin-bottom:5px}.layout-preset .list .layout .display-text{margin-top:5px;font-size:12px;opacity:.8}.layout-preset .list .layout .display-text .row{text-align:center}.layout-preset .list .layout .edit-button{display:flex;align-items:center;justify-content:center;margin-top:10px;gap:10px}.layout-display-component{width:100%;aspect-ratio:.5625;border:1px solid rgb(210,208,208);background-color:#121212;position:relative;overflow:hidden}.layout-display-component .back-region,.layout-display-component .anchor-region,.layout-display-component .product-region{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color)}.layout-display-component .back-region{background-color:#000}.layout-display-component .anchor-region{background-color:#fff}.layout-display-component .product-region{background-color:#000}.editLayoutPreset{display:flex}.editLayoutPreset .left-v{flex:3;padding:10px;overflow:hidden}.editLayoutPreset .left-v .save{display:flex;justify-content:right}.editLayoutPreset .right-v{flex:2;padding:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.editLayoutPreset .right-v .tips{display:flex;gap:30px}.editLayoutPreset .right-v .tips .item{display:flex;align-items:center;gap:10px}.editLayoutPreset .right-v .tips .item .label{font-size:14px}.editLayoutPreset .right-v .tips .item .cube{width:40px;height:16px;background-color:var(--back-color);border:1px solid rgb(210,208,208)}.LayoutEditView{max-width:100%;max-height:100%;aspect-ratio:.5625;border:1px solid rgb(210,208,208);background-color:#121212;position:relative;overflow:hidden}.edit-template-preset{display:flex;flex-direction:row;padding:10px}.edit-template-preset .left-view{flex:1;display:flex;flex-direction:row;gap:20px}.edit-template-preset .left-view .sourceList{flex:1;display:flex;flex-direction:column;gap:10px}.edit-template-preset .left-view .sourceList .list{flex:1;overflow-y:scroll}.edit-template-preset .left-view .sourceList .list .source-item{display:flex;flex-direction:row;align-items:center}.edit-template-preset .left-view .optionList{flex:1}.edit-template-preset .right-view{flex:1;padding:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.edit-template-preset .card{padding:10px;background-color:#373535;border-radius:5px}.edit-template-preset .card .title{font-size:17px;color:#fff;display:flex;justify-content:space-between;align-items:center}.TemplateDisplay{max-width:100%;max-height:100%;aspect-ratio:.5625;border:1px solid rgb(210,208,208);background-color:#121212;position:relative;overflow:hidden}._content-menu-component_1d8xz_1{position:fixed;z-index:4;flex-direction:column;width:clamp(5vw,170px,50vw);background-color:#484b50d9;border-radius:3px;display:flex;box-shadow:0 0 5px #0003;border:1px solid #303030;-webkit-user-select:none;user-select:none;overflow:hidden;animation:_content-menu-component-gradual-manifestation_1d8xz_1 .3s}._content-menu-component_1d8xz_1 ._content-menu-item_1d8xz_15{min-height:2rem;line-height:2rem;box-sizing:border-box;padding-left:20px;cursor:pointer;transition:.3s;font-size:1.1rem;animation:_content-menu-item-show-anim_1d8xz_1 .6s forwards;border-bottom:1px dashed rgba(178,177,177,.5960784314);transform:translate(-40px)}._content-menu-component_1d8xz_1 ._content-menu-item_1d8xz_15:hover{background-color:#1b2435d9;color:var(--ui-text)}._content-menu-component_1d8xz_1 ._content-menu-item_1d8xz_15:last-child{border-bottom:none}._content-menu-component_1d8xz_1 ._content-menu-item_1d8xz_15:nth-child(1){animation-delay:0s}@keyframes _content-menu-item-show-anim_1d8xz_1{0%{transform:translate(-20px);opacity:.4}to{transform:translate(0);opacity:1}}@keyframes _content-menu-component-gradual-manifestation_1d8xz_1{0%{opacity:0}to{opacity:1}}.dark-rich-text-editor{color:#e0e0e0;max-width:1000px;margin:20px auto;padding:20px;background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 12px #0000004d}.dark-rich-text-editor h2{color:#fff;border-bottom:1px solid #333;padding-bottom:10px;margin-bottom:20px}.dark-toolbar{background-color:#2d2d2d!important;border:1px solid #444!important;border-radius:4px 4px 0 0!important}.dark-toolbar .rdw-option-wrapper{color:#ccc!important}.dark-toolbar .rdw-option-wrapper:hover{background-color:#444!important;color:#fff!important}.dark-toolbar .rdw-option-active{background-color:#555!important;color:#fff!important}.dark-toolbar .rdw-dropdown-wrapper{background-color:#2d2d2d!important;border:1px solid #444!important;color:#ccc!important}.dark-toolbar .rdw-dropdown-optionwrapper{background-color:#2d2d2d!important}.dark-toolbar .rdw-dropdown-option{color:#ccc!important}.dark-toolbar .rdw-dropdown-option:hover{background-color:#444!important;color:#fff!important}.dark-editor{background-color:#1e1e1e!important;border:1px solid #444!important;border-top:none!important;border-radius:0 0 4px 4px!important;color:#e0e0e0!important;min-height:300px!important}.dark-editor .public-DraftEditorPlaceholder-root{color:#888!important}.dark-editor .public-DraftStyleDefault-block{color:#e0e0e0!important}.editor-actions .btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.editor-actions .btn-dark{background-color:#333;color:#fff}.editor-actions .btn-dark:hover{background-color:#555}.editor-actions .btn-secondary{background-color:#444;color:#fff}.editor-actions .btn-secondary:hover{background-color:#666}.dark-preview{background-color:#1e1e1e;border:1px solid #444}.dark-preview h3{color:#fff;margin-top:0}.dark-preview-content{color:#e0e0e0}.dark-preview-content p,.dark-preview-content div{color:#e0e0e0;line-height:1.6}.dark-preview-content h1,.dark-preview-content h2,.dark-preview-content h3,.dark-preview-content h4{color:#fff;margin-top:1.5em;margin-bottom:.5em}.dark-preview-content a{color:#4da6ff}.dark-preview-content ul,.dark-preview-content ol{color:#e0e0e0;padding-left:20px}.dark-preview-content img{max-width:100%;height:auto;border:1px solid #444;border-radius:4px}.ChatPage .ChatView{flex:1;overflow:hidden;height:100%}.ChatPage .ChatView .mobile-show-sidebar{display:none}.ChatPage .ChatView .ChatContent{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column-reverse;align-items:center}.ChatPage .ChatView .ChatContent::-webkit-scrollbar{width:10px;height:10px;display:block}.ChatPage .ChatView .ChatContent::-webkit-scrollbar-thumb{border-radius:10px;background-color:#374a62}.ChatPage .ChatView .ChatContent .ChatContentInner{height:fit-content;width:clamp(50%,930px,100%);padding:0 15px;position:relative;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.ChatPage .ChatView .ChatContent .new-chat-box{display:flex;align-items:center;flex-direction:column;text-align:center;margin-bottom:30px}.ChatPage .ChatView .ChatContent .new-chat-box .logo{margin-top:40px;width:100px;height:100px;margin-bottom:20px;animation:logoShow 1s ease-out forwards;transform-origin:50% 100%}@keyframes logoShow{0%{opacity:0;transform:scale(.3) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ChatPage .ChatView .ChatContent .new-chat-box .title{font-size:36px;margin-bottom:10px;font-weight:500}.ChatPage .ChatView .ChatContent .new-chat-box .desc{font-size:16px;opacity:.7}.ChatPage .ChatView .ChatContent .chat-title{position:sticky;top:0;text-align:center;font-size:20px;height:40px;line-height:40px;font-weight:500;z-index:3;background-color:var(--primary-background)}.ChatPage .ChatView .ChatContent .chat-title .show-sidebar-expanded{display:none}.ChatPage .ChatView .ChatContent .top-mask{position:sticky;top:40px;z-index:3;pointer-events:none;left:0;width:100%;height:50px;background:linear-gradient(180deg,var(--primary-background) 0%,rgba(0,0,0,0) 100%);z-index:1}@media screen and (max-width: 768px){.ChatPage .ChatView .mobile-show-sidebar{position:absolute;left:10px;top:10px;border-radius:5px;padding:4px;transition:.3s;width:35px;height:30px;display:flex;justify-content:center;align-items:center}.ChatPage .ChatView .mobile-show-sidebar:active{background-color:#374a62;transform:scale(.95)}.ChatPage .ChatView .ChatContent::-webkit-scrollbar{width:5px;height:5px;display:block}.ChatPage .ChatView .ChatContent::-webkit-scrollbar-thumb{border-radius:5px;background-color:#374a62}.ChatPage .ChatView .ChatContent .chat-title .show-sidebar-expanded{display:block;position:absolute;top:50%;left:0;width:32px;height:32px;transform:translateY(-50%);padding:4px;border-radius:5px;transition:.3s}.ChatPage .ChatView .ChatContent .chat-title .show-sidebar-expanded:active{background-color:#374a62;transform:translateY(-50%) scale(.95)}.ChatPage .ChatView .ChatContent .chat-title span{max-width:calc(100% - 90px);font-size:17px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin:0 auto;text-align:center}}.ChatPage .ChatView .ChatInput{width:100%;min-height:130px;height:fit-content;background-color:#2c2f33;border-radius:8px;padding:8px;bottom:10px;margin-top:20px;position:relative}.ChatPage .ChatView .ChatInput .inputScroll{height:fit-content;max-height:336px;overflow-y:auto;min-height:70px}.ChatPage .ChatView .ChatInput .inputScroll .textArea{width:100%;min-height:70px;line-height:28px;resize:none;background-color:transparent;border:none;outline:none;color:var(--primary-font-color);font-size:16px;font-family:Roboto,sans-serif;display:block}.ChatPage .ChatView .ChatInput .inputScroll .textArea::placeholder{-webkit-user-select:none;user-select:none}.ChatPage .ChatView .ChatInput .bottom{margin-top:12px;display:flex;justify-content:space-between}.ChatPage .ChatView .ChatInput .bottom .left{display:flex;align-items:center;gap:10px}.ChatPage .ChatView .ChatInput .bottom .left .tag{-webkit-user-select:none;user-select:none;cursor:pointer;width:fit-content;padding:5px 10px;background-color:#48494b;font-size:13px;border-radius:12px;transition:.3s}.ChatPage .ChatView .ChatInput .bottom .left .tag:active{transform:scale(.9)}.ChatPage .ChatView .ChatInput .bottom .right .sendButton{width:100px;height:35px;border:none;font-size:16px;border-radius:4px;padding:0 20px;cursor:pointer;color:var(--primary-font-color);background-color:var(--primary-color);transition:.3s;display:flex;align-items:center;justify-content:center}.ChatPage .ChatView .ChatInput .bottom .right .sendButton .label{display:block;white-space:nowrap}.ChatPage .ChatView .ChatInput .bottom .right .sendButton .stop{width:15px;height:15px;background-color:#f0f8ff;border-radius:10%}.ChatPage .ChatView .ChatInput .bottom .right .sendButton .icon{margin-left:2px;width:22px;height:22px;font-weight:500;transform:translateY(1px);transition:.3s}.ChatPage .ChatView .ChatInput .bottom .right .sendButton:active{transform:scale(.9)}.ChatPage .ChatView .ChatInput .bottom .right .waiting{width:40px;height:40px;border-radius:50%;padding:0}.ChatPage .ChatView .ChatInput .bottom .right .disable{opacity:1}.ChatPage .ChatView .ChatInput .bottom .right .disable .icon{opacity:0;margin-left:-24px;transform:translate(60px,1px)}.ChatPage .ChatView .ChatInput .to-bottom-btn{position:absolute;right:-50px;top:0;width:40px;height:40px;border-radius:50%;cursor:pointer;opacity:.8;transition:.3s}.ChatPage .ChatView .ChatInput .to-bottom-btn:hover{opacity:1}.ChatPage .ChatView .ChatInput .to-bottom-btn:active{transform:scale(.9)}.ChatPage .ChatView .ChatInput .to-bottom-btn .icon{width:100%;height:100%}.ChatPage .ChatView .ChatInput .to-bottom-btn-hide{opacity:0}@media screen and (max-width: 768px){.ChatPage .ChatView .ChatInput .inputScroll{max-height:200px}}.ChatPage .Sidebar{width:250px;height:100%;background-color:#2c2f33;-webkit-user-select:none;user-select:none;transition:.4s;overflow:hidden;position:relative}.ChatPage .Sidebar.hide{width:70px}.ChatPage .Sidebar .Sidebar-wapper{width:250px;padding:10px;height:100%;display:flex;flex-direction:column;transition:.4s}.ChatPage .Sidebar .Sidebar-wapper.hide{transform:translate(-250px)}.ChatPage .Sidebar header{display:flex;flex-direction:row;align-items:flex-end;margin-bottom:20px;justify-content:space-between}.ChatPage .Sidebar header .app-name{font-size:30px;font-weight:700}.ChatPage .Sidebar header .show-btn{cursor:pointer;width:40px;height:40px;padding:7px;border-radius:8px;transition:all .3s}.ChatPage .Sidebar header .show-btn:hover{background-color:#3a3c41}.ChatPage .Sidebar .new-chat-btn{display:flex;font-size:14px;margin:10px 0;padding:8px;background-color:var(--primary-color);border-radius:8px;width:fit-content;cursor:pointer;gap:8px;transition:.2s;font-weight:200}.ChatPage .Sidebar .new-chat-btn .icon{width:18px;height:18px}.ChatPage .Sidebar .new-chat-btn:hover{background-color:var(--primary-color)}.ChatPage .Sidebar .new-chat-btn:active{transform:scale(.9)}.ChatPage .Sidebar .list{flex:1;overflow-y:auto;padding:5px 8px 5px 0}.ChatPage .Sidebar .list::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.ChatPage .Sidebar .list::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.ChatPage .Sidebar .list .item{height:40px;border-radius:8px;padding:8px;transition:.3s;font-size:15px;cursor:pointer;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ChatPage .Sidebar .list .item:hover{background-color:#5e97e753}.ChatPage .Sidebar .list .item-active{background-color:var(--primary-color);font-weight:500}.ChatPage .Sidebar .list .item-active:hover{background-color:#5e97e7c3}.ChatPage .Sidebar .cell{border-radius:8px;padding:8px;transition:.3s;cursor:pointer;display:flex;align-items:center;height:40px}.ChatPage .Sidebar .cell:hover{background-color:#5e97e792}.ChatPage .Sidebar .cell:hover .icon{transform:rotate(60deg)}.ChatPage .Sidebar .cell:active{transform:scale(.9)}.ChatPage .Sidebar .cell .icon{width:26px;height:26px;transition:all .3s ease-out}.ChatPage .Sidebar .cell .label{margin-left:10px;font-size:17px;font-weight:300}.ChatPage .Sidebar .hide-sidebar{width:70px;height:100%;transition:.4s;position:absolute;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0}.ChatPage .Sidebar .hide-sidebar.hide{transform:translate(70px);opacity:0}.ChatPage .Sidebar .hide-sidebar .top{display:flex;flex-direction:column;gap:10px;align-items:center}.ChatPage .Sidebar .hide-sidebar .top .logo{width:40px;height:40px}.ChatPage .Sidebar .hide-sidebar .top .logo img{width:100%;height:100%}.ChatPage .Sidebar .hide-sidebar .icon-btn{margin-top:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:.3s}.ChatPage .Sidebar .hide-sidebar .icon-btn:hover{background-color:#3a3c41}@media screen and (max-width: 768px){.ChatPage .Sidebar{position:fixed;left:0;z-index:4;border-right:1px solid rgba(91,140,245,.2549019608);border-radius:0 8px 8px 0}.ChatPage .Sidebar.hide{width:0px}.ChatPage .Sidebar .hide-sidebar{display:none}}.ChatPageLayout{padding:0}.ChatPageLayout .ChatPage{display:flex;width:100%;height:100vh;overflow:hidden;align-items:center}.CharToImage .Sidebar{width:400px;background-color:#2c2f33;border-radius:8px;padding:0 10px 10px;overflow-y:auto}.CharToImage .Sidebar .mode-select-list{width:100%;overflow-x:scroll;background-color:#2c2f33;position:sticky;border-bottom:1px solid #3a3c41;padding-bottom:5px;top:0;left:0;z-index:2;padding-top:10px}.CharToImage .Sidebar .mode-select-list .mode-select-list-inner{width:fit-content;display:flex;flex-direction:row;width:100%;gap:10px;justify-content:space-around}.CharToImage .Sidebar .mode-select-list .mode-select-list-inner .item{flex:1;text-align:center;padding:3px 10px;margin:0 10px;border-radius:8px;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .mode-select-list .mode-select-list-inner .item:hover{background-color:#3a3c41}.CharToImage .Sidebar .mode-select-list .mode-select-list-inner .item-active,.CharToImage .Sidebar .mode-select-list .mode-select-list-inner .item-active:hover{background-color:var(--primary-color)}.CharToImage .Sidebar .content{margin-top:10px}@media screen and (max-width: 768px){.CharToImage .Sidebar{width:100%}}.CharToImage .Sidebar .textarea-box{width:100%;height:fit-content;background-color:var(--primary-background);border-radius:10px}.CharToImage .Sidebar .textarea-box .text-len{color:var(--primary-font-color);font-size:12px;opacity:.7;padding:10px;text-align:right}.CharToImage .Sidebar .textarea{color:var(--primary-font-color);border:none;padding:10px;font-size:14px;line-height:1.5;width:100%;height:200px;box-sizing:border-box}.CharToImage .Sidebar .textarea:focus{outline:none}.CharToImage .Sidebar .title{font-size:16px;height:35px;margin:4px 0;line-height:35px;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .sub-title{font-size:13px;margin:5px 0;opacity:.8;font-weight:300;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .bili-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:10px;align-items:center;justify-content:space-around}.CharToImage .Sidebar .bili-list .item{width:80px;height:90px;padding:5px;display:flex;flex-direction:column;cursor:pointer;border-radius:5px;transition:.3s;border:1px solid #4a4848;justify-content:space-between}.CharToImage .Sidebar .bili-list .item .preview{max-width:50px;max-height:50px;margin:0 auto;border-radius:3px;transition:.3s;border:solid 1px var(--primary-font-color)}.CharToImage .Sidebar .bili-list .item .label{text-align:center;transition:.3s;font-size:13px}.CharToImage .Sidebar .bili-list .item.active{border:1px solid transparent;background-color:var(--primary-background)}.CharToImage .Sidebar .bili-list .item.active .preview{border:solid 1px var(--primary-color)}.CharToImage .Sidebar .bili-list .item.active .label{color:var(--primary-color)}.CharToImage .Sidebar .consume-tips{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.CharToImage .Sidebar .consume-tips .item{align-items:center;display:flex;gap:5px;font-size:14px;font-weight:300}.CharToImage .Sidebar .consume-tips .item svg{width:14px;height:14px}.CharToImage .Sidebar .build-btn{text-align:center;width:100%;height:40px;line-height:40px;margin-top:30px;margin-bottom:10px;cursor:pointer;background-color:var(--primary-color);color:var(--primary-font-color);border:none;border-radius:5px;transition:.3s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:5px}.CharToImage .Sidebar .build-btn svg{width:16px;height:16px}.CharToImage .Sidebar .build-btn:hover{background-color:#4c83f7}.CharToImage .Sidebar .build-btn:active{transform:scale(.96)}.CharToImage .Sidebar .image-select{display:flex;margin-bottom:20px;position:relative}.CharToImage .Sidebar .image-select .uploadImage{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed #ccc;cursor:pointer;transition:.3s}.CharToImage .Sidebar .image-select .uploadImage.drop{background-color:var(--primary-color)}.CharToImage .Sidebar .image-select .uploadImage .icon{width:20px;height:20px;margin-right:5px;opacity:.7}.CharToImage .Sidebar .image-select .uploadImage .label{font-size:12px;opacity:.7;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .image-select .image-box{width:100%;background-color:var(--primary-background);padding:10px;border-radius:5px}.CharToImage .Sidebar .image-select .image-box .image{width:100%;height:auto;animation:image-show .3s ease-in-out forwards}@keyframes image-show{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.CharToImage .Sidebar .image-select .image-operate{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;background-color:#201f1fbb;transition:.3s;border-radius:5px;cursor:pointer}.CharToImage .Sidebar .image-select .image-operate span{color:#fff}.CharToImage .Sidebar .image-select .image-operate:hover{opacity:1}.CharToImage .Sidebar .video-box{width:100%;background-color:var(--primary-background);padding:10px;border-radius:5px}.CharToImage .Sidebar .video-box .video{width:100%;height:auto;animation:video-show .3s ease-in-out forwards}.CharToImage .Sidebar .video-select{margin-bottom:20px;position:relative}.CharToImage .Sidebar .video-select .uploadVideo{width:100%;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed #ccc;cursor:pointer;transition:.3s}.CharToImage .Sidebar .video-select .uploadVideo.drop{background-color:var(--primary-color)}.CharToImage .Sidebar .video-select .uploadVideo .icon{width:20px;height:20px;margin-right:5px;opacity:.7}.CharToImage .Sidebar .video-select .uploadVideo .label{font-size:12px;opacity:.7;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .video-select .video-box{width:100%;background-color:var(--primary-background);padding:10px;border-radius:5px}.CharToImage .Sidebar .video-select .video-box .video{width:100%;height:auto;animation:video-show .3s ease-in-out forwards}@keyframes video-show{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.CharToImage .Sidebar .video-select .delete-btn{cursor:pointer;margin:10px auto;background-color:#fa5757;border-radius:3px;padding:4px 10px;-webkit-user-select:none;user-select:none;transition:.3s;color:#fff;width:100%;text-align:center}.CharToImage .Sidebar .video-select .delete-btn:active{transform:scale(.96)}.CharToImage .Sidebar .video-select .audio-box{width:100%;background-color:var(--primary-background);padding:10px;border-radius:5px}.CharToImage .Sidebar .video-select .audio-box .audio{width:100%}.CharToImage .Sidebar .voice-list{overflow-y:auto;margin-top:10px;max-height:40vh;padding:5px;border-radius:10px;background-color:#5c5b5b}.CharToImage .Sidebar .voice-list .voice-item{border-bottom:1px solid rgba(178,178,179,.2431372549);padding:5px 8px;cursor:pointer;border-radius:5px;transition:.3s;display:flex;align-items:center;gap:5px}.CharToImage .Sidebar .voice-list .voice-item .avatar{width:60px;height:60px;border-radius:10px;position:relative;-webkit-user-select:none;user-select:none}.CharToImage .Sidebar .voice-list .voice-item .avatar .img{width:100%;height:100%;object-fit:cover;border:none;border-radius:10px}.CharToImage .Sidebar .voice-list .voice-item .avatar .sex{position:absolute;right:0;bottom:0;width:20px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:10px 0}.CharToImage .Sidebar .voice-list .voice-item .avatar .sex svg{width:70%;height:70%}.CharToImage .Sidebar .voice-list .voice-item .content-box{flex:1;overflow-x:hidden}.CharToImage .Sidebar .voice-list .voice-item .content-box .name{font-size:15px}.CharToImage .Sidebar .voice-list .voice-item .content-box .desc{font-size:11px;color:#b2b2b3}.CharToImage .Sidebar .voice-list .voice-item .play-box{border:2px solid #fff;width:50px;height:50px;display:flex;border-radius:50%;margin-left:auto;transition:.3s}.CharToImage .Sidebar .voice-list .voice-item .play-box svg{margin:auto;fill:var(--primary-color)}.CharToImage .Sidebar .voice-list .voice-item .play-box .stop{fill:#fff}.CharToImage .Sidebar .voice-list .voice-item .play-box:hover{transform:scale(1.1)}.CharToImage .Sidebar .voice-list .voice-item .play-box:active{transform:scale(.9)}.CharToImage .Sidebar .voice-list .voice-item.select{background-color:#5781d7}.CharToImage .Sidebar .voice-list .voice-item .select-box{width:20px;height:20px;background-color:#f3f3f3;border-radius:50%}@media screen and (max-width: 768px){.CharToImage .Sidebar .bili-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1vw;margin-top:10px;align-items:center;justify-content:space-around}.CharToImage .Sidebar .bili-list .item{margin-top:2px;width:20%;height:unset;aspect-ratio:.8;padding:1%}.CharToImage .Sidebar .bili-list .item .preview{max-width:10vw;max-height:10vw}.CharToImage .Sidebar .bili-list .item .label{font-size:13px}}.CharToImage .OutView{flex:1;background-color:#2c2f33;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.CharToImage .OutView .result-box{overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:20px}.CharToImage .OutView .result-box .preview-box{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.CharToImage .OutView .result-box img{max-height:100%;max-width:100%}.CharToImage .OutView .result-box video{max-height:100%;max-width:100%}.CharToImage .OutView .tool-btns{display:flex;height:50px;align-items:center;gap:20px}.CharToImage .OutView .tool-btns .btn{cursor:pointer;transition:.3s;padding:3px 20px;background-color:var(--primary-color);border-radius:5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.CharToImage .OutView .tool-btns .btn:hover{opacity:.8}.CharToImage .OutView .tool-btns .btn:active{transform:scale(.9)}.CharToImage .OutView .center{margin:auto}.CharToImage .OutView .icon{display:block;width:100px;height:100px;opacity:.7;margin:0 auto;transition:.3s}.CharToImage .OutView .tips{margin-top:20px;text-align:center;opacity:.7;font-weight:100;font-size:30px}.CharToImage .OutView .sub-tips{margin-top:20px;text-align:center;opacity:.7;font-weight:300;font-size:14px}@media screen and (max-width: 768px){.CharToImage .OutView{height:100vw;flex:none}.CharToImage .OutView .center .icon{width:50px;height:50px}.CharToImage .OutView .center .tips{font-size:16px}}.CharToImage{display:flex;padding:0;height:100%;gap:30px}@media screen and (max-width: 768px){.CharToImage{flex-direction:column;height:fit-content}}.FaceSwapping .OutView{flex:1;background-color:#2c2f33;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.FaceSwapping .OutView .result-box{overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:20px}.FaceSwapping .OutView .result-box .preview-box{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.FaceSwapping .OutView .result-box img{max-height:100%;max-width:100%}.FaceSwapping .OutView .result-box video{max-height:100%;max-width:100%}.FaceSwapping .OutView .tool-btns{display:flex;height:50px;align-items:center;gap:20px}.FaceSwapping .OutView .tool-btns .btn{cursor:pointer;transition:.3s;padding:3px 20px;background-color:var(--primary-color);border-radius:5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.FaceSwapping .OutView .tool-btns .btn:hover{opacity:.8}.FaceSwapping .OutView .tool-btns .btn:active{transform:scale(.9)}.FaceSwapping .OutView .center{margin:auto}.FaceSwapping .OutView .icon{display:block;width:100px;height:100px;opacity:.7;margin:0 auto;transition:.3s}.FaceSwapping .OutView .tips{margin-top:20px;text-align:center;opacity:.7;font-weight:100;font-size:30px}.FaceSwapping .OutView .sub-tips{margin-top:20px;text-align:center;opacity:.7;font-weight:300;font-size:14px}@media screen and (max-width: 768px){.FaceSwapping .OutView{height:100vw;flex:none}.FaceSwapping .OutView .center .icon{width:50px;height:50px}.FaceSwapping .OutView .center .tips{font-size:16px}}.AddTaskTemplateModal .scene-list{margin-top:7px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px}.AddTaskTemplateModal .scene-list .scene{display:flex;flex-direction:column;background-color:#24272c;border-radius:5px;padding:10px;min-height:300px;height:fit-content}.AddTaskTemplateModal .scene-list .scene .bottom{margin-top:auto;display:flex;justify-content:space-between}.AddTaskTemplateModal .scene-list .scene .bottom .index{color:#999;font-size:13px}.AddTaskTemplateModal .scene-list .scene .bottom .remove{background-color:#e33d30;margin-left:auto}.AddTaskTemplateModal .scene-list .add-scene{-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#24272c;border-radius:5px;transition:.3s;min-height:300px}.AddTaskTemplateModal .scene-list .add-scene:hover{background-color:#2a2e34;transform:scale(1.03)}.AddTaskTemplateModal .scene-list .add-scene:active{transform:scale(.99)}.AddTaskTemplateModal .scene-list .add-scene svg{width:60px;height:60px}.AnchorPatterConfig .list{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.AnchorPatterConfig .list .item{padding:10px;border-radius:6px;background-color:#353232;height:auto}.AnchorPatterConfig .list .item .top-item{display:flex;justify-content:space-between}.text-repair-app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1d1d1d;color:#e6e6e6;min-height:100vh;padding:2rem;max-width:1600px;margin:0 auto}.text-repair-app .app-header{text-align:center;margin-bottom:2rem}.text-repair-app .app-header h1{color:#7d95ff;margin-bottom:.5rem}.text-repair-app .app-header .subtitle{color:#838383;font-size:1.1rem}.text-repair-app .repair-tabs{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem}.text-repair-app .repair-tabs .tab-button{background:#16213e;border:none;padding:.8rem 1.5rem;border-radius:6px;color:#e6e6e6;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #2a3a5f}.text-repair-app .repair-tabs .tab-button:hover{background:#1d2b51}.text-repair-app .repair-tabs .tab-button.active{background:#4a6bff;border-color:#4a6bff}.text-repair-app .text-areas-container{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;margin-bottom:2rem;min-height:500px}@media (max-width: 900px){.text-repair-app .text-areas-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.text-repair-app .text-areas-container .text-area h3{margin-top:0;margin-bottom:.8rem}.text-repair-app .text-areas-container .text-area textarea{width:100%;min-height:400px;background:#16213e;border:1px solid #2a3a5f;border-radius:8px;padding:1rem;color:#e6e6e6;font-size:1rem;resize:vertical}.text-repair-app .text-areas-container .text-area textarea:focus{outline:none;border-color:#4a6bff;box-shadow:0 0 0 2px #4a6bff33}.text-repair-app .text-areas-container .text-area .output-text{width:100%;min-height:400px;background:#16213e;border:1px solid #2a3a5f;border-radius:8px;padding:1rem;color:#e6e6e6;font-size:1rem;white-space:pre-wrap}.text-repair-app .text-areas-container .text-area .output-text .placeholder{color:#999;-webkit-user-select:none;user-select:none;font-style:italic}.text-repair-app .text-areas-container .action-area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.text-repair-app .text-areas-container .action-area .score-info{color:#838383;font-size:13px}@media (max-width: 900px){.text-repair-app .text-areas-container .action-area{grid-row:2}}.text-repair-app .text-areas-container .action-area .repair-button{background:#4a6bff;color:#fff;border:none;padding:.8rem 1.8rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.text-repair-app .text-areas-container .action-area .repair-button:hover:not(:disabled){transform:translateY(-2px)}.text-repair-app .text-areas-container .action-area .repair-button:disabled{background:#4a4a6a;cursor:not-allowed}.text-repair-app .text-areas-container .action-area .repair-button .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.text-repair-app .feature-description{background:#16213e;border-radius:8px;padding:1.5rem;border:1px solid #2a3a5f}.text-repair-app .feature-description h3{margin-top:0}.text-repair-app .feature-description p{line-height:1.6;margin-bottom:0}.SceneDiy .plan-title{font-size:15px;border-bottom:2px solid var(--primary-color);width:fit-content}.SceneDiy .SceneItemList{height:100%;display:flex;flex-direction:column}.SceneDiy .SceneItemList .top{display:flex;align-items:center;justify-content:space-between}.SceneDiy .SceneItemList .top .right-item{display:flex;align-items:center;gap:7px}.SceneDiy .SceneItemList .top .toUp svg,.SceneDiy .SceneItemList .top .toDown svg{width:20px;height:20px;color:2c3e50}.SceneDiy .SceneItemList .top .add-btn{background-color:#2f363d;width:30px;height:30px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.SceneDiy .SceneItemList .top .add-btn:hover{background-color:#3b4147;transition:.3s}.SceneDiy .SceneItemList .top .add-btn:active{transform:scale(.9)}.SceneDiy .SceneItemList .list-wapper{flex:1;overflow-x:hidden;overflow-y:auto;margin-top:5px}.SceneDiy .SceneItemList .list-wapper .list{height:fit-content;display:flex;flex-direction:column;gap:3px}.SceneDiy .SceneItemList .list-wapper .list .item{display:flex;padding:4px;align-items:center;gap:5px;cursor:pointer;border-radius:5px;transition:.3s;overflow:hidden}.SceneDiy .SceneItemList .list-wapper .list .item .logo{width:25px;height:25px;overflow:hidden;display:flex}.SceneDiy .SceneItemList .list-wapper .list .item .logo svg{margin:auto;width:80%;height:80%}.SceneDiy .SceneItemList .list-wapper .list .item .name{font-size:13px}.SceneDiy .SceneItemList .list-wapper .list .item .remove{margin-left:auto;display:flex;transition:.3s;padding:5px}.SceneDiy .SceneItemList .list-wapper .list .item .remove svg{margin:auto;width:20px;height:20px}.SceneDiy .SceneItemList .list-wapper .list .item .remove:hover{background-color:#3f4a5348}.SceneDiy .SceneItemList .list-wapper .list .item:hover{background-color:#2f363d}.SceneDiy .SceneItemList .list-wapper .list .item.active{background-color:var(--primary-color)}.SceneDiy .SceneItemEdit{height:100%;display:flex;flex-direction:column}.SceneDiy .SceneItemEdit .contentItem{flex:1;overflow-y:auto;overflow-x:hidden}.ScenePreview{display:flex;flex-direction:column;height:100%}.ScenePreview .top{display:flex;align-items:center;justify-content:space-between}.ScenePreview .preview-box{flex:1;overflow:hidden;display:flex;padding:10px}.ScenePreview .preview-box .canvas{display:block;max-width:100%;max-height:100%;margin:auto;background-color:#35404b;transition:.4s}.CopywritingGen{padding-top:0;--dark-bg: #121826;--card-bg: #1e293b;--card-border: #334155;--primary: var(--primary-color);--primary-hover: var(--primary-color);--secondary: #38bdf8;--text: #e2e8f0;--text-secondary: #94a3b8;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--grid-gap: 16px;--border-radius: 10px;--transition: all .3s ease;background:var(--dark-bg);color:var(--text);padding-right:8px}.CopywritingGen .container{width:100%;max-width:1600px;height:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto 1fr auto;grid-template-areas:"config prompt";gap:var(--grid-gap)}.CopywritingGen .container .rot-anim{animation:rotate 2s linear infinite}.CopywritingGen .header{grid-area:header;text-align:center;padding:0 0 20px;border-bottom:1px solid var(--card-border)}.CopywritingGen .header h1{font-size:2.2rem;margin-bottom:8px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.CopywritingGen .header p{font-size:1rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.CopywritingGen .config-section{grid-area:config;display:grid;grid-template-rows:auto auto auto 1fr;gap:var(--grid-gap)}.CopywritingGen .prompt-section{grid-area:prompt;display:grid;grid-template-rows:0fr .85fr 1fr;gap:var(--grid-gap)}.CopywritingGen .actions-section{grid-area:actions;display:flex;justify-content:center;gap:20px;padding-top:10px;border-top:1px solid var(--card-border)}.CopywritingGen .card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:16px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column}.CopywritingGen .card-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--primary)}.CopywritingGen .card-header h2{font-size:1.1rem;font-weight:600}.CopywritingGen .card-header i{font-size:1.4rem}.CopywritingGen .selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px}.CopywritingGen .select-container{margin-bottom:6px}.CopywritingGen .select-container label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.CopywritingGen select{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.CopywritingGen select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.CopywritingGen .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.CopywritingGen .info-item{margin-bottom:12px}.CopywritingGen .info-item>input{width:100%;padding:6px 8px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.CopywritingGen .info-item textarea{height:130px;width:100%;padding:6px 8px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.CopywritingGen .info-item .input{width:100%;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.CopywritingGen .info-item label{display:block;margin-bottom:6px;font-size:.85rem;color:var(--text-secondary)}.CopywritingGen .info-item>input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.CopywritingGen .templates-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.CopywritingGen .template-card{border:1px solid var(--card-border);border-radius:8px;padding:14px;cursor:pointer;transition:var(--transition);background:#0f172a;text-align:center;-webkit-user-select:none;user-select:none}.CopywritingGen .template-card:hover{border-color:var(--primary);transform:translateY(-3px)}.CopywritingGen .template-card.selected{border-color:var(--primary);background:#818cf81a;position:relative}.CopywritingGen .template-card.selected:after{content:"✓";position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.CopywritingGen .template-card h4{font-size:.95rem;margin-bottom:6px;color:var(--text)}.CopywritingGen .template-card p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.CopywritingGen .prompt-area{display:flex;flex-direction:column;height:100%}.CopywritingGen .prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.CopywritingGen .prompt-end{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.CopywritingGen .prompt-end .score{display:flex;align-items:center;gap:5px;font-size:13px}.CopywritingGen .prompt-end .score svg{width:20px;height:20px}.CopywritingGen .prompt-textarea{flex-grow:1;padding:16px;background:#0f172a;border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text);font-size:.95rem;line-height:1.5;resize:none;transition:var(--transition)}.CopywritingGen .prompt-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.CopywritingGen .ai-result{height:500px;padding:16px;background:#0f172a;border:1px solid var(--card-border);border-radius:var(--border-radius);font-size:.95rem;line-height:1.6;overflow:auto;display:flex;flex-direction:column;gap:30px}.CopywritingGen .ai-result-content{flex:1;overflow-y:scroll;padding-right:5px}.CopywritingGen .ai-result-content .tips{color:#8b949e;-webkit-user-select:none;user-select:none}.CopywritingGen .ai-result-content .tips-loading:after{content:"";animation:tips-loading 1s infinite}.CopywritingGen .ai-result-content p{white-space:pre-wrap}.CopywritingGen .ai-result-content .result-md *{padding:revert;margin:revert;box-sizing:revert}.CopywritingGen .ai-result-content .result-md code{font-family:Roboto,sans-serif}.CopywritingGen .ai-result-content .result-md pre{background-color:#132431;padding:10px;border-radius:5px;overflow-x:auto}.CopywritingGen .ai-result-content .result-md pre::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.CopywritingGen .ai-result-content .result-md pre::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.CopywritingGen .ai-result-content .result-md hr{border:1px solid rgb(53,60,73);margin:24px 0}.CopywritingGen .ai-result-content .result-md table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;line-height:1.5;--bg1: #343435;--bg2: #343435;--hover-bg: #3e3f3f;--border: #afb1b2}.CopywritingGen .ai-result-content .result-md table th{font-weight:600;text-align:left;background-color:var(--bg1);border:1px solid var(--border);padding:6px 13px}.CopywritingGen .ai-result-content .result-md table td{border:1px solid var(--border);padding:6px 13px}.CopywritingGen .ai-result-content .result-md table tr:hover{background-color:var(--hover-bg)}.CopywritingGen .ai-result-content .result-md table.align-left th,.CopywritingGen .ai-result-content .result-md table.align-left td{text-align:left}.CopywritingGen .ai-result-content .result-md table.align-center th,.CopywritingGen .ai-result-content .result-md table.align-center td{text-align:center}.CopywritingGen .ai-result-content .result-md table.align-right th,.CopywritingGen .ai-result-content .result-md table.align-right td{text-align:right}.CopywritingGen .btn{padding:6px 20px;font-size:.9rem;border-radius:30px;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;gap:8px}.CopywritingGen .btn-primary{background:var(--primary);color:#fff}.CopywritingGen .btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px)}.CopywritingGen .btn-primary:active{transform:translateY(0)}.CopywritingGen .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--card-border)}.CopywritingGen .btn-secondary:hover{background:#ffffff0d;color:var(--text)}.CopywritingGen .btn-success{background:var(--success);color:#fff}.CopywritingGen .btn-success:hover{background:#10b981;transform:translateY(-3px)}.CopywritingGen .result-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;min-height:33px}.CopywritingGen .toast{position:fixed;top:30px;right:30px;padding:14px 24px;background:var(--success);color:#fff;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:10px;transform:translateY(-100px);opacity:0;transition:all .4s ease;z-index:1000;box-shadow:0 5px 15px #0000004d}.CopywritingGen .toast.show{transform:translateY(0);opacity:1}.CopywritingGen .ai-loading{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;display:none}.CopywritingGen .spinner{width:30px;height:30px;border:3px solid rgba(129,140,248,.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.CopywritingGen .status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-top:10px}.CopywritingGen .status-dot{width:10px;height:10px;border-radius:50%;background:var(--success)}.CopywritingGen .status-dot.pending{background:var(--warning)}.CopywritingGenDrawer .item{transition:.3s;border-radius:5px;padding:10px;cursor:pointer;border-bottom:1px solid rgba(97,102,102,.2078431373)}.CopywritingGenDrawer .item:hover{background-color:#2e44608e}.CopywritingGenDrawer .item .title{line-height:30px;font-size:14px}.CopywritingGenDrawer .item .title .main{font-weight:500;font-size:17px}.CopywritingGenDrawer .item .title .desc{overflow-y:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.CopywritingGenDrawer .item .item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.CopywritingGenDrawer .item .item-bottom .date{font-size:12px;color:#999}.CopywritingGenDrawer .item .item-bottom .right{color:#e13c2f}.CopywritingGenDrawer .item .item-bottom .right:hover{text-decoration:underline}.MediumGen{padding-top:0;--dark-bg: #121826;--card-bg: #1e293b;--card-border: #334155;--primary: var(--primary-color);--primary-hover: var(--primary-color);--secondary: #38bdf8;--text: #e2e8f0;--text-secondary: #94a3b8;--success: #34d399;--warning: #fbbf24;--danger: #f87171;--grid-gap: 16px;--border-radius: 10px;--transition: all .3s ease;background:var(--dark-bg);color:var(--text);padding-right:8px}.MediumGen .container{width:100%;max-width:1600px;height:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto 1fr auto;grid-template-areas:"config prompt";gap:var(--grid-gap)}.MediumGen .container .rot-anim{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.MediumGen .header{grid-area:header;text-align:center;padding:0 0 20px;border-bottom:1px solid var(--card-border)}.MediumGen .header h1{font-size:2.2rem;margin-bottom:8px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.MediumGen .header p{font-size:1rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.MediumGen .config-section{grid-area:config;display:grid;grid-template-rows:auto auto 1fr;gap:var(--grid-gap)}.MediumGen .prompt-section{grid-area:prompt;display:grid;grid-template-rows:1fr 1fr;gap:var(--grid-gap)}.MediumGen .actions-section{grid-area:actions;display:flex;justify-content:center;gap:20px;padding-top:10px;border-top:1px solid var(--card-border)}.MediumGen .card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:16px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column}.MediumGen .card-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--primary)}.MediumGen .card-header h2{font-size:1.1rem;font-weight:600}.MediumGen .card-header i{font-size:1.4rem}.MediumGen .selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px}.MediumGen .select-container{margin-bottom:6px}.MediumGen .select-container label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9rem}.MediumGen select{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.MediumGen select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.MediumGen .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.MediumGen .info-item{margin-bottom:12px}.MediumGen .info-item>input{width:100%;padding:6px 8px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.MediumGen .info-item textarea{height:130px;width:100%;padding:6px 8px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.MediumGen .info-item .input{width:100%;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text);font-size:.95rem;transition:var(--transition)}.MediumGen .info-item label{display:block;margin-bottom:6px;font-size:.85rem;color:var(--text-secondary)}.MediumGen .info-item>input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.MediumGen .templates-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.MediumGen .template-card{border:1px solid var(--card-border);border-radius:8px;padding:10px;cursor:pointer;transition:var(--transition);background:#0f172a;text-align:center;-webkit-user-select:none;user-select:none}.MediumGen .template-card:hover{border-color:var(--primary);transform:translateY(-3px)}.MediumGen .template-card.selected{border-color:var(--primary);background:#818cf81a;position:relative}.MediumGen .template-card.selected:after{content:"✓";position:absolute;top:-8px;right:-8px;background:var(--primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.MediumGen .template-card h4{font-size:.95rem;font-weight:500;margin-bottom:6px;color:var(--text)}.MediumGen .template-card p{font-size:.7rem;color:var(--text-secondary);line-height:1.4}.MediumGen .prompt-area{display:flex;flex-direction:column;height:100%}.MediumGen .prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;margin-top:auto}.MediumGen .score{display:flex;align-items:center;gap:5px;font-size:13px}.MediumGen .score svg{width:20px;height:20px}.MediumGen .prompt-end{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.MediumGen .prompt-textarea{flex-grow:1;padding:16px;background:#0f172a;border:1px solid var(--card-border);border-radius:var(--border-radius);color:var(--text);font-size:.95rem;line-height:1.5;resize:none;transition:var(--transition)}.MediumGen .prompt-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #818cf833}.MediumGen .ai-result{height:calc(50vh - 170px);padding:16px;position:relative;font-size:.95rem;line-height:1.6;overflow:auto;display:flex;flex-direction:column;gap:30px}.MediumGen .ai-result-content{flex:1;overflow-y:scroll;padding-right:5px}.MediumGen .ai-result-content .tips{color:#8b949e;-webkit-user-select:none;user-select:none}.MediumGen .ai-result-content .tips-loading:after{content:"";animation:tips-loading 1s infinite}@keyframes tips-loading{0%{content:""}25%{content:"."}50%{content:".."}to{content:"..."}}.MediumGen .ai-result-content p{white-space:pre-wrap}.MediumGen .ai-result-content .result-md *{padding:revert;margin:revert;box-sizing:revert}.MediumGen .ai-result-content .result-md code{font-family:Roboto,sans-serif}.MediumGen .ai-result-content .result-md pre{background-color:#132431;padding:10px;border-radius:5px;overflow-x:auto}.MediumGen .ai-result-content .result-md pre::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.MediumGen .ai-result-content .result-md pre::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.MediumGen .ai-result-content .result-md hr{border:1px solid rgb(53,60,73);margin:24px 0}.MediumGen .ai-result-content .result-md table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;line-height:1.5;--bg1: #343435;--bg2: #343435;--hover-bg: #3e3f3f;--border: #afb1b2}.MediumGen .ai-result-content .result-md table th{font-weight:600;text-align:left;background-color:var(--bg1);border:1px solid var(--border);padding:6px 13px}.MediumGen .ai-result-content .result-md table td{border:1px solid var(--border);padding:6px 13px}.MediumGen .ai-result-content .result-md table tr:hover{background-color:var(--hover-bg)}.MediumGen .ai-result-content .result-md table.align-left th,.MediumGen .ai-result-content .result-md table.align-left td{text-align:left}.MediumGen .ai-result-content .result-md table.align-center th,.MediumGen .ai-result-content .result-md table.align-center td{text-align:center}.MediumGen .ai-result-content .result-md table.align-right th,.MediumGen .ai-result-content .result-md table.align-right td{text-align:right}.MediumGen .btn{padding:6px 20px;font-size:.9rem;border-radius:30px;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;gap:8px}.MediumGen .btn-primary{background:var(--primary);color:#fff}.MediumGen .btn-primary:hover{background:var(--primary-hover);transform:translateY(-3px)}.MediumGen .btn-primary:active{transform:translateY(0)}.MediumGen .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--card-border)}.MediumGen .btn-secondary:hover{background:#ffffff0d;color:var(--text)}.MediumGen .btn-success{background:var(--success);color:#fff}.MediumGen .btn-success:hover{background:#10b981;transform:translateY(-3px)}.MediumGen .result-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:auto;min-height:33px}.MediumGen .toast{position:fixed;top:30px;right:30px;padding:14px 24px;background:var(--success);color:#fff;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:10px;transform:translateY(-100px);opacity:0;transition:all .4s ease;z-index:1000;box-shadow:0 5px 15px #0000004d}.MediumGen .toast.show{transform:translateY(0);opacity:1}.MediumGen .ai-loading{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;display:none}.MediumGen .spinner{width:30px;height:30px;border:3px solid rgba(129,140,248,.1);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.MediumGen .status-indicator{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-top:10px}.MediumGen .status-dot{width:10px;height:10px;border-radius:50%;background:var(--success)}.MediumGen .status-dot.pending{background:var(--warning)}.video-thumb-component-v2{width:150px;height:150px;background-color:#414958;display:flex;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:.3s;-webkit-user-select:none;user-select:none}.video-thumb-component-v2 .error,.video-thumb-component-v2 .loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-thumb-component-v2 .error .svg,.video-thumb-component-v2 .loading .svg{width:70%;height:70%;fill:#969292}.video-thumb-component-v2 .loading .svg{width:30%;height:30%;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-thumb-component-v2 .play-logo{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0003}.video-thumb-component-v2 .play-logo .svg{width:30%!important;height:30%!important;fill:#fff!important;transition:.3s!important}.video-thumb-component-v2 .thumb{margin:auto;transition:.3s;display:block;width:auto;height:auto;object-fit:contain;max-width:100%;max-height:100%}.video-thumb-component-v2 .time{position:absolute;right:0;bottom:0;z-index:2;padding:2px 5px;background-color:#0000005c;border-radius:8px 0;font-size:12px}.video-thumb-component-v2:active{transform:scale(.95)}.SaveVideoModalComponent .video-list{display:flex;gap:5px;flex-wrap:wrap}.SaveVideoModalComponent .video-list .video-item{width:134px;height:134px;border:2px solid transparent;transition:.3s;border-radius:8px}.SaveVideoModalComponent .video-list .video-item.selected{border:2px solid #1890ff}.imgToVideoOutViewItem{padding:16px;background-color:#2b2837;border-radius:8px}.imgToVideoOutViewItem .top{display:flex;align-items:center;margin-bottom:10px;white-space:nowrap}.imgToVideoOutViewItem .top .logo{width:24px;height:24px;margin-right:8px}.imgToVideoOutViewItem .top .name{font-weight:700;font-size:.9rem}.imgToVideoOutViewItem .top .segmentation{height:16px;width:2px;margin:0 10px;background-color:#7e7c7c;transform:translateY(2px)}.imgToVideoOutViewItem .top .tag{font-size:.7rem;color:#b1b1b1;margin-right:10px;border:1px solid rgba(153,151,151,.3764705882);padding:2px 4px;border-radius:4px}.imgToVideoOutViewItem .top .date{color:#999797;font-size:.8rem}.imgToVideoOutViewItem .input-list{display:flex;gap:8px;margin-bottom:10px}.imgToVideoOutViewItem .input-list .img{width:70px;height:70px;object-fit:cover;border-radius:5px;cursor:pointer}.imgToVideoOutViewItem .out-list{display:flex;gap:10px;flex-wrap:wrap}.imgToVideoOutViewItem .out-list .loading-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.imgToVideoOutViewItem .out-list .loading-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.6)}.imgToVideoOutViewItem .out-list .loading-box .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem}.imgToVideoOutViewItem .out-list .err-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.imgToVideoOutViewItem .out-list .err-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.2)}.imgToVideoOutViewItem .out-list .err-box .err{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:200;font-size:.9rem}.imgToVideoOutViewItem .out-list .err-box .err .desc{font-weight:400;font-size:.8rem;color:#e35151}.imgToVideoOutViewItem .out-list .video{border:1px solid rgba(87,95,118,.3333333333);cursor:pointer;max-width:400px;max-height:300px;border-radius:5px}.imgToVideoOutViewItem .bottom{display:flex;gap:10px;margin-top:20px}.imgToVideoOutViewItem .bottom .bottom-item{width:35px;height:35px;border-radius:4px;background-color:#32303f;display:flex;cursor:pointer}.imgToVideoOutViewItem .bottom .bottom-item:hover svg{fill:var(--primary-color)}.imgToVideoOutViewItem .bottom .bottom-item svg{margin:auto;width:20px;height:20px}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item{width:55px;padding-top:16px;padding-bottom:8px;display:flex;align-items:center;justify-content:center;background-color:var(--plan-input-color);border-radius:8px;flex-direction:column;cursor:pointer;transition:.3s}.ImgToVidPage .OutView .list .item .out-list .loading-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.6)}.ImgToVidPage .OutView .list .item .out-list .err-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.2)}.ImgToVidPage .OutView .catMoreBtn{background-color:#1e1c27;margin:20px auto;width:fit-content;padding:10px 20px;border-radius:8px;cursor:pointer;transition:.3s;font-size:15px}.ImgToVidPage .OutView .catMoreBtn:hover{background-color:#1a1a1d;text-decoration:underline}.imgToVidMoreOutView .list-wapper{height:70vh;overflow-y:auto;padding-right:20px;margin:20px 0}.imgToVidMoreOutView .list{display:flex;flex-direction:column;gap:10px}.textToVidOutViewItem{padding:16px;background-color:#1e1c27;border-radius:8px}.textToVidOutViewItem .top{display:flex;align-items:center;margin-bottom:10px;white-space:nowrap}.textToVidOutViewItem .top .logo{width:24px;height:24px;margin-right:8px}.textToVidOutViewItem .top .name{font-weight:700;font-size:.9rem}.textToVidOutViewItem .top .segmentation{height:16px;width:2px;margin:0 10px;background-color:#7e7c7c;transform:translateY(2px)}.textToVidOutViewItem .top .tag{font-size:.7rem;color:#b1b1b1;margin-right:10px;border:1px solid rgba(153,151,151,.3764705882);padding:2px 4px;border-radius:4px}.textToVidOutViewItem .top .date{color:#999797;font-size:.8rem}.textToVidOutViewItem .input-list{display:flex;gap:8px;margin-bottom:10px}.textToVidOutViewItem .input-list .img{width:70px;height:70px;object-fit:cover;border-radius:5px;cursor:pointer}.textToVidOutViewItem .input-list .text{font-size:.8rem;color:#999797;margin-bottom:10px}.textToVidOutViewItem .out-list{display:flex;gap:10px;flex-wrap:wrap}.textToVidOutViewItem .out-list .loading-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.textToVidOutViewItem .out-list .loading-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.6);animation:preview-loading-anim 4s infinite ease-in-out}.textToVidOutViewItem .out-list .loading-box .text-preview{width:400px;-webkit-user-select:none;user-select:none;filter:blur(20px) brightness(.6);animation:preview-loading-anim 4s infinite ease-in-out}.textToVidOutViewItem .out-list .loading-box .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem}.textToVidOutViewItem .out-list .err-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.textToVidOutViewItem .out-list .err-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(30px) brightness(.2)}.textToVidOutViewItem .out-list .err-box .text-preview{width:400px;-webkit-user-select:none;user-select:none;filter:blur(30px) brightness(.2)}.textToVidOutViewItem .out-list .err-box .err{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:200;font-size:.9rem}.textToVidOutViewItem .out-list .err-box .err .desc{font-weight:400;font-size:.8rem;color:#e35151}.textToVidOutViewItem .out-list .video{border:1px solid rgba(87,95,118,.3333333333);cursor:pointer;max-width:400px;max-height:300px;border-radius:5px}.textToVidOutViewItem .bottom{display:flex;gap:10px;margin-top:20px}.textToVidOutViewItem .bottom .bottom-item{width:35px;height:35px;border-radius:4px;background-color:#32303f;display:flex;cursor:pointer}.textToVidOutViewItem .bottom .bottom-item:hover svg{fill:var(--primary-color)}.textToVidOutViewItem .bottom .bottom-item svg{margin:auto;width:20px;height:20px}.ImgToVidPage{display:flex;gap:20px;--plan-input-color: #3e434c}.ImgToVidPage .FromInputView{width:430px;border-radius:8px;padding-left:20px;background-color:#2c2f33}.ImgToVidPage .FromInputView .list{padding:20px 20px 20px 0;height:100%;overflow-y:scroll}.ImgToVidPage .FromInputView .EditItem{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.ImgToVidPage .FromInputView .EditItem .title{font-size:15px}.ImgToVidPage .FromInputView .EditItem .tips{font-size:12px;color:#8a8a8a}.ImgToVidPage .FromInputView .EditItem .image-select-box{width:100%;background-color:var(--plan-input-color);height:142px;padding:5px;border-radius:6px;display:flex;cursor:pointer}.ImgToVidPage .FromInputView .EditItem .image-select-box:hover .empty .txt{color:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .image-select-box:hover .empty .icon svg{fill:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .image-select-box .empty{margin:auto;display:flex;align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none}.ImgToVidPage .FromInputView .EditItem .image-select-box .empty .icon svg{font-size:24px;height:24px;transition:.3s}.ImgToVidPage .FromInputView .EditItem .image-select-box .empty .txt{transition:.2s;font-size:12px}.ImgToVidPage .FromInputView .EditItem .image-select-box .progress{margin:auto}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view{width:100%;height:100%;display:flex;position:relative}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view img{margin:auto;max-width:100%;max-height:100%}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view:hover .mask{opacity:1}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view .mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view .mask .item svg{font-size:24px;height:24px;fill:#fff;transition:.3s}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view .mask .item svg:hover{opacity:.7;fill:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .image-select-box .img-view .mask .item .remove{width:22px;height:22px}.ImgToVidPage .FromInputView .EditItem .textarea-box{padding:10px;border-radius:6px;transition:.3s;border:1px solid var(--plan-input-color);background-color:var(--plan-input-color)}.ImgToVidPage .FromInputView .EditItem .textarea-box:hover,.ImgToVidPage .FromInputView .EditItem .textarea-box:has(textarea:focus){border:1px solid var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .textarea-box textarea{width:100%;min-height:50px;height:120px;resize:vertical;border:none;color:var(--primary-font-color)}.ImgToVidPage .FromInputView .EditItem .textarea-box .textarea-bottom{display:flex;justify-content:space-between;margin-top:4px}.ImgToVidPage .FromInputView .EditItem .textarea-box .textarea-bottom svg{width:17px;height:17px}.ImgToVidPage .FromInputView .EditItem .textarea-box .textarea-bottom .size{font-size:12px;color:#8a8a8a}.ImgToVidPage .FromInputView .EditItem .seed-box{display:flex;background-color:var(--plan-input-color);border-radius:6px;overflow:hidden}.ImgToVidPage .FromInputView .EditItem .seed-box .lock{cursor:pointer;background-color:#575f76;padding:5px;display:flex;align-items:center;justify-content:center;outline:none;border:none}.ImgToVidPage .FromInputView .EditItem .seed-box .lock svg{width:24px;height:24px}.ImgToVidPage .FromInputView .EditItem .seed-box .seed-input{padding:5px;background-color:transparent;border:none;outline:none;color:#fff;flex:1}.ImgToVidPage .FromInputView .EditItem .seed-box .seed-input.lock{color:#8a8a8a}.ImgToVidPage .FromInputView .EditItem .seed-box .random{cursor:pointer;padding:5px 5px 2px;background-color:transparent;outline:none;border:none}.ImgToVidPage .FromInputView .EditItem .seed-box .random:hover svg{fill:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .style-select-box{display:flex;gap:10px;flex-direction:column}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item{border-radius:6px;display:flex;gap:10px;background-color:var(--plan-input-color);padding:6px;cursor:pointer;transition:.3s}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item:hover,.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item.active{background-color:#34485e}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .thumb{width:128px;height:72px;border-radius:5px;object-fit:cover}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .style-select-content{flex:1;overflow:hidden}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .style-select-content .tit{color:#fff}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .style-select-content .desc{font-size:.7rem;color:#8a8a8a}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .select{width:18px;height:18px}.ImgToVidPage .FromInputView .EditItem .style-select-box .style-select-item .select svg{width:18px;height:18px;border-radius:50%;background-color:#fff}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box{display:flex;align-items:center;width:100%;flex-wrap:wrap;gap:8px}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item{width:65px;padding-top:16px;padding-bottom:8px;display:flex;align-items:center;justify-content:center;background-color:var(--plan-input-color);border-radius:8px;flex-direction:column;cursor:pointer;transition:.3s}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item .preview{height:32px;display:flex}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item .preview .inner{margin:auto;width:24px;max-height:100%;background-color:#858391c2;transition:.3s}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item.active{background-color:#413f5e}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item.active .preview .inner{background-color:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item.active .name{color:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item:hover{background-color:#413f5e}.ImgToVidPage .FromInputView .EditItem .aspect-ratio-box .aspect-ratio-item .name{font-size:14px;-webkit-user-select:none;user-select:none}.ImgToVidPage .FromInputView .EditItem .mode-select-box{gap:10px;width:100%;overflow-x:auto;padding-bottom:5px;scroll-behavior:smooth}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-box-wapper{width:fit-content;display:flex;gap:5px;margin:0 10px}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item{-webkit-user-select:none;user-select:none;border-radius:6px;display:flex;gap:10px;background-color:var(--plan-input-color);padding:6px;cursor:pointer;transition:.3s;flex-direction:column}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item:hover,.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item.active{background-color:#334557}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item:hover .mode-select-content,.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item.active .mode-select-content{color:var(--primary-color)}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item .thumb{width:128px;height:72px;border-radius:5px;object-fit:cover}.ImgToVidPage .FromInputView .EditItem .mode-select-box .mode-select-item .mode-select-content{flex:1;overflow:hidden;color:#fff}.ImgToVidPage .FromInputView .advancadCollapse .ant-collapse-header,.ImgToVidPage .FromInputView .advancadCollapse .ant-collapse-content-box{padding-left:0;padding-right:0}.ImgToVidPage .FromInputView .score{display:flex;align-items:center;gap:5px;margin-bottom:20px;font-size:12px;color:#8a8a8a}.ImgToVidPage .FromInputView .score svg{width:16px;height:16px;fill:var(--primary-color)}.ImgToVidPage .FromInputView .build-button{display:block;width:100%;background-color:var(--primary-color);color:var(--primary-font-color);border:1px solid var(--primary-color);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border-radius:6px;margin-bottom:50px;height:40px;font-size:15px;cursor:pointer;transition:.2s}.ImgToVidPage .FromInputView .build-button svg{width:24px;height:24px}.ImgToVidPage .FromInputView .build-button:active{transform:scale(.98)}.ImgToVidPage .FromInputView .build-button:hover{background-color:var(--primary-color-hover);border:1px solid var(--primary-color-hover)}.ImgToVidPage .FromInputView .build-button.loading{background-color:#758dbf}.ImgToVidPage .OutView{flex:1;overflow:hidden;background-color:#2c2f33;border-radius:8px;padding:20px;display:flex;flex-direction:column}.ImgToVidPage .OutView .title{margin-bottom:20px}.ImgToVidPage .OutView .list-wapper{flex:1;overflow-y:auto;padding-right:10px;position:relative}.ImgToVidPage .OutView .list{display:flex;flex-direction:column;gap:10px}.ImgToVidPage .OutView .list .item{padding:16px;background-color:#1e1c27;border-radius:8px}.ImgToVidPage .OutView .list .item .top{display:flex;align-items:center;margin-bottom:10px;white-space:nowrap}.ImgToVidPage .OutView .list .item .top .logo{width:24px;height:24px;margin-right:8px}.ImgToVidPage .OutView .list .item .top .name{font-weight:700;font-size:.9rem}.ImgToVidPage .OutView .list .item .top .segmentation{height:16px;width:2px;margin:0 10px;background-color:#7e7c7c;transform:translateY(2px)}.ImgToVidPage .OutView .list .item .top .tag{font-size:.7rem;color:#b1b1b1;margin-right:10px;border:1px solid rgba(153,151,151,.3764705882);padding:2px 4px;border-radius:4px}.ImgToVidPage .OutView .list .item .top .date{color:#999797;font-size:.8rem}.ImgToVidPage .OutView .list .item .input-list{display:flex;gap:8px;margin-bottom:10px}.ImgToVidPage .OutView .list .item .input-list .img{width:70px;height:70px;object-fit:cover;border-radius:5px;cursor:pointer}.ImgToVidPage .OutView .list .item .input-list .text{font-size:.8rem;color:#999797;margin-bottom:10px}.ImgToVidPage .OutView .list .item .out-list{display:flex;gap:10px;flex-wrap:wrap}.ImgToVidPage .OutView .list .item .out-list .loading-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.ImgToVidPage .OutView .list .item .out-list .loading-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(10px) brightness(.6);animation:preview-loading-anim 4s infinite ease-in-out}.ImgToVidPage .OutView .list .item .out-list .loading-box .text-preview{width:400px;-webkit-user-select:none;user-select:none;filter:blur(20px) brightness(.6);animation:preview-loading-anim 4s infinite ease-in-out}@keyframes preview-loading-anim{0%{filter:blur(10px) brightness(.6)}50%{filter:blur(20px) brightness(.6)}to{filter:blur(10px) brightness(.6)}}.ImgToVidPage .OutView .list .item .out-list .loading-box .loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-size:.9rem}.ImgToVidPage .OutView .list .item .out-list .err-box{cursor:pointer;object-fit:cover;border-radius:5px 5px 8px 8px;overflow:hidden;position:relative;border:1px solid rgba(87,95,118,.3333333333)}.ImgToVidPage .OutView .list .item .out-list .err-box .preview{display:block;max-width:400px;max-height:300px;filter:blur(30px) brightness(.2)}.ImgToVidPage .OutView .list .item .out-list .err-box .text-preview{width:400px;-webkit-user-select:none;user-select:none;filter:blur(30px) brightness(.2)}.ImgToVidPage .OutView .list .item .out-list .err-box .err{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font-weight:200;font-size:.9rem}.ImgToVidPage .OutView .list .item .out-list .err-box .err .desc{font-weight:400;font-size:.8rem;color:#e35151}.ImgToVidPage .OutView .list .item .out-list .video{border:1px solid rgba(87,95,118,.3333333333);cursor:pointer;max-width:400px;max-height:300px;border-radius:5px}.ImgToVidPage .OutView .list .item .bottom{display:flex;gap:10px;margin-top:20px}.ImgToVidPage .OutView .list .item .bottom .bottom-item{width:35px;height:35px;border-radius:4px;background-color:#32303f;display:flex;cursor:pointer}.ImgToVidPage .OutView .list .item .bottom .bottom-item:hover svg{fill:var(--primary-color)}.ImgToVidPage .OutView .list .item .bottom .bottom-item svg{margin:auto;width:20px;height:20px}.AddProductModal .form{max-height:60vh;overflow-y:auto;padding:5px}.AddProductModal .mat-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.AddProductModal .mat-list .mat-item{background-color:#424750;padding:10px;border-radius:8px;display:flex;flex-direction:row;align-items:center;gap:10px}.AddProductModal .mat-list .mat-item .num{font-size:18px;font-weight:700}.AddProductModal .mat-list .mat-item .right{margin-left:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px}.AddProductModal .mat-list .mat-item .right .up,.AddProductModal .mat-list .mat-item .right .down{width:30px;height:30px;cursor:pointer}.AddProductModal .mat-list .mat-item .right .down{transform:rotate(180deg)}.AddProductModal .mat-list .mat-item video{background-color:#313131;width:200px;max-height:100px}.AddProductModal .mat-list .mat-bottom{display:flex;gap:30px;align-items:center;font-size:12px;color:#767a81}.AddProductModal .user-proces-box{margin-bottom:10px;border-bottom:1px solid #47474d}.AddProductModal .user-proces-box:last-child{border-bottom:none}.AddProductModal .proces-box{padding:10px;border-radius:8px;background-color:#302d36;width:fit-content;margin-top:20px;overflow:hidden;width:600px}.SelectTemplate .SelectTemplateList{display:flex;flex-direction:column;gap:10px}.SelectTemplate .SelectTemplateList .item{padding:8px;display:flex;align-items:center;transition:.3s;gap:20px;cursor:pointer;border-bottom:1px solid #2f2f2f}.SelectTemplate .SelectTemplateList .item .preview{max-width:120px;max-height:120px;background-color:#282828;display:flex;flex-direction:column;align-items:center;justify-content:center}.SelectTemplate .SelectTemplateList .item.active{background-color:var(--primary-color);border-radius:3px}.SelectTemplate .SelectTemplateList .item .content{height:100%;display:flex;flex-direction:column;flex:1;overflow-y:hidden}.SelectTemplate .SelectTemplateList .item .content .name{font-size:16px;color:#fff;margin-bottom:5px}.SelectTemplate .SelectTemplateList .item .content .desc{font-size:13px;opacity:.8;white-space:pre-wrap}.SelectProdMat .SelectProdMatList{display:flex;flex-direction:column;gap:10px}.SelectProdMat .SelectProdMatList .item{padding:8px;display:flex;align-items:center;transition:.3s;gap:20px;cursor:pointer;border-bottom:1px solid #2f2f2f}.SelectProdMat .SelectProdMatList .item .preview{max-width:120px;max-height:120px;background-color:#282828;display:flex;flex-direction:column;align-items:center;justify-content:center}.SelectProdMat .SelectProdMatList .item .preview video{width:100%;height:100%;object-fit:cover}.SelectProdMat .SelectProdMatList .item.active{background-color:var(--primary-color);border-radius:3px}.SelectProdMat .SelectProdMatList .item .content{height:100%;display:flex;flex-direction:column;flex:1;overflow-y:hidden}.SelectProdMat .SelectProdMatList .item .content .name{font-size:16px;color:#fff;margin-bottom:5px}.SelectProdMat .SelectProdMatList .item .content .desc{font-size:13px;opacity:.8;white-space:pre-wrap}.SceneListSelectList .list{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.SceneListSelectList .list .item{width:560px;border-radius:10px;padding:10px;background-color:#525151;display:flex;flex-direction:column}.SceneListSelectList .list .item .layout-preview{background-color:#2f363d;padding:10px;border-radius:5px;display:flex;gap:10px;flex-direction:column}.SceneListSelectList .list .item .layout-preview .text{color:#fff;font-size:13px}.SceneListSelectList .list .item .end-box{display:flex;justify-content:space-between;align-items:"center";margin-top:auto;gap:20px}.SceneListSelectList .list .item .end-box .end-box-item{display:flex;flex-direction:row;align-items:center;gap:5px}.SceneListSelectList .layout-input-row{margin-top:5px;display:flex;gap:5px;flex-direction:column;background-color:#1a1e21;padding:14px;border-radius:10px}.SceneListSelectList .layout-input-row .label{font-size:13px}.CustomSelectTemplate{display:flex;flex-direction:row;gap:5px;align-items:center;background-color:#3b3a3a;padding:5px;border-radius:5px}.CustomSelectTemplateModal .CustomSelectTemplateList{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px;padding-right:5px}.CustomSelectTemplateModal .CustomSelectTemplateList .item{padding:8px;display:flex;align-items:center;transition:.3s;gap:20px;cursor:pointer;border:1px solid #3f3f3f;border-radius:6px}.CustomSelectTemplateModal .CustomSelectTemplateList .item .preview{max-width:120px;max-height:120px;background-color:#282828;display:flex;flex-direction:column;align-items:center;justify-content:center}.CustomSelectTemplateModal .CustomSelectTemplateList .item.active{background-color:var(--primary-color);border-radius:3px}.CustomSelectTemplateModal .CustomSelectTemplateList .item .content{height:100%;display:flex;flex-direction:column;flex:1;overflow-y:hidden}.CustomSelectTemplateModal .CustomSelectTemplateList .item .content .name{font-size:15px;color:#fff;margin-bottom:5px}.CustomSelectTemplateModal .CustomSelectTemplateList .item .content .desc{font-size:12px;opacity:.8;white-space:pre-wrap}.ScriptList{height:86vh;display:flex;gap:10px}.ScriptList .left-bar{width:230px;display:flex;flex-direction:column}.ScriptList .left-bar .title{font-size:13px;display:flex;justify-content:space-between;margin-bottom:10px}.ScriptList .left-bar .menu{background-color:#242222;flex:1;border-radius:5px;overflow-y:scroll}.ScriptList .left-bar .menu .top{padding:10px;display:flex;justify-content:space-between;gap:10px}.ScriptList .left-bar .menu .top .ref{background-color:var(--primary-color);border-radius:5px;display:flex;width:26px;height:26px;cursor:pointer;border:none;transition:.3s}.ScriptList .left-bar .menu .top .ref svg{margin:auto;width:16px;height:16px}.ScriptList .left-bar .menu .top .ref:active{transform:scale(.9)}.ScriptList .left-bar .menu .top .btn{display:flex;gap:10px;align-items:center}.ScriptList .right-view{flex:1;min-height:70vh;overflow-y:scroll}.ScriptList .right-view .ScriptDetail{padding:0 10px}.ScriptList .right-view .item-title{font-size:15px;margin-bottom:10px}.ScriptList .right-view .item-content{margin-bottom:20px}.ScriptList .right-view .tags-box{margin:10px auto}.ScriptList .right-view .tags-box .add-tag{height:22px;background-color:#5079d370;border-style:dashed;cursor:pointer;-webkit-user-select:none;user-select:none}.ScriptFissionModal{width:100%;height:60vh}.ScriptFissionModal .title{font-size:16px;font-weight:500;margin-bottom:10px;color:var(--primary-color)}.AnchorSelectModal{height:65vh;display:flex;flex-direction:column}.AnchorSelectModal .search-view{margin-bottom:10px;display:flex;gap:10px}.AnchorSelectModal .search-view .input{flex:1;overflow:hidden}.AnchorSelectModal .list-view{margin:10px 0;flex:1;overflow-y:auto;padding-right:5px}.AnchorSelectModal .list-view .list-view-inner{display:flex;flex-direction:column;gap:10px}.AnchorSelectModal .list-view .item{display:flex;align-items:center;justify-content:flex-start;padding:5px;border-radius:5px;background-color:#2b2a2a;position:relative;cursor:pointer;transition:.3s}.AnchorSelectModal .list-view .item.active{background-color:var(--primary-color)}.AnchorSelectModal .list-view .item.active .content .username,.AnchorSelectModal .list-view .item.active .createTime{color:#fff;transition:.3s}.AnchorSelectModal .list-view .item .avatar{width:50px;height:50px;margin-right:10px}.AnchorSelectModal .list-view .item .avatar .img{width:100%;height:100%;object-fit:cover;border-radius:7px;border:none}.AnchorSelectModal .list-view .item .content{flex:1}.AnchorSelectModal .list-view .item .content .name{font-size:15px;margin-bottom:5px}.AnchorSelectModal .list-view .item .content .username{font-size:12px;color:#999}.AnchorSelectModal .list-view .item .createTime{position:absolute;right:5px;bottom:5px;font-size:12px;color:#999}.AnchorSelectModal .pagination-view{display:flex;align-items:center;justify-content:flex-start}.JoinMatVideModal{height:70vh;overflow:hidden;display:flex;gap:10px;padding-top:20px}.JoinMatVideModal .title{font-size:16px;margin-bottom:10px}.JoinMatVideModal .sp{height:100%;background-color:#646464;width:1px}.JoinMatVideModal .left{height:100%;overflow-y:auto;flex:1;overflow-x:hidden;padding:10px;scroll-behavior:smooth}.JoinMatVideModal .left .content-list{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.JoinMatVideModal .left .content-list .content-item{width:110px;padding:5px;min-height:110px;background-color:#393939;border-radius:5px;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:5px;position:relative}.JoinMatVideModal .left .content-list .content-item .remove{position:absolute;right:-5px;top:-5px;width:16px;height:16px}.JoinMatVideModal .left .content-list .content-item .remove svg{width:16px;height:16px;fill:#e33e30}.JoinMatVideModal .left .content-list .content-item .svg{margin:auto;width:60px;height:60px}.JoinMatVideModal .left .text-view{color:#9a9a9a;max-height:300px;overflow-y:auto}.JoinMatVideModal .left .text-view .text-item{white-space:pre-wrap;margin-bottom:6px}.JoinMatVideModal .left .btns{margin:20px 0 20px auto;width:fit-content}.JoinMatVideModal .right{height:100%;overflow-y:auto;flex:1;overflow-x:hidden}.JoinMatVideModal .right .list{margin-top:20px;display:flex;flex-direction:column;gap:10px}.JoinMatVideModal .right .list .item{display:flex;gap:10px;cursor:pointer;padding:10px;border:5px;background-color:#39393954;border-radius:5px;transition:.3s}.JoinMatVideModal .right .list .item:hover{background-color:#393939a9}.JoinMatVideModal .right .list .item .text-content{flex:1;overflow:hidden}.JoinMatVideModal .right .list .item .text-content .name{font-size:14px;margin-bottom:5px}.JoinMatVideModal .right .list .item .text-content .desc{font-size:12px}.AddBetchProdMatModal .multiple-file-upload .list{margin-bottom:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 10px}.AddBetchProdMatModal .multiple-file-upload .list .item{background-color:#3b3a3a;padding:5px;border-radius:7px;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.AddBetchProdMatModal .multiple-file-upload .list .item .remove{cursor:pointer;color:#e23e31}.AddBetchProdMatModal .multiple-file-upload .list .item .remove:hover{text-decoration:underline}.ScriptList .right-view .Script .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;margin-top:20px}.ScriptList .right-view .Script .list .item{display:flex;aspect-ratio:2;background:#302d36;padding:5px;border-radius:8px;cursor:pointer;position:relative;transition:.3s}.ScriptList .right-view .Script .list .item .num{font-size:12px;color:var(--primary-color)}.ScriptList .right-view .Script .list .item .sub-title{position:absolute;right:5px;top:5px;font-size:12px;color:#8e90a1}.ScriptList .right-view .Script .list .item .name{margin:auto;font-size:16px}.ScriptList .right-view .Script .list .item .bottom{position:absolute;bottom:2px;width:calc(100% - 12px);display:flex;justify-content:space-between;align-items:center}.ScriptList .right-view .Script .list .item .btns{display:flex;gap:7px;opacity:0;transition:.3s}.ScriptList .right-view .Script .list .item:hover .btns{opacity:1}.ScriptList .right-view .Script .list .item:active{transform:scale(.95)}.ScriptList .right-view .Script .list .item:active:has(.btns:hover){transform:scale(1)}.ScriptList .right-view .Script .list .add{display:flex;align-items:center;justify-content:center;overflow:hidden}.ScriptList .right-view .Script .list .add svg{width:40px;height:430px}.ScriptSceneEdit{display:flex;gap:10px;height:75vh;overflow:hidden}.ScriptSceneEdit .left{flex:1;overflow-x:hidden;padding:20px 10px 10px;border-right:1px solid #585757}.ScriptSceneEdit .center{flex:1;overflow-x:hidden;border-right:1px solid #585757}.ScriptSceneEdit .center .s-title{margin:10px 0}.ScriptSceneEdit .center .list{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.ScriptSceneEdit .center .list .item{width:150px;border-radius:6px;height:fit-content;background-color:#383636;padding:5px;display:flex;align-items:center;gap:5px;flex-direction:column;justify-content:center}.ScriptSceneEdit .center .list .item .preview{width:90px;height:90px;margin-bottom:5px;background-color:#3c3e42;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px}.ScriptSceneEdit .center .list .item .preview .svg{width:40px;height:40px}.ScriptSceneEdit .center .list .item .name{text-align:center;font-size:12px}.ScriptSceneEdit .center .list .item .btn-text{font-size:12px}.ScriptSceneEdit .center .list .item .bottom{opacity:0;transition:.2s;margin:5px}.ScriptSceneEdit .center .list .item .bottom .right-bottom{margin-left:auto;text-align:right;width:fit-content;font-size:12px;color:var(--primary-color);cursor:pointer}.ScriptSceneEdit .center .list .item .bottom .right-bottom:hover{text-decoration:underline}.ScriptSceneEdit .center .list .item:hover .bottom{opacity:1}.ScriptSceneEdit .center .list .item .user-defined{display:flex;gap:5px;font-size:13px;align-items:center}.ScriptSceneEdit .right{flex:1;overflow-x:hidden}.MatAiHelperTextArea{position:relative}.MatAiHelperTextArea .AiHelperTextArea__inner{min-height:100px;padding-bottom:40px}.MatAiHelperTextArea .btns{position:absolute;bottom:8px;right:8px;display:flex;gap:10px;align-items:center}@keyframes AiHelperTextArea__buttonfadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.MatSelectTextModal{height:70vh;overflow:hidden;display:flex;gap:9px}.MatSelectTextModal .left{flex:1.3;display:flex;flex-direction:column;overflow-y:hidden}.MatSelectTextModal .left .list{margin-top:15px;flex:1;overflow-y:auto}.MatSelectTextModal .left .list .text{font-size:12px;white-space:pre-wrap}.MatSelectTextModal .left .list .addBtn{margin-top:10px;margin-left:auto;display:block}.MatSelectTextModal .left .empty{margin-top:50px}.MatSelectTextModal .center{flex:1;display:flex;flex-direction:column}.MatSelectTextModal .center .list{margin-top:15px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.MatSelectTextModal .center .list .item{padding:10px;background-color:#5079d384;border-radius:10px;display:flex;flex-direction:row;align-items:center}.MatSelectTextModal .center .list .item .right-btns{margin-left:auto;display:flex;align-items:center;gap:10px;opacity:0;transition:.3s;cursor:pointer}.MatSelectTextModal .center .list .item .right-btns svg{cursor:pointer;width:22px;height:22px}.MatSelectTextModal .center .list .item:hover{background-color:#455579}.MatSelectTextModal .center .list .item:hover .right-btns{opacity:1}.MatSelectTextModal .center .empty{margin-top:50px}.MatSelectTextModal .right{flex:1.3;display:flex;flex-direction:column}.MatSelectTextModal .right .out-view{padding-right:5px;margin-top:15px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:5px}.MatSelectTextModal .right .out-view .item{font-weight:300;font-size:14px;line-height:24px;white-space:pre-wrap;padding:5px;transition:.2s}.MatSelectTextModal .right .out-view .item.hover{background-color:#364d7d;border-radius:5px}.MatSelectTextModal .line{height:100%;width:1px;background-color:#545e73}.MatSelectTextModal .title{font-size:15px;font-weight:700;margin-left:10px;margin-bottom:10px}.ScriptList .right-view .SceneConfig{display:flex;flex-direction:column;height:calc(86vh - 40px)}.ScriptList .right-view .SceneConfig .scene-list{width:100%;height:40px;margin-top:20px;background-color:#c7c7c70e;overflow-x:auto;border-radius:2px}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner{height:100%;display:flex;width:fit-content;align-items:center;cursor:pointer;gap:5px;padding:0 5px}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item{display:flex;height:30px;background-color:#c7c7c727;align-items:center;padding:0 10px;border-radius:5px;gap:5px;transition:.3s}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item .name{flex:1;-webkit-user-select:none;user-select:none;font-size:14px;white-space:nowrap}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item .remove{display:flex;transition:.3s}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item .remove svg{margin:auto;width:14px;height:14px}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item .remove:hover{background-color:#db2a2480;transform:scale(1.1)}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .item.active{background-color:var(--primary-color)}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .add{background-color:#3c3f42;border-radius:5px;width:fit-content;height:30px;transition:.3s;display:flex;align-items:center;padding:0 10px;white-space:nowrap}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .add:hover{background-color:#4a4d50}.ScriptList .right-view .SceneConfig .scene-list .scene-list-inner .add svg{margin:auto;width:20px;height:20px}.ScriptList .right-view .SceneConfig .scene-params-view{flex:1;overflow-y:auto}.script-params-view{margin-top:20px}.script-params-view .script-params-view-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.script-params-view .btn-group{margin-top:10px;display:flex;gap:10px;align-items:center;margin-left:auto;width:fit-content}.script-params-view .item{gap:5px;display:flex;align-items:center}.script-params-view .item .name:after{content:":"}.script-params-view .item .value{flex:1}.script-params-view .null-view{margin-top:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.script-params-view .null-view .desc{color:var(--primary-color);cursor:pointer}.script-params-view .null-view .desc:hover{text-decoration:underline}.EditSceneParamsModal .title{margin-top:20px;margin-bottom:10px;color:var(--primary-color)}.EditSceneParamsModal .params{display:flex;gap:5px;flex-wrap:wrap}.EditSceneParamsModal .params .param{padding:2px 10px;background-color:var(--primary-color);border-radius:5px;display:flex;align-items:center;gap:10px}.EditSceneParamsModal .params .param .name{font-size:13px}.EditSceneParamsModal .params .param .remove{cursor:pointer;transition:.3s;width:17px;height:17px;display:flex}.EditSceneParamsModal .params .param .remove:hover{background-color:#e13e31;border-radius:2px}.EditSceneParamsModal .params .param .remove svg{margin:auto;width:14px;height:14px}.EditSceneParamsModal .params .add{cursor:pointer;transition:.3s;width:25px;height:25px;display:flex;border-radius:4px;background-color:var(--primary-color)}.EditSceneParamsModal .params .add:hover{transform:scale(1.05)}.EditSceneParamsModal .params .add svg{margin:auto;width:16px;height:16px}.VideoHandlePage{display:flex;gap:10px;padding:0}.VideoHandlePage .left-bar{width:80px;background-color:#4a4c52}.VideoHandlePage .left-bar .list{display:flex;flex-direction:column}.VideoHandlePage .left-bar .list .item{padding:20px 5px;display:flex;align-items:center;flex-direction:column;cursor:pointer;transition:.3s}.VideoHandlePage .left-bar .list .item.active{background-color:var(--primary-color)}.VideoHandlePage .left-bar .list .item:hover{background-color:#5b8cf57f}.VideoHandlePage .left-bar .list .item .name{font-size:14px}.VideoHandlePage .left-bar .list .item .logo{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.VideoHandlePage .content-box{flex:1;overflow:hidden;display:flex;flex-direction:column;padding-bottom:20px}.VideoHandlePage .content-box .content-title{font-size:25px;height:50px;line-height:50px;font-weight:700;margin-left:20px}.VideoHandlePage .content-box .content-value{flex:1;overflow:hidden;box-sizing:border-box;overflow-y:auto}.VideoHandlePage .out-view{width:350px;height:100%;background-color:#4a4c52}.VideoHandlePage .VideoOutView{padding:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.VideoHandlePage .VideoOutView .title{margin-bottom:10px}.VideoHandlePage .VideoOutView .list-wapper{flex:1;overflow-x:hidden;overflow-y:scroll;padding-right:5px;margin:10px 0}.VideoHandlePage .VideoOutView .list-wapper .list{display:flex;gap:10px;flex-direction:column}.VideoHandlePage .VideoOutView .list-wapper .list .output-item{background-color:#1e293b;border-radius:8px;padding:16px;border:1px solid transparent;transition:all .2s ease;width:100%;overflow:hidden;animation:output-item-show-anim .5s ease-in-out forwards}.VideoHandlePage .VideoOutView .list-wapper .list .output-item:hover{border-color:var(--primary-color)}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-header i{font-size:20px;color:var(--highlight)}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-type{background-color:#0ea5e933;color:var(--highlight);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-name{flex:1;font-size:14px;overflow:hidden;font-weight:600;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;text-overflow:ellipsis;text-align:right}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-name:hover{background-color:#ffffff0d}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-name input{background-color:#293445;border:1px solid var(--border-color);color:var(--text-primary);padding:4px 8px;border-radius:4px;width:100%;outline:none}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:14px;color:var(--text-secondary)}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .info-label{font-weight:500}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .info-value{text-align:right;font-weight:400}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .item-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .action-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .action-btn:hover{color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .tooltip{position:relative;display:inline-block}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .tooltip .tooltip-text{visibility:hidden;background-color:#000c;color:#fff;text-align:center;border-radius:4px;padding:6px 10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px;white-space:nowrap}.VideoHandlePage .VideoOutView .list-wapper .list .output-item .tooltip:hover .tooltip-text{visibility:visible;opacity:1}@keyframes output-item-show-anim{0%{opacity:.2;transform:scale(.63)}to{opacity:1;transform:scale(1)}}.VideoHandlePage .AudioSeparation{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003;--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .AudioSeparation .one-box{display:flex;gap:20px;margin-bottom:20px}.VideoHandlePage .AudioSeparation .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .AudioSeparation .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .AudioSeparation .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .AudioSeparation .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .AudioSeparation .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .AudioSeparation .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .AudioSeparation .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .AudioSeparation .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .AudioSeparation .preview-area{flex:1;overflow:hidden}.VideoHandlePage .AudioSeparation .preview-area .video{max-width:100%;max-height:300px;margin:10px auto;display:block}.VideoHandlePage .AudioSeparation .preview-area .detail{font-size:14px;color:var(--text-secondary);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 2px}.VideoHandlePage .AudioSeparation .preview-area .detail .t{color:var(--highlight-hover)}.VideoHandlePage .AudioSeparation .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .AudioSeparation .out-detail{margin-top:20px;font-size:14px;color:var(--text-secondary);display:grid;grid-template-columns:repeat(1,1fr);gap:10px 2px}.VideoHandlePage .AudioSeparation .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .RemoveAudio{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003;--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .RemoveAudio .one-box{display:flex;gap:20px;margin-bottom:20px}.VideoHandlePage .RemoveAudio .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .RemoveAudio .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .RemoveAudio .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .RemoveAudio .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .RemoveAudio .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .RemoveAudio .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .RemoveAudio .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .RemoveAudio .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .RemoveAudio .preview-area{flex:1;overflow:hidden}.VideoHandlePage .RemoveAudio .preview-area .video{max-width:100%;max-height:300px;margin:10px auto;display:block}.VideoHandlePage .RemoveAudio .preview-area .detail{font-size:14px;color:var(--text-secondary);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 2px}.VideoHandlePage .RemoveAudio .preview-area .detail .t{color:var(--highlight-hover)}.VideoHandlePage .RemoveAudio .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .RemoveAudio .out-video-title{font-size:18px;font-weight:600;margin-bottom:20px}.VideoHandlePage .RemoveAudio .out-video-info{display:flex;gap:20px;justify-content:flex-start}.VideoHandlePage .RemoveAudio .out-video-info .out-video{max-width:500px;max-height:300px;display:block}.VideoHandlePage .RemoveAudio .out-video-info .out-detail{font-size:14px;color:var(--text-secondary)}.VideoHandlePage .RemoveAudio .out-video-info .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .ClipVideo{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003;--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .ClipVideo .one-box{display:flex;gap:20px;margin-bottom:20px}.VideoHandlePage .ClipVideo .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .ClipVideo .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .ClipVideo .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .ClipVideo .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .ClipVideo .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .ClipVideo .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .ClipVideo .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .ClipVideo .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .ClipVideo .preview-area{flex:1;overflow:hidden;display:flex;gap:20px}.VideoHandlePage .ClipVideo .preview-area .left{flex:3;overflow:hidden;padding:0 10px}.VideoHandlePage .ClipVideo .preview-area .left .video{width:100%;display:block;max-height:400px}.VideoHandlePage .ClipVideo .preview-area .left .clip-range-totle{font-size:14px;margin:10px 0}.VideoHandlePage .ClipVideo .preview-area .detail{flex:1;font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:5px 2px}.VideoHandlePage .ClipVideo .preview-area .detail .t{color:var(--highlight-hover)}.VideoHandlePage .ClipVideo .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .ClipVideo .out-video-title{font-size:18px;font-weight:600;margin-bottom:20px}.VideoHandlePage .ClipVideo .out-video-info{display:flex;gap:20px;justify-content:flex-start}.VideoHandlePage .ClipVideo .out-video-info .out-video{max-width:500px;max-height:300px;display:block}.VideoHandlePage .ClipVideo .out-video-info .out-detail{font-size:14px;color:var(--text-secondary)}.VideoHandlePage .ClipVideo .out-video-info .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .VideoCompress{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003;--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .VideoCompress .one-box{display:flex;gap:20px;margin-bottom:20px}.VideoHandlePage .VideoCompress .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .VideoCompress .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .VideoCompress .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .VideoCompress .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .VideoCompress .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .VideoCompress .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .VideoCompress .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .VideoCompress .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .VideoCompress .mode{display:flex;gap:20px;align-items:center;margin-top:20px}.VideoHandlePage .VideoCompress .mode .t{font-style:13px}.VideoHandlePage .VideoCompress .preview-area{flex:1;overflow:hidden}.VideoHandlePage .VideoCompress .preview-area .video{max-width:100%;max-height:300px;margin:10px auto;display:block}.VideoHandlePage .VideoCompress .preview-area .detail{font-size:14px;color:var(--text-secondary);display:grid;grid-template-columns:repeat(2,1fr);gap:10px 2px}.VideoHandlePage .VideoCompress .preview-area .detail .t{color:var(--highlight-hover)}.VideoHandlePage .VideoCompress .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .VideoCompress .out-video-title{font-size:18px;font-weight:600;margin-bottom:20px}.VideoHandlePage .VideoCompress .out-video-info{display:flex;gap:20px;justify-content:flex-start}.VideoHandlePage .VideoCompress .out-video-info .out-video{max-width:500px;max-height:300px;display:block}.VideoHandlePage .VideoCompress .out-video-info .out-detail{font-size:14px;color:var(--text-secondary)}.VideoHandlePage .VideoCompress .out-video-info .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .ImageExtraction{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003;--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .ImageExtraction .one-box{display:flex;gap:20px;margin-bottom:20px}.VideoHandlePage .ImageExtraction .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .ImageExtraction .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .ImageExtraction .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .ImageExtraction .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .ImageExtraction .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .ImageExtraction .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .ImageExtraction .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .ImageExtraction .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .ImageExtraction .preview-area{flex:1;overflow:hidden;display:flex;gap:20px}.VideoHandlePage .ImageExtraction .preview-area .left{flex:3;overflow:hidden;padding:0 10px}.VideoHandlePage .ImageExtraction .preview-area .left .video{width:100%;display:block;max-height:400px}.VideoHandlePage .ImageExtraction .preview-area .left .clip-range-totle{font-size:14px;margin:10px 0}.VideoHandlePage .ImageExtraction .preview-area .detail{flex:1;font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:5px 2px}.VideoHandlePage .ImageExtraction .preview-area .detail .t{color:var(--highlight-hover)}.VideoHandlePage .ImageExtraction .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .ImageExtraction .out-video-title{font-size:18px;font-weight:600;margin-bottom:20px}.VideoHandlePage .ImageExtraction .out-video-info{display:flex;gap:20px;justify-content:flex-start}.VideoHandlePage .ImageExtraction .out-video-info .out-video{max-width:500px;max-height:300px;display:block}.VideoHandlePage .ImageExtraction .out-video-info .out-detail{font-size:14px;color:var(--text-secondary)}.VideoHandlePage .ImageExtraction .out-video-info .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .VideoJoin{background-color:#1e293b;margin:20px;min-height:400px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003}.VideoHandlePage .VideoJoin .video-list{display:flex;flex-wrap:wrap;gap:10px}.VideoHandlePage .VideoJoin .video-list .video-upload{width:150px;height:150px;border-radius:10px;background-color:#333d4e;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;flex-direction:column;transition:.3s;-webkit-user-select:none;user-select:none}.VideoHandlePage .VideoJoin .video-list .video-upload.active{background-color:var(--primary-color)}.VideoHandlePage .VideoJoin .video-list .video-upload i{font-size:30px}.VideoHandlePage .VideoJoin .video-list .video-upload:hover{background-color:#475569}.VideoHandlePage .VideoJoin .video-list .item{width:150px;height:150px;position:relative}.VideoHandlePage .VideoJoin .video-list .item .remove{position:absolute;top:-8px;right:-8px;cursor:pointer;color:#fff;font-size:20px;z-index:2}.VideoHandlePage .VideoJoin .video-list .item .remove:hover svg{fill:#e54132;background-color:#fff;transform:scale(1.2)}.VideoHandlePage .VideoJoin .video-list .item .remove svg{border-radius:50%;width:20px;height:20px;transition:.3s}.VideoHandlePage .VideoJoin .sub-box{margin-top:20px;display:flex;justify-content:space-between}.VideoHandlePage .VideoJoin .sub-box .left{font-size:13px;color:#e0dfdf}.VideoHandlePage .VideoJoin .btns{display:flex;justify-content:flex-end;gap:20px;margin:20px 0}.VideoHandlePage .VideoJoin .out-video-title{font-size:18px;font-weight:600;margin-bottom:20px}.VideoHandlePage .VideoJoin .out-video-info{display:flex;gap:20px;justify-content:flex-start}.VideoHandlePage .VideoJoin .out-video-info .out-video{max-width:500px;max-height:300px;display:block}.VideoHandlePage .VideoJoin .out-video-info .out-detail{font-size:14px;color:var(--text-secondary)}.VideoHandlePage .VideoJoin .out-video-info .out-detail .t{color:var(--highlight-hover)}.VideoHandlePage .VideoClip{--dark-bg: #0f172a;--darker-bg: #0c1221;--panel-bg: #1e293b;--highlight: var(--primary-color);--highlight-hover: #4781fc;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--success: #10b981;--danger: #ef4444}.VideoHandlePage .VideoClip .card{background-color:#1e293b;margin:20px;min-height:200px;border-radius:12px;padding:24px;display:flex;flex-direction:column;border:1px solid #334155;box-shadow:0 10px 30px #0003}.VideoHandlePage .VideoClip .upload-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:8px;padding:40px;text-align:center;transition:all .3s ease;background-color:#1e293b80}.VideoHandlePage .VideoClip .upload-area .upload-btn{background-color:var(--highlight);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.VideoHandlePage .VideoClip .upload-area .upload-btn .fa-folder-open{font-size:20px;margin-bottom:0}.VideoHandlePage .VideoClip .upload-area .upload-btn:hover{background-color:var(--highlight-hover);transform:translateY(-2px)}.VideoHandlePage .VideoClip .upload-area.drag-over{border-color:var(--highlight);background-color:#0ea5e91a}.VideoHandlePage .VideoClip .upload-area .logo{font-size:48px;margin-bottom:20px;color:var(--text-primary)}.VideoHandlePage .VideoClip .upload-area h3{font-size:22px;margin-bottom:12px}.VideoHandlePage .VideoClip .upload-area p{color:var(--text-secondary);margin-bottom:24px;max-width:80%}.VideoHandlePage .VideoClip .video-preview{max-height:400px;width:100%}.VideoHandlePage .VideoClip .btn-list{margin:20px 0;display:flex;justify-content:space-between}.VideoHandlePage .VideoClip .btn-list .center{display:flex;justify-content:center;gap:30px}.VideoHandlePage .VideoClip .btn-list .center .icon{cursor:pointer}.VideoHandlePage .VideoClip .btn-list .center .icon .rotate-180{transform:rotate(180deg)}.VideoHandlePage .VideoClip .btn-list .right{display:flex;gap:20px}.CuttingTape{width:100%}.CuttingTape:focus{outline:none}.CuttingTape .CuttingTapeTop{display:flex;justify-content:space-between;margin-bottom:10px}.CuttingTape .CuttingTapeTop .left{font-size:12px}.CuttingTape .CuttingTapeTop .right{font-size:13px}.CuttingTape .hand-view{width:100%;overflow-x:scroll;background-color:#252525;height:fit-content;padding-bottom:20px;scroll-behavior:smooth}.CuttingTape .hand-view .timescale-view{height:20px;background-color:#4e4f5065;margin-bottom:10px;position:relative;--color: #a5a3a386;cursor:pointer}.CuttingTape .hand-view .timescale-view .long{position:absolute;top:0;height:10px;width:1px;background-color:var(--color);pointer-events:none}.CuttingTape .hand-view .timescale-view .short{position:absolute;top:0;height:4px;width:1px;background-color:var(--color);pointer-events:none}.CuttingTape .hand-view .timescale-view .text{pointer-events:none;position:absolute;top:0;transform:translate(2px);color:var(--color);font-size:11px;-webkit-user-select:none;user-select:none}.CuttingTape .hand-view .inner-view{min-height:100px;margin:0 20px;padding-bottom:20px;position:relative}.CuttingTape .hand-view .inner-view .time-pointer{position:absolute;width:5px;top:50%;transform:translateY(-50%) translate(-2px);height:100%;cursor:e-resize;box-sizing:content-box;left:0;z-index:4}.CuttingTape .hand-view .inner-view .time-pointer:active{transition:0s;background-color:#e43e31;border-radius:4px;transition:background-color .3s}.CuttingTape .hand-view .inner-view .time-pointer .inner{margin:0 auto;height:100%;width:1px;background-color:#e43e31}.CuttingTape .hand-view .inner-view .road{background-color:#323131;height:70px;margin-bottom:5px;position:relative}.CuttingTape .hand-view .inner-view .road.drop{transition:.3s;background-color:#506eae}.CuttingTape .hand-view .inner-view .road .road-item{position:absolute;top:10%;height:80%;border-radius:4px;display:flex;flex-direction:column;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #595959}.CuttingTape .hand-view .inner-view .road .road-item .tooltip-content{width:fit-content;white-space:nowrap}.CuttingTape .hand-view .inner-view .road .road-item .tooltip-content span{margin-right:30px;background-color:#f0f8ff42;margin-left:5px;font-size:12px;padding:2px 6px;border-radius:4px}.CuttingTape .hand-view .inner-view .road .road-item .top-text{width:fit-content;white-space:nowrap;cursor:pointer}.CuttingTape .hand-view .inner-view .road .road-item .top-text span{background-color:#f0f8ff42;margin-left:5px;font-size:12px;padding:2px 6px;border-radius:4px}.CuttingTape .hand-view .inner-view .road .road-item.active{border:1px solid #fff;z-index:3}.CuttingTape .hand-view .inner-view .road .video-item{background-color:#3356a3}.CuttingTape .hand-view .inner-view .road .audio-item{background-color:#d2691e}.PlatformPay h2{font-size:17px}.PlatformPay .container{margin:0 auto;width:100%;max-width:900px;background:#121521cc;border-radius:16px;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;border:1px solid rgba(80,90,120,.3)}.PlatformPay header{text-align:center;padding:30px 20px;background:linear-gradient(90deg,#1a1d29,#0c0e15);border-bottom:1px solid rgba(80,90,120,.3)}.PlatformPay header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,var(--primary-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.PlatformPay header p{color:#a0a0c0;font-size:1.1rem}.PlatformPay .content{padding:30px}.PlatformPay .section-title{display:flex;align-items:center;margin-bottom:20px}.PlatformPay .section-title i{font-size:1.5rem;margin-right:10px;color:var(--primary-color)}.PlatformPay .section-title h2{font-size:1.4rem;font-weight:600;color:#e0e0ff}.PlatformPay .amount-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;margin-bottom:40px}.PlatformPay .amount-option{background:#1e2332b3;border:2px solid rgba(80,90,120,.3);border-radius:12px;padding:20px 15px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.PlatformPay .amount-option:hover{transform:translateY(-5px);border-color:#6a5af980;box-shadow:0 5px 15px #6a5af933}.PlatformPay .amount-option.selected{background:#6a5af926;border-color:var(--primary-color);box-shadow:0 0 20px #6a5af966}.PlatformPay .amount-option .amount{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:5px}.PlatformPay .amount-option .bonus{color:var(--primary-color);font-size:.9rem}.PlatformPay .amount-option .popular{position:absolute;top:10px;right:-30px;background:var(--primary-color);color:#fff;padding:3px 30px;font-size:.8rem;transform:rotate(45deg);width:120px;text-align:center}.PlatformPay .custom-amount{background:#1e2332b3;border:2px solid rgba(80,90,120,.3);border-radius:12px;padding:25px;margin-bottom:40px}.PlatformPay .custom-input{display:flex;align-items:center;margin-top:15px}.PlatformPay .custom-input span{font-size:1.5rem;margin-right:10px;color:var(--primary-color)}.PlatformPay .custom-input input{flex:1;background:#141928cc;border:2px solid rgba(80,90,120,.3);border-radius:10px;padding:14px 20px;color:#fff;font-size:1.2rem;outline:none;transition:all .3s ease}.PlatformPay .custom-input input:focus{border-color:var(--primary-color);box-shadow:0 0 10px #6a5af94d}.PlatformPay .payment-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.PlatformPay .payment-method{background:#1e2332b3;border:2px solid rgba(80,90,120,.3);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.PlatformPay .payment-method:hover{transform:translateY(-5px);border-color:#6a5af980;box-shadow:0 5px 15px #6a5af933}.PlatformPay .payment-method.selected{background:#6a5af926;border-color:var(--primary-color);box-shadow:0 0 20px #6a5af966}.PlatformPay .payment-method i{font-size:3rem;margin-bottom:15px}.PlatformPay .payment-method .wechat i{color:#07c160}.PlatformPay .payment-method .alipay i{color:#1677ff}.PlatformPay .payment-method .bank i{color:#ff6b6b}.PlatformPay .payment-method .paypal i{color:#0070ba}.PlatformPay .payment-method h3{font-size:1.2rem;font-weight:600;margin-bottom:5px}.PlatformPay .payment-method p{color:#a0a0c0;font-size:.9rem}.PlatformPay .action-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.PlatformPay .btn{padding:16px 40px;border-radius:12px;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.PlatformPay .btn-pay{background:linear-gradient(90deg,var(--primary-color),var(--primary-color));color:#fff;box-shadow:0 5px 15px #6a5af966;flex:1;max-width:300px}.PlatformPay .btn-pay:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6a5af999}.PlatformPay .btn-cancel{background:#3c415a80;color:#c0c0e0;border:1px solid rgba(80,90,120,.5)}.PlatformPay .btn-cancel:hover{background:#50556e80}.PlatformPay footer{text-align:center;padding:25px;color:#a0a0c0;font-size:.9rem;border-top:1px solid rgba(80,90,120,.3);background:#0f121c80}.PlatformPay footer a{color:var(--primary-color);text-decoration:none}.PlatformPay footer a:hover{text-decoration:underline}.home-page{padding:20px;background-color:#4f545e;border-radius:10px}.home-page .section-title{font-size:16px;margin-bottom:16px;font-weight:500}.home-page .top{display:flex;gap:20px;margin-bottom:20px}.home-page .top .left{height:140px;width:fit-content;display:flex;flex-direction:row;gap:80px;min-width:300px;background:linear-gradient(135deg,#4b6fbb,#3c79b6);border-radius:10px;padding:20px 50px;align-items:center}.home-page .top .left .item{display:flex;flex-direction:column;align-items:center}.home-page .top .left .item .content{margin-bottom:14px;color:#fff;font-weight:700;font-size:30px}.home-page .top .left .item .desc{color:#fffb;font-size:13px}.home-page .top .right{height:140px;width:fit-content;flex:1;overflow:hidden;background:#32383d;border-radius:10px;padding:10px}.home-page .top .right .title{font-size:16px;font-weight:500;white-space:nowrap}.home-page .top .right .list{display:flex;width:100%;overflow-x:auto;margin-top:16px;padding:0 20px}.home-page .top .right .list .list-wapper{width:fit-content;display:flex;gap:27px}.home-page .top .right .list .list-wapper .item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:5px;border-radius:8px}.home-page .top .right .list .list-wapper .item:hover{background-color:#3c79b644}.home-page .top .right .list .list-wapper .item:hover .icon svg{fill:var(--primary-color)}.home-page .top .right .list .list-wapper .item:hover .name{color:var(--primary-color)}.home-page .top .right .list .list-wapper .item .icon svg{width:35px;height:35px;transition:.3s}.home-page .top .right .list .list-wapper .item .name{font-size:13px;margin-top:5px;transition:.3s;white-space:nowrap}.home-page .statistics-container{margin-bottom:24px}.home-page .statistics-container .stat-card{height:100%;transition:all .3s ease;border-color:var(--primary-color);background-color:#333841}.home-page .statistics-container .stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.home-page .statistics{margin-bottom:20px}.home-page .statistics-view{min-height:400px;background-color:#32383d;padding:10px;border-radius:6px;display:flex;gap:10px;flex-direction:column}.home-page .statistics-view .ant-menu-horizontal{border-bottom:1px solid rgba(99,154,209,.4039215686)}.home-page .statistics-view .chart-container{height:300px}.home-page .quick-access{margin-bottom:24px}.home-page .quick-access .access-card{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;border-radius:8px;border:1px dashed #e8e8e8;background-color:#414141}.home-page .quick-access .access-card:hover{border-color:#507ad3;box-shadow:0 4px 12px #2971a114}.home-page .quick-access .access-card .access-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#507ad3;font-size:24px}.home-page .quick-access .access-card .access-title{font-size:16px;font-weight:500;margin-bottom:8px}.home-page .quick-access .access-card .access-count{font-size:14px;color:#ffffff80}.home-page .recent-tasks .view-all-btn{text-align:right;margin-top:12px}.home-page .recent-tasks .task-name{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.home-page{padding:12px}.home-page .quick-access,.home-page .recent-tasks{margin-bottom:16px}.home-page .access-card{height:140px}}.ViolationDetection-text-repair-app{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1d1d1d;color:#e6e6e6;min-height:100vh;padding:.6rem;max-width:1600px;margin:0 auto}.ViolationDetection-text-repair-app .app-header{text-align:center;margin-bottom:1rem}.ViolationDetection-text-repair-app .app-header h1{color:#7d95ff;margin-bottom:.5rem}.ViolationDetection-text-repair-app .app-header .subtitle{color:#838383;font-size:1.1rem}.ViolationDetection-text-repair-app .repair-tabs{display:flex;justify-content:center;margin-bottom:1rem;gap:1rem}.ViolationDetection-text-repair-app .repair-tabs .tab-button{background:#16213e;border:none;padding:.3rem 1rem;border-radius:6px;color:#e6e6e6;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid #2a3a5f}.ViolationDetection-text-repair-app .repair-tabs .tab-button:hover{background:#1d2b51}.ViolationDetection-text-repair-app .repair-tabs .tab-button.active{background:#4a6bff;border-color:#4a6bff}.ViolationDetection-text-repair-app .text-areas-container{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;min-height:500px}@media (max-width: 900px){.ViolationDetection-text-repair-app .text-areas-container{grid-template-columns:1fr;grid-template-rows:auto auto auto}}.ViolationDetection-text-repair-app .text-areas-container .text-area h3{margin-top:0;margin-bottom:.8rem}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea{width:100%;min-height:400px;background:#16213e;border:1px solid #2a3a5f;border-radius:8px;padding:.7rem;color:#e6e6e6;font-size:1rem;resize:vertical}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea textarea{width:100%;min-height:400px;border-radius:8px;color:#e6e6e6;resize:vertical}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea:focus{outline:none;border-color:#4a6bff;box-shadow:0 0 0 2px #4a6bff33}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea .repair-button{margin-top:5px;margin-left:auto;background:#4a6bff;color:#fff;border:none;padding:.4rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea .repair-button:hover:not(:disabled){transform:translateY(-2px)}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea .repair-button:disabled{background:#4a4a6a;cursor:not-allowed}.ViolationDetection-text-repair-app .text-areas-container .text-area .textarea .repair-button .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text{width:100%;min-height:400px;background:#16213e;border:1px solid #2a3a5f;border-radius:8px;padding:1rem;color:#e6e6e6;font-size:1rem;white-space:pre-wrap}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .placeholder{color:#999;-webkit-user-select:none;user-select:none;font-style:italic}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown *{padding:revert;margin:0;box-sizing:revert;line-height:1.3}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown code{font-family:Roboto,sans-serif}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown pre{background-color:#132431;padding:10px;border-radius:5px;overflow-x:auto}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown pre::-webkit-scrollbar{display:block;width:5px;height:8px;cursor:pointer}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown pre::-webkit-scrollbar-thumb{background-color:#5e97e72b;border-radius:8px}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown ul{padding-left:10px;margin:0}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown hr{border:1px solid rgb(69,70,70);margin:10px 0}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown blockquote{padding:0;margin:0}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;line-height:1.5;--bg1: #343435;--bg2: #343435;--hover-bg: #3e3f3f;--border: #afb1b2}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table th{font-weight:600;text-align:left;background-color:var(--bg1);border:1px solid var(--border);padding:6px 13px}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table td{border:1px solid var(--border);padding:6px 13px}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table tr:hover{background-color:var(--hover-bg)}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-left th,.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-left td{text-align:left}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-center th,.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-center td{text-align:center}.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-right th,.ViolationDetection-text-repair-app .text-areas-container .text-area .output-text .markdown table.align-right td{text-align:right}.ViolationDetection-text-repair-app .text-areas-container .action-area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.ViolationDetection-text-repair-app .text-areas-container .action-area .score-info{color:#838383;font-size:13px}@media (max-width: 900px){.ViolationDetection-text-repair-app .text-areas-container .action-area{grid-row:2}}.ViolationDetection-text-repair-app .feature-description{background:#16213e;border-radius:8px;padding:1rem;border:1px solid #2a3a5f}.ViolationDetection-text-repair-app .feature-description h3{margin-top:0}.ViolationDetection-text-repair-app .feature-description p{line-height:1.6;margin-bottom:0}._container_1gkx8_1{width:100%;max-width:450px;background:#191e28e6;box-shadow:0 12px 30px #00326480;overflow:hidden;border:1px solid #2a3a5a;margin:0 auto}._header_1gkx8_11{background:linear-gradient(90deg,#1a2a4f,#152340);padding:25px 20px;text-align:center;border-bottom:1px solid #2a3a5a}._header_1gkx8_11 h1{font-size:1.8rem;font-weight:600;background:var(--primary-color);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:5px}._header_1gkx8_11 p{font-size:.9rem;color:#a0b8d8}._formContainer_1gkx8_31{padding:25px 20px}._formGroup_1gkx8_35{margin-bottom:20px;position:relative}._formGroup_1gkx8_35 label{display:block;margin-bottom:8px;font-weight:500;font-size:.9rem;color:#b0c4de}._formGroup_1gkx8_35 ._required_1gkx8_46{color:#e74c3c}._formGroup_1gkx8_35 input,._formGroup_1gkx8_35 textarea,._formGroup_1gkx8_35 select{width:100%;padding:14px 15px;background:#1a2333;border:1px solid #2a3a5a;border-radius:10px;color:#f0f8ff;font-size:1rem;transition:all .3s ease}._formGroup_1gkx8_35 input:focus,._formGroup_1gkx8_35 textarea:focus,._formGroup_1gkx8_35 select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}._formGroup_1gkx8_35 input::placeholder,._formGroup_1gkx8_35 textarea::placeholder,._formGroup_1gkx8_35 select::placeholder{color:#5a7aa5}._formGroup_1gkx8_35 textarea{resize:vertical;min-height:120px}._formGroup_1gkx8_35 ._icon_1gkx8_77{position:absolute;right:15px;top:42px;color:#5a7aa5}._formGroup_1gkx8_35 ._error_1gkx8_83{color:#e74c3c;font-size:.8rem;margin-top:5px}._genderGroup_1gkx8_89{display:flex;gap:15px;margin-top:8px}._codeBtn_1gkx8_95{padding:5px 12px;background:var(--primary-color);position:absolute;top:66%;right:10px;transform:translateY(-50%);border:none;border-radius:5px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}._codeBtn_1gkx8_95:hover{background:#476cba}._genderOption_1gkx8_113{flex:1;display:flex;align-items:center;padding:12px 15px;background:#1a2333;border:1px solid #2a3a5a;border-radius:10px;cursor:pointer;transition:all .3s ease}._genderOption_1gkx8_113:hover{border-color:#3a5a8a}._genderOption_1gkx8_113 input{display:none}._genderOption_1gkx8_113 ._checkmark_1gkx8_130{height:20px;width:20px;border-radius:50%;border:2px solid #5a7aa5;margin-right:10px;position:relative}._genderOption_1gkx8_113._active_1gkx8_138{border-color:#3498db;background:#3498db1a}._genderOption_1gkx8_113._active_1gkx8_138 ._checkmark_1gkx8_130{border-color:#3498db}._avatarUpload_1gkx8_146{display:flex;justify-content:center;margin-top:10px}._avatarPreview_1gkx8_152{width:130px;height:130px;border-radius:50%;background:#1a2333;border:2px dashed #3498db;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}._avatarPreview_1gkx8_152 img{width:100%;height:100%;object-fit:cover}._avatarPreview_1gkx8_152 ._placeholder_1gkx8_169{text-align:center;color:#5a7aa5}._avatarPreview_1gkx8_152 ._placeholder_1gkx8_169 i{font-size:2rem;margin-bottom:8px;display:block}._avatarPreview_1gkx8_152 ._placeholder_1gkx8_169 span{font-size:.8rem}._tagsContainer_1gkx8_182{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}._tag_1gkx8_182{background:#3498db33;padding:6px 12px;border-radius:20px;font-size:.85rem;border:1px solid #3498db;cursor:pointer;transition:all .2s}._tag_1gkx8_182:hover{background:#3498db66}._tag_1gkx8_182._active_1gkx8_138{background:#3498db;color:#fff}._btnSubmit_1gkx8_206{width:100%;padding:16px;background:var(--primary-color);border:none;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;letter-spacing:1px}._btnSubmit_1gkx8_206:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}._footer_1gkx8_225{text-align:center;padding:20px;font-size:.85rem;color:#5a7aa5;border-top:1px solid #2a3a5a}._footer_1gkx8_225 a{color:#3498db;text-decoration:none;margin:0 5px}._footer_1gkx8_225 a:hover{text-decoration:underline}@media (max-width: 480px){._container_1gkx8_1{border-radius:12px}._header_1gkx8_11,._formContainer_1gkx8_31{padding:20px 15px}._formGroup_1gkx8_35 input,._formGroup_1gkx8_35 textarea,._formGroup_1gkx8_35 select{padding:12px}._avatarPreview_1gkx8_152{width:120px;height:120px}}.filter-edit-modal{height:70vh;display:flex;gap:30px}.filter-edit-modal .left{height:100%;width:220px;background-color:#24272c;border-radius:5px;padding:5px;display:flex;flex-direction:column}.filter-edit-modal .left .left-top{color:#fff;font-size:16px;font-weight:500;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #333333}.filter-edit-modal .left .left-top .title{font-size:14px;font-weight:400}.filter-edit-modal .left .left-top .add{display:flex;width:25px;height:25px;background-color:#333;transition:.3s;cursor:pointer}.filter-edit-modal .left .left-top .add svg{margin:auto;width:16px;height:16px}.filter-edit-modal .left .left-top .add:hover{background-color:#444}.filter-edit-modal .left .list{flex:1;overflow-y:auto}.filter-edit-modal .left .list .list-inner{display:flex;flex-direction:column;gap:5px}.filter-edit-modal .left .list .list-inner .item{color:#fff;font-size:14px;font-weight:400;padding:5px;border-radius:5px;background-color:#333;display:flex;justify-content:space-between;cursor:pointer;transition:.3s}.filter-edit-modal .left .list .list-inner .item.active{background-color:var(--primary-color)}.filter-edit-modal .left .list .list-inner .item .name{font-size:13px;font-weight:300}.filter-edit-modal .left .list .list-inner .item .remove{display:flex}.filter-edit-modal .left .list .list-inner .item .remove svg{margin:auto;width:15px;height:15px}.filter-edit-modal .right{flex:1;overflow:hidden;display:flex}.filter-edit-modal .right .empty{margin:auto}