canvas{display:block}body{overscroll-behavior:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-dark{--background-color: #191919;--panel-color: #282828;--active-background: #1A1B1B;--primary-color: #7b42ff;--primary-second-color: #6668FF;--primary-acitve-color: #00C79D;--link-color: #00DFB0;--text-color: #B4B4B4;--text-second-color: #969696;--text-third-color: #646464;--disabled-color: #4B4B4B;--material-body-padding: 19px;--error-color: #FC4E00;--warning-color: #FF9800;--antd-arrow-background-color: #323232;--zen-color-1: #282828;--zen-color-2: #323232;--zen-color-3: #B4B4B4;--zen-color-4: #1E1E1E;--zen-color-5: #00dfb0;--zen-color-6: #191919;--zen-color-7: #B4B4B4;--zen-color-8: #282828;--zen-color-9: #7d7d7d;--zen-color-10: #E0E0E0;--zen-color-11: #7d7d7d;--zen-color-12: #7d7d7d;--zen-color-13: #ffffff;--zen-color-14: #646464;--zen-color-15: #191919;--zen-color-16: #B4B4B4;--zen-color-17: #4D4D4D;--zen-color-18: #4B4B4B;--zen-publish-text-color: #646464;--zen-publish-active-color: #00DFB0;--zen-publish-border-color: #646464;--zen-publish-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/publish_user_selected_dark.svg);--zen-payment-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/payment_user_selected_light.svg);--zen-scrollbar-width: 6px;--zen-scrollbar-border-width: 0px;--zen-scrollbar-border-radius: 0px;--zen-scrollbar-track-bg: var(--zen-color-2);--zen-scrollbar-thumb-bg: var(--zen-color-18)}.theme-light{--primary-rgb: #7b42ff;--primary-color: #4E50F6;--primary-hover-color: rgba(var(--primary-rgb), .8);--body-color: #F5F5F5;--danger-color: #f5584c;--text-color: #191919;--text-second-color: #4D4D4D;--text-third-color: #808080;--error-color: #F5584C;--warning-color: #F5584C;--zen-color-1: #ffffff;--zen-color-2: #F5F5F5;--zen-color-3: #E0E0E0;--zen-color-4: #F5F5F5;--zen-color-5: #ffffff;--zen-color-6: rgba(0, 204, 162, .1);--zen-color-7: #4d4d4d;--zen-color-8: #F5F5F5;--zen-color-9: #e0e0e0;--zen-color-10: #4D4D4D;--zen-color-11: #4D4D4D;--zen-color-12: #808080;--zen-color-13: #191919;--zen-color-14: #808080;--zen-color-15: #ffffff;--zen-color-16: #B3B3B3;--zen-color-17: #E0E0E0;--zen-color-18: #E0E0E0;--zen-publish-text-color: #4D4D4D;--zen-publish-active-color: #00CCA2;--zen-publish-border-color: #B3B3B3;--zen-publish-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/publish_user_selected_light.svg);--zen-payment-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/payment_user_selected_light.svg);--zen-scrollbar-width: 14px;--zen-scrollbar-border-width: 4px;--zen-scrollbar-border-radius: 7px;--zen-scrollbar-track-bg: transparent;--zen-scrollbar-thumb-bg: var(--zen-color-18);--primary-theme-color: #6247F1;--primary-theme-hover-color: #5941BE;--second-theme-color: #E776C5;--primary-theme-gradient-color: linear-gradient(92deg, #6247F1 15%, #D775FF 100%);--primary-theme-gradient-hover-color: linear-gradient(90deg, #4E39C1 0%, #9E58CA 100%);--primary-theme-gradient-disable-color: linear-gradient(0deg, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .6) 100%), linear-gradient(92deg, #6247F1 15%, #E776C5 100%);--primary-theme-gradient-background-img: linear-gradient(to bottom, transparent, #FFF), linear-gradient(to right, #EAE4FF, #F4E0FF);--banner-color: linear-gradient(282deg, #ded9ff 0%, #e1f0fe 100%);--banner-tab-shadow: 0 12px 24px #7044ff4d;--account-avator-color: linear-gradient(131deg, #e7e6fc 8.16%, #e9eefd 124.71%);--primary-theme-player-color: #cec9f8;--primary-theme-music-bg-color: #f7f6ff;--primary-theme-gradient-card-color: linear-gradient(0deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .9) 100%), linear-gradient(92deg, #6247F1 15%, #E776C5 100%);--primary-theme-card-color: linear-gradient(0deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .9) 100%), linear-gradient(313deg, #6247F1 15%, #E776C5 100%);--primary-theme-card-border-color: linear-gradient(282deg, rgba(231, 184, 224), rgba(178, 166, 239));--primary-theme-talking-bubble-bg-color: #e7e4fc;--primary-theme-talking-tag-bg-color: #efedfd;--color-text-primary: rgba(0, 1, 10, .93);--color-text-secondary: rgba(3, 10, 38, .65);--color-text-caption: rgba(1, 11, 50, .41);--color-text-subtitle: #818999;--color-text-disable: rgba(6, 21, 66, .2);--color-text-white: #ffffff;--color-text-black: #000000;--color-border-normal: rgba(17, 32, 70, .13);--color-border-hover: rgba(6, 21, 66, .2);--radius-small: 3px;--radius-medium: 6px;--radius-large: 12px;--radius-round: 9999px;--spacing-none: 0;--spacing-super-tight: 2px;--spacing-tight: 4px;--spacing-base: 8px;--spacing-base: 12px;--spacing-loose: 16px;--spacing-quite-loose: 20px;--spacing-extra-loose: 24px;--spacing-super-loose: 32px;--spacing-ultra-loose: 48px;--spacing-super-loose-large: 64px;--shadow-small: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 2px 0px rgba(18, 19, 26, .08), 0px 2px 4px 0px rgba(18, 19, 26, .08);--shadow-medium: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 4px 0px rgba(18, 19, 26, .08), 0px 6px 12px 0px rgba(18, 19, 26, .12);--shadow-large: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 8px 0px rgba(18, 19, 26, .08), 0px 16px 32px 0px rgba(18, 19, 26, .16);--shadow-small-light: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 6px 0px rgba(18, 19, 26, .02), 0px 2px 12px 0px rgba(18, 19, 26, .04);--shadow-medium-light: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 12px 0px rgba(18, 19, 26, .04), 0px 8px 24px 0px rgba(18, 19, 26, .08);--shadow-home: rgba(64, 85, 128, .16) 0px 4px 12px;--hover-translateY: translateY(-4px);--hover-translateY-default: -4px}.common-light{--primary-rgb: #7b42ff;--primary-color: #4E50F6;--primary-hover-color: rgba(var(--primary-rgb), .8);--body-color: #F5F5F5;--danger-color: #f5584c;--text-color: #191919;--text-second-color: #4D4D4D;--text-third-color: #808080;--error-color: #F5584C;--warning-color: #F5584C;--zen-color-1: #ffffff;--zen-color-2: #F5F5F5;--zen-color-3: #E0E0E0;--zen-color-4: #F5F5F5;--zen-color-5: #ffffff;--zen-color-6: rgba(0, 204, 162, .1);--zen-color-7: #4d4d4d;--zen-color-8: #F5F5F5;--zen-color-9: #e0e0e0;--zen-color-10: #4D4D4D;--zen-color-11: #4D4D4D;--zen-color-12: #808080;--zen-color-13: #191919;--zen-color-14: #808080;--zen-color-15: #ffffff;--zen-color-16: #B3B3B3;--zen-color-17: #E0E0E0;--zen-color-18: #E0E0E0;--zen-publish-text-color: #4D4D4D;--zen-publish-active-color: #00CCA2;--zen-publish-border-color: #B3B3B3;--zen-publish-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/publish_user_selected_light.svg);--zen-payment-user-selected-url: url(//static-avatar.ivh.qcloud.com/images/payment_user_selected_light.svg);--zen-scrollbar-width: 14px;--zen-scrollbar-border-width: 4px;--zen-scrollbar-border-radius: 7px;--zen-scrollbar-track-bg: transparent;--zen-scrollbar-thumb-bg: var(--zen-color-18);--color-text-primary: rgba(0, 1, 10, .93);--color-text-secondary: rgba(3, 10, 38, .65);--color-text-caption: rgba(1, 11, 50, .41);--color-text-subtitle: #818999;--color-text-disable: rgba(6, 21, 66, .2);--color-text-white: #ffffff;--color-text-black: #000000;--color-border-normal: rgba(17, 32, 70, .13);--color-border-hover: rgba(6, 21, 66, .2);--radius-small: 3px;--radius-medium: 6px;--radius-large: 12px;--radius-round: 9999px;--spacing-none: 0;--spacing-super-tight: 2px;--spacing-tight: 4px;--spacing-base: 8px;--spacing-base: 12px;--spacing-loose: 16px;--spacing-quite-loose: 20px;--spacing-extra-loose: 24px;--spacing-super-loose: 32px;--spacing-ultra-loose: 48px;--spacing-super-loose-large: 64px;--shadow-small: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 2px 0px rgba(18, 19, 26, .08), 0px 2px 4px 0px rgba(18, 19, 26, .08);--shadow-medium: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 4px 0px rgba(18, 19, 26, .08), 0px 6px 12px 0px rgba(18, 19, 26, .12);--shadow-large: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 8px 0px rgba(18, 19, 26, .08), 0px 16px 32px 0px rgba(18, 19, 26, .16);--shadow-small-light: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 6px 0px rgba(18, 19, 26, .02), 0px 2px 12px 0px rgba(18, 19, 26, .04);--shadow-medium-light: 0px 0px 1px 0px rgba(18, 19, 26, .08), 0px 0px 12px 0px rgba(18, 19, 26, .04), 0px 8px 24px 0px rgba(18, 19, 26, .08);--shadow-home: rgba(64, 85, 128, .16) 0px 4px 12px;--hover-translateY: translateY(-4px);--hover-translateY-default: -4px}body ::-webkit-scrollbar{width:var(--zen-scrollbar-width);height:var(--zen-scrollbar-width)}body ::-webkit-scrollbar-track{width:var(--zen-scrollbar-width);background-color:var(--zen-scrollbar-track-bg);background-clip:content-box;border:var(--zen-scrollbar-border-width) solid transparent;border-radius:var(--zen-scrollbar-border-radius)}body ::-webkit-scrollbar-thumb{width:var(--zen-scrollbar-width);background-color:var(--zen-scrollbar-thumb-bg);background-clip:content-box;border:var(--zen-scrollbar-border-width) solid transparent;border-radius:var(--zen-scrollbar-border-radius)}body ::-webkit-scrollbar-track-piece,body ::-webkit-scrollbar-button,body ::-webkit-scrollbar-corner{background-color:transparent}@media screen and (min-width: 1280px){body{overflow-x:hidden}}body{--grail-scrollbar-width: 14px;--grail-scrollbar-border-width: 4px;--grail-scrollbar-border-radius: 7px;--grail-scrollbar-track-bg: transparent;--grail-scrollbar-thumb-bg: #E0E0E0}body.theme-dark{--grail-scrollbar-width: 6px;--grail-scrollbar-border-width: 0px;--grail-scrollbar-border-radius: 0px;--grail-scrollbar-track-bg: #323232;--grail-scrollbar-thumb-bg: #4B4B4B}body.theme-light.theme-aigc{--grail-scrollbar-width: 5px;--grail-scrollbar-border-width: 1px;--grail-scrollbar-border-radius: 3px;--grail-scrollbar-track-bg: transparent;--grail-scrollbar-thumb-bg: #E0E0E0}html body ::-webkit-scrollbar{width:var(--grail-scrollbar-width);height:var(--grail-scrollbar-width)}html body ::-webkit-scrollbar-track{width:var(--grail-scrollbar-width);background-color:var(--grail-scrollbar-track-bg);background-clip:content-box;border:var(--grail-scrollbar-border-width) solid transparent;border-radius:var(--grail-scrollbar-border-radius)}html body ::-webkit-scrollbar-thumb{width:var(--grail-scrollbar-width);background-color:var(--grail-scrollbar-thumb-bg);background-clip:content-box;border:var(--grail-scrollbar-border-width) solid transparent;border-radius:var(--grail-scrollbar-border-radius)}html body ::-webkit-scrollbar-track-piece,html body ::-webkit-scrollbar-button,html body ::-webkit-scrollbar-corner{background-color:transparent}html body ::-webkit-scrollbar-button{display:none}body{--grail-background-color: #f5f5f5;--grail-text-color: #191919;--grail-primary-color: #00cca2;--grail-header-height: 58px}body.theme-dark{--grail-background-color: #191919;--grail-text-color: #b4b4b4;--grail-primary-color: #00DFB0}html,body{background-color:var(--grail-background-color);color:var(--grail-text-color)}html a,body a{color:var(--grail-primary-color)}html a:hover,body a:hover{opacity:.8}html,body,#root{height:100%!important;min-height:100vh!important}.ant-btn-loading-icon-motion-leave{display:none!important}.ant-input-affix-wrapper{box-shadow:none!important}.ant-message{z-index:9999!important}@font-face{font-family:din-medium;font-weight:400;font-style:normal;src:url(./static/din-medium.30dababf.woff2) format("woff2"),url(./static/din-medium.cb07a4e5.woff) format("woff")}.vector-light .login_left_custom,.vector-light .register_left_custom{background:url(./static/login_bg_vector.b687ede0.png)}.vector-light .login .ant-btn-primary[disabled],.vector-light .register .ant-btn-primary[disabled]{background:linear-gradient(92.29deg,#8bc0ff 15%,#80e5ed)!important;opacity:1}.vector-light div[class*=ant-slider-handle]{background-image:url(./static/cursor_vector.43b8e7c0.svg)!important}