#dark .isLight,
:root,
:root .isLight,
:root[dark] .isLight {
	--color-primary: #fe2c55;
	--color-primary-hover: #f22a51;
	--color-primary-active: #e5284d;
	--color-primary-disabled: rgba(254, 44, 85, .4);
	--color-success: #13c15a;
	--color-danger: #fe3824;
	--color-warning: #ffe601;
	--overlay-bg: #e7e7ec;
	--overlay-bg-hover: #e2e2e7;
	--overlay-bg-active: #dadbe2;
	--overlay-bg-disabled: rgba(229, 229, 234, .4);
	--color-assist: #00faf0;
	--color-text-0: #2f3035;
	--color-text-1: rgba(47, 48, 53, .9);
	--color-text-2: rgba(47, 48, 53, .7);
	--color-text-3: rgba(47, 48, 53, .4);
	--color-text-4: #fff;
	--color-text-0-hover: #000;
	--color-border: #f1f2f5;
	--color-shadow1: rgba(0, 0, 0, .04);
	--color-shadow2: rgba(0, 0, 0, .1);
	--shadow-1: 0 0 24px rgba(0, 0, 0, .1);
	--shadow-2: 0 0 24px rgba(0, 0, 0, .2);
	--mask1: rgba(0, 0, 0, .3);
	--mask2: rgba(0, 0, 0, .8);
	--mask3: rgba(0, 0, 0, .6);
	--mask-video: rgba(0, 0, 0, .7);
	--color-bg-0: #fff;
	--color-bg-1: #f8f9fd;
	--color-bg-2: #eff0f3;
	--color-bg-3: #323442;
	--color-transparent: hsla(0, 0%, 100%, 0);
	--color-navigation-bg: #f1f2f5;
	--color-page-bg: #fff;
	--color-logo: #111;
	--color-anti-white: #fff;
	--color-bg-panel-drawer: #f8f9fd;
	--color-bg-skeleton-stroke: rgba(231, 231, 236, .3);
	--logo-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBkPSJNMTEuNjQgMTMuNDM0di0xLjMxYy0uNDU2LS4wNTUtLjkxMS0uMDkyLTEuMzg1LS4wOTItNS42NDcgMC0xMC4yNTYgNC41ODgtMTAuMjU2IDEwLjI1IDAgMy40NiAxLjczIDYuNTM3IDQuMzcyIDguMzk0YTEwLjE3NyAxMC4xNzcgMCAwIDEtMi43NS02Ljk3M2MuMDE4LTUuNTkgNC40OC0xMC4xNDEgMTAuMDE4LTEwLjI2OVoiIGZpbGw9IiMwMEZBRjAiLz48cGF0aCBkPSJNMTEuODc3IDI4LjM0NWE0LjY3NSA0LjY3NSAwIDAgMCA0LjY2My00LjQ5N1YxLjU0NWg0LjA4YTcuMjI2IDcuMjI2IDAgMCAxLS4xMjctMS40MmgtNS41NzR2MjIuMzAzYTQuNjc1IDQuNjc1IDAgMCAxLTQuNjY0IDQuNDk3Yy0uNzgzIDAtMS41My0uMi0yLjE2Ny0uNTQ2YTQuNjQ0IDQuNjQ0IDAgMCAwIDMuNzg5IDEuOTY2Wk0yOC4yNTEgOS4xMlY3Ljg4YTcuNjgzIDcuNjgzIDAgMCAxLTQuMjI2LTEuMjU2IDcuOTE2IDcuOTE2IDAgMCAwIDQuMjI2IDIuNDk0WiIgZmlsbD0iIzAwRkFGMCIvPjxwYXRoIGQ9Ik0yNC4wNDUgNi42MjVhNy43MjEgNy43MjEgMCAwIDEtMS45MTMtNS4wOGgtMS40OTRhNy44MzYgNy44MzYgMCAwIDAgMy40MDcgNS4wOFpNMTAuMjU1IDE3LjU4NWE0LjY3OSA0LjY3OSAwIDAgMC00LjY4MiA0LjY3OWMwIDEuODAyIDEuMDIgMy4zNSAyLjUxNCA0LjEzM2E0LjcwNyA0LjcwNyAwIDAgMS0uODkyLTIuNzMxIDQuNjc5IDQuNjc5IDAgMCAxIDQuNjgxLTQuNjhjLjQ3NCAwIC45NDguMDczIDEuMzg1LjIxOXYtNS42OGMtLjQ1Ni0uMDU1LS45MTEtLjA5MS0xLjM4NS0uMDkxaC0uMjM2djQuMzdhNC4zMjYgNC4zMjYgMCAwIDAtMS4zODUtLjIyWiIgZmlsbD0iI0ZGMDA1MCIvPjxwYXRoIGQ9Ik0yOC4yNTIgOS4xMnY0LjMzMmMtMi44OTYgMC01LjU1Ni0uOTI4LTcuNzQyLTIuNDk0djExLjMwNmMwIDUuNjQ0LTQuNTkgMTAuMjUtMTAuMjU1IDEwLjI1LTIuMTg2IDAtNC4yMDgtLjY5MS01Ljg2Ni0xLjg1NyAxLjg3NiAyLjAwMyA0LjUzNiAzLjI3NyA3LjUwNSAzLjI3NyA1LjY0NyAwIDEwLjI1Ni00LjU4NyAxMC4yNTYtMTAuMjVWMTIuMzc4YTEzLjI2OCAxMy4yNjggMCAwIDAgNy43NDIgMi40OTR2LTUuNTdhOS42MTYgOS42MTYgMCAwIDEtMS42NC0uMTgzWiIgZmlsbD0iI0ZGMDA1MCIvPjxwYXRoIGQ9Ik0yMC41MSAyMi4yNjVWMTAuOTU5YTEzLjI2OCAxMy4yNjggMCAwIDAgNy43NDEgMi40OTRWOS4xMmE3Ljg1IDcuODUgMCAwIDEtNC4yMjYtMi40OTQgNy42NiA3LjY2IDAgMCAxLTMuMzg4LTUuMDhoLTQuMDh2MjIuMzAzYTQuNjc1IDQuNjc1IDAgMCAxLTQuNjY0IDQuNDk3IDQuNjI1IDQuNjI1IDAgMCAxLTMuNzg5LTEuOTQ4IDQuNjc4IDQuNjc4IDAgMCAxLTIuNTE0LTQuMTMzIDQuNjc5IDQuNjc5IDAgMCAxIDQuNjgyLTQuNjhjLjQ3MyAwIC45NDcuMDc0IDEuMzg0LjIydi00LjM3Yy01LjUzOC4xMjctMTAgNC42NzktMTAgMTAuMjMyIDAgMi42OTQgMS4wMzggNS4xNTIgMi43NSA2Ljk3M2ExMC4yMTEgMTAuMjExIDAgMCAwIDUuODY2IDEuODU3YzUuNjI5LjAxOCAxMC4yMzctNC41ODggMTAuMjM3LTEwLjIzMlpNNDEuOTQ3IDYuMTAzSDM5LjNWOS45OWgtMy4wNzZ2Mi42NDdoMy4wNzZ2NS4zOTZsLTMuMDc2LjQ0OHYyLjc5bDMuMDc2LS40NDh2NC42MjFhLjY3OC42NzggMCAwIDEtLjY3Mi42NzJoLTIuMjJ2Mi42NDdoMy4zMmMxLjIyMiAwIDIuMjItLjk5NyAyLjIyLTIuMjE5di02LjEwOGwyLjY5LS40MDhWMTcuMjRsLTIuNjkuNDA3VjEyLjY2aDIuNjl2LTIuNjQ3aC0yLjY5di0zLjkxWk01Ni45NDUgNi4xMDNoLTIuNjI4djEzLjgyNWwtOC43Mi43NTN2Mi43OWw4LjcyLS43MzN2Ni4yMWgyLjYyOHYtNi40NTVsMi42OS0uMjQ0di0yLjc5bC0yLjY5LjI0NVY2LjEwM1oiIGZpbGw9IiMxMTEiLz48cGF0aCBkPSJtNTIuOTUxIDkuMTc4LTYuMjU0LTEuMTJ2Mi44MWw2LjI1NCAxLjF2LTIuNzlaTTUyLjk1MSAxNC45OGwtNi4yNTQtMS4xMnYyLjgxbDYuMjU0IDEuMTJ2LTIuODFaTTgxLjEyNCAxMy44MmwuNDA3LTIuMTU4aC0yLjc5bC0uNDI4IDIuMTU4aC03LjI5NGwtLjMyNi0yLjE1OGgtMi44MTFsLjM0NiAyLjE1OGgtNS4yOTZ2Mi41ODZoMjMuMzY2VjEzLjgyaC01LjE3NFpNODUuNTY1IDcuOTM1aC04Ljg2MmwtLjQ0OC0xLjgzMmgtMy40NDNsLjQ0OCAxLjgzMmgtOS41OTV2Mi41NjZoMjEuOVY3LjkzNVpNODEuOTYgMTguM0g2Ny4yN2MtMS4yMjIgMC0yLjIyLjk5OC0yLjIyIDIuMjJ2Ni4wNDdjMCAxLjIyMi45OTggMi4yMiAyLjIyIDIuMjJoMTQuNjg4YzEuMjIyIDAgMi4yMi0uOTk4IDIuMjItMi4yMlYyMC41MmMwLTEuMjIxLS45NzctMi4yMi0yLjIyLTIuMjJabS0xMy43NTIgMi40MDNoMTIuODM1Yy4zNjYgMCAuNjcyLjMwNi42NzIuNjcydjEuMDhINjcuNTU2di0xLjA4YS42MzYuNjM2IDAgMCAxIC42NTItLjY3MlptMTIuODM1IDUuNzAxSDY4LjIwOGEuNjc4LjY3OCAwIDAgMS0uNjcyLS42NzF2LTEuMWgxNC4xNTh2MS4xYS42Ni42NiAwIDAgMS0uNjUxLjY3MVoiIGZpbGw9IiMxMTEiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4xMjUpIiBkPSJNMCAwaDkwLjY2N3YzMy44NzVIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat;
	--logo-small-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjY0IDEzLjQzNHYtMS4zMWMtLjQ1NS0uMDU1LS45MS0uMDkyLTEuMzg0LS4wOTJDNC42MDkgMTIuMDMyIDAgMTYuNjIgMCAyMi4yODJjMCAzLjQ2IDEuNzMgNi41MzcgNC4zNzIgOC4zOTRhMTAuMTc3IDEwLjE3NyAwIDAgMS0yLjc1LTYuOTczYy4wMTctNS41OSA0LjQ4LTEwLjE0MSAxMC4wMTgtMTAuMjY5WiIgZmlsbD0iIzAwRkFGMCIvPjxwYXRoIGQ9Ik0xMS44NzcgMjguMzQ1YTQuNjc1IDQuNjc1IDAgMCAwIDQuNjY0LTQuNDk3VjEuNTQ1aDQuMDhhNy4yMjYgNy4yMjYgMCAwIDEtLjEyNy0xLjQyaC01LjU3NXYyMi4zMDNhNC42NzUgNC42NzUgMCAwIDEtNC42NjMgNC40OTdjLS43ODMgMC0xLjUzLS4yLTIuMTY4LS41NDZhNC42NDQgNC42NDQgMCAwIDAgMy43OSAxLjk2NlpNMjguMjUyIDkuMTJWNy44OGE3LjY4MyA3LjY4MyAwIDAgMS00LjIyNi0xLjI1NiA3LjkxNiA3LjkxNiAwIDAgMCA0LjIyNiAyLjQ5NFoiIGZpbGw9IiMwMEZBRjAiLz48cGF0aCBkPSJNMjQuMDQ2IDYuNjI1YTcuNzIgNy43MiAwIDAgMS0xLjkxMy01LjA4aC0xLjQ5NGE3LjgzNSA3LjgzNSAwIDAgMCAzLjQwNyA1LjA4Wk0xMC4yNTYgMTcuNTg1YTQuNjc5IDQuNjc5IDAgMCAwLTQuNjgyIDQuNjc5YzAgMS44MDIgMS4wMiAzLjM1IDIuNTE0IDQuMTMzYTQuNzA3IDQuNzA3IDAgMCAxLS44OTMtMi43MzEgNC42NzkgNC42NzkgMCAwIDEgNC42ODItNC42OGMuNDc0IDAgLjk0Ny4wNzMgMS4zODQuMjE5di01LjY4Yy0uNDU1LS4wNTUtLjkxLS4wOTEtMS4zODQtLjA5MWgtLjIzN3Y0LjM3YTQuMzI1IDQuMzI1IDAgMCAwLTEuMzg0LS4yMloiIGZpbGw9IiNGRjAwNTAiLz48cGF0aCBkPSJNMjguMjUzIDkuMTJ2NC4zMzJjLTIuODk2IDAtNS41NTYtLjkyOC03Ljc0Mi0yLjQ5NHYxMS4zMDZjMCA1LjY0NC00LjU5IDEwLjI1LTEwLjI1NiAxMC4yNS0yLjE4NiAwLTQuMjA4LS42OTEtNS44NjUtMS44NTcgMS44NzYgMi4wMDMgNC41MzUgMy4yNzcgNy41MDUgMy4yNzcgNS42NDcgMCAxMC4yNTYtNC41ODcgMTAuMjU2LTEwLjI1VjEyLjM3OGExMy4yNjggMTMuMjY4IDAgMCAwIDcuNzQxIDIuNDk0di01LjU3YTkuNjEzIDkuNjEzIDAgMCAxLTEuNjM5LS4xODNaIiBmaWxsPSIjRkYwMDUwIi8+PHBhdGggZD0iTTIwLjUxIDIyLjI2NVYxMC45NTlhMTMuMjY4IDEzLjI2OCAwIDAgMCA3Ljc0MiAyLjQ5NFY5LjEyYTcuODUgNy44NSAwIDAgMS00LjIyNi0yLjQ5NCA3LjY2IDcuNjYgMCAwIDEtMy4zODgtNS4wOGgtNC4wOHYyMi4zMDNhNC42NzUgNC42NzUgMCAwIDEtNC42NjQgNC40OTcgNC42MjUgNC42MjUgMCAwIDEtMy43OS0xLjk0OCA0LjY3OCA0LjY3OCAwIDAgMS0yLjUxMy00LjEzMyA0LjY3OSA0LjY3OSAwIDAgMSA0LjY4Mi00LjY4Yy40NzMgMCAuOTQ3LjA3NCAxLjM4NC4yMnYtNC4zN2MtNS41MzguMTI3LTEwIDQuNjc5LTEwIDEwLjIzMiAwIDIuNjk0IDEuMDM4IDUuMTUyIDIuNzUgNi45NzNhMTAuMjEgMTAuMjEgMCAwIDAgNS44NjYgMS44NTdjNS42MjguMDE4IDEwLjIzNy00LjU4OCAxMC4yMzctMTAuMjMyWiIgZmlsbD0iIzExMSIvPjwvc3ZnPg==) no-repeat;
	--icon-close: url(//lf3-static.bytednsdoc.com/obj/eden-cn/deh7uhbfpznuhd/douyin-web/img/images/icon-close.svg)
}

#dark,
:root .isDark,
:root[dark] {
	--color-primary: #fe2c55;
	--color-primary-hover: #f22a51;
	--color-primary-active: #e5284d;
	--color-primary-disabled: rgba(254, 44, 85, .4);
	--color-success: #13c15a;
	--color-danger: #fe3824;
	--color-warning: #ffe601;
	--overlay-bg: #363741;
	--overlay-bg-hover: #31323a;
	--overlay-bg-active: #2b2c34;
	--overlay-bg-disabled: rgba(229, 229, 234, .03);
	--color-assist: #00faf0;
	--color-text-0: hsla(0, 0%, 100%, .9);
	--color-text-1: hsla(0, 0%, 100%, .8);
	--color-text-2: hsla(0, 0%, 100%, .7);
	--color-text-3: hsla(0, 0%, 100%, .5);
	--color-text-4: hsla(0, 0%, 100%, .35);
	--color-text-0-hover: #fff;
	--color-border: hsla(0, 0%, 100%, .03);
	--color-shadow1: rgba(0, 0, 0, .6);
	--color-shadow2: rgba(0, 0, 0, .9);
	--shadow-1: 0 0 24px rgba(0, 0, 0, .4);
	--shadow-2: 0 0 24px #000;
	--mask1: rgba(0, 0, 0, .85);
	--mask2: rgba(0, 0, 0, .9);
	--mask3: rgba(0, 0, 0, .6);
	--mask-video: rgba(0, 0, 0, .2);
	--color-bg-0: #252632;
	--color-bg-1: #2e2f3b;
	--color-bg-2: #292b35;
	--color-bg-3: #40424b;
	--color-transparent: hsla(0, 0%, 100%, 0);
	--color-navigation-bg: #060716;
	--color-page-bg: #161722;
	--color-logo: #fff;
	--color-anti-white: #fff;
	--color-bg-panel-drawer: #20212c;
	--color-bg-skeleton-stroke: rgba(231, 231, 236, .03);
	--logo-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTEiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48ZyBjbGlwLXBhdGg9InVybCgjYikiPjxwYXRoIGQ9Ik0xMS42NCAxMy40MzN2LTEuMzFjLS40NTYtLjA1NS0uOTExLS4wOTEtMS4zODUtLjA5MS01LjY0NyAwLTEwLjI1NiA0LjU4Ny0xMC4yNTYgMTAuMjUgMCAzLjQ1OSAxLjczIDYuNTM2IDQuMzcyIDguMzkzYTEwLjE3NyAxMC4xNzcgMCAwIDEtMi43NS02Ljk3M2MuMDE4LTUuNTkgNC40OC0xMC4xNDEgMTAuMDE4LTEwLjI2OVoiIGZpbGw9IiMwMEZBRjAiLz48cGF0aCBkPSJNMTEuODc3IDI4LjM0NWE0LjY3NSA0LjY3NSAwIDAgMCA0LjY2My00LjQ5N1YxLjU0NWg0LjA4YTcuMjI2IDcuMjI2IDAgMCAxLS4xMjctMS40MmgtNS41NzR2MjIuMzAzYTQuNjc1IDQuNjc1IDAgMCAxLTQuNjY0IDQuNDk3Yy0uNzgzIDAtMS41My0uMi0yLjE2Ny0uNTQ3YTQuNjQzIDQuNjQzIDAgMCAwIDMuNzg5IDEuOTY3Wk0yOC4yNTEgOS4xMTlWNy44OGE3LjY4MyA3LjY4MyAwIDAgMS00LjIyNi0xLjI1NiA3LjkxNiA3LjkxNiAwIDAgMCA0LjIyNiAyLjQ5NFoiIGZpbGw9IiMwMEZBRjAiLz48cGF0aCBkPSJNMjQuMDQ1IDYuNjI2YTcuNzIxIDcuNzIxIDAgMCAxLTEuOTEzLTUuMDhoLTEuNDk0YTcuODM2IDcuODM2IDAgMCAwIDMuNDA3IDUuMDhaTTEwLjI1NSAxNy41ODVhNC42NzkgNC42NzkgMCAwIDAtNC42ODIgNC42NzljMCAxLjgwMiAxLjAyIDMuMzUgMi41MTQgNC4xMzNhNC43MDcgNC43MDcgMCAwIDEtLjg5Mi0yLjczMSA0LjY3OSA0LjY3OSAwIDAgMSA0LjY4MS00LjY4Yy40NzQgMCAuOTQ4LjA3MyAxLjM4NS4yMTl2LTUuNjhjLS40NTYtLjA1NS0uOTExLS4wOTEtMS4zODUtLjA5MWgtLjIzNnY0LjM3YTQuMzI2IDQuMzI2IDAgMCAwLTEuMzg1LS4yMloiIGZpbGw9IiNGRTJDNTUiLz48cGF0aCBkPSJNMjguMjUyIDkuMTE5djQuMzMzYy0yLjg5NiAwLTUuNTU2LS45MjktNy43NDItMi40OTR2MTEuMzA2YzAgNS42NDQtNC41OSAxMC4yNS0xMC4yNTUgMTAuMjUtMi4xODYgMC00LjIwOC0uNjkyLTUuODY2LTEuODU3IDEuODc2IDIuMDAzIDQuNTM2IDMuMjc3IDcuNTA1IDMuMjc3IDUuNjQ3IDAgMTAuMjU2LTQuNTg4IDEwLjI1Ni0xMC4yNVYxMi4zNzhhMTMuMjY4IDEzLjI2OCAwIDAgMCA3Ljc0MiAyLjQ5NFY5LjMwMWE5LjYxNiA5LjYxNiAwIDAgMS0xLjY0LS4xODJaIiBmaWxsPSIjRkUyQzU1Ii8+PHBhdGggZD0iTTIwLjUxIDIyLjI2NFYxMC45NThhMTMuMjY4IDEzLjI2OCAwIDAgMCA3Ljc0MSAyLjQ5NFY5LjEyYTcuODUgNy44NSAwIDAgMS00LjIyNi0yLjQ5NCA3LjY2IDcuNjYgMCAwIDEtMy4zODgtNS4wOGgtNC4wOHYyMi4zMDNhNC42NzUgNC42NzUgMCAwIDEtNC42NjQgNC40OTcgNC42MjUgNC42MjUgMCAwIDEtMy43ODktMS45NDggNC42NzggNC42NzggMCAwIDEtMi41MTQtNC4xMzMgNC42NzkgNC42NzkgMCAwIDEgNC42ODItNC42NzljLjQ3MyAwIC45NDcuMDczIDEuMzg0LjIxOHYtNC4zNjljLTUuNTM4LjEyNy0xMCA0LjY3OS0xMCAxMC4yMzIgMCAyLjY5NCAxLjAzOCA1LjE1MiAyLjc1IDYuOTczYTEwLjIxIDEwLjIxIDAgMCAwIDUuODY2IDEuODU3YzUuNjI5LjAxOCAxMC4yMzctNC41ODggMTAuMjM3LTEwLjIzMlpNNDEuOTQ3IDYuMTAzSDM5LjN2My44ODloLTMuMDc2djIuNjQ3aDMuMDc2djUuMzk2bC0zLjA3Ni40NDh2Mi43ODlsMy4wNzYtLjQ0OHY0LjYyMmEuNjc4LjY3OCAwIDAgMS0uNjcyLjY3MmgtMi4yMnYyLjY0N2gzLjMyYzEuMjIyIDAgMi4yMi0uOTk4IDIuMjItMi4yMnYtNi4xMDhsMi42OS0uNDA3di0yLjc5bC0yLjY5LjQwOHYtNC45ODloMi42OXYtMi42NDdoLTIuNjlWNi4xMDNaTTU2Ljk0NSA2LjEwM2gtMi42Mjh2MTMuODI1bC04LjcyLjc1M3YyLjc5bDguNzItLjczM3Y2LjIxaDIuNjI4di02LjQ1NWwyLjY5LS4yNDR2LTIuNzlsLTIuNjkuMjQ1VjYuMTAzWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im01Mi45NTEgOS4xNzgtNi4yNTQtMS4xMnYyLjgxbDYuMjU0IDEuMXYtMi43OVpNNTIuOTUxIDE0Ljk4bC02LjI1NC0xLjEydjIuODFsNi4yNTQgMS4xMnYtMi44MVpNODEuMTI0IDEzLjgybC40MDctMi4xNThoLTIuNzlsLS40MjggMi4xNThoLTcuMjk0bC0uMzI2LTIuMTU4aC0yLjgxMWwuMzQ2IDIuMTU4aC01LjI5NnYyLjU4NmgyMy4zNjZWMTMuODJoLTUuMTc0Wk04NS41NjUgNy45MzVoLTguODYybC0uNDQ4LTEuODMyaC0zLjQ0M2wuNDQ4IDEuODMyaC05LjU5NXYyLjU2NmgyMS45VjcuOTM1Wk04MS45NiAxOC4zSDY3LjI3Yy0xLjIyMiAwLTIuMjIuOTk4LTIuMjIgMi4yMnY2LjA0N2MwIDEuMjIyLjk5OCAyLjIyIDIuMjIgMi4yMmgxNC42ODhjMS4yMjIgMCAyLjIyLS45OTggMi4yMi0yLjIyVjIwLjUyYzAtMS4yMjItLjk3Ny0yLjIyLTIuMjItMi4yMlptLTEzLjc1MiAyLjQwM2gxMi44MzVjLjM2NiAwIC42NzIuMzA2LjY3Mi42NzJ2MS4wOEg2Ny41NTZ2LTEuMDhhLjYzNi42MzYgMCAwIDEgLjY1Mi0uNjcyWm0xMi44MzUgNS43MDFINjguMjA4YS42NzguNjc4IDAgMCAxLS42NzItLjY3MnYtMS4xaDE0LjE1OHYxLjFhLjY2LjY2IDAgMCAxLS42NTEuNjcyWiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDkwLjY2N3YzNEgweiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJiIj48cGF0aCBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4xMjUpIiBkPSJNMCAwaDkwLjY2N3YzMy44NzVIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=) no-repeat;
	--logo-small-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjY0IDEzLjQzM3YtMS4zMWMtLjQ1Ni0uMDU1LS45MTEtLjA5MS0xLjM4NS0uMDkxLTUuNjQ3IDAtMTAuMjU2IDQuNTg3LTEwLjI1NiAxMC4yNSAwIDMuNDU5IDEuNzMgNi41MzYgNC4zNzIgOC4zOTNhMTAuMTc3IDEwLjE3NyAwIDAgMS0yLjc1LTYuOTczYy4wMTgtNS41OSA0LjQ4LTEwLjE0MSAxMC4wMTgtMTAuMjY5WiIgZmlsbD0iIzAwRkFGMCIvPjxwYXRoIGQ9Ik0xMS44NzcgMjguMzQ1YTQuNjc1IDQuNjc1IDAgMCAwIDQuNjYzLTQuNDk3VjEuNTQ1aDQuMDhhNy4yMjYgNy4yMjYgMCAwIDEtLjEyNy0xLjQyaC01LjU3NHYyMi4zMDNhNC42NzUgNC42NzUgMCAwIDEtNC42NjQgNC40OTdjLS43ODMgMC0xLjUzLS4yLTIuMTY3LS41NDdhNC42NDQgNC42NDQgMCAwIDAgMy43ODkgMS45NjdaTTI4LjI1MSA5LjExOVY3Ljg4YTcuNjgzIDcuNjgzIDAgMCAxLTQuMjI2LTEuMjU3IDcuOTE2IDcuOTE2IDAgMCAwIDQuMjI2IDIuNDk1WiIgZmlsbD0iIzAwRkFGMCIvPjxwYXRoIGQ9Ik0yNC4wNDUgNi42MjZhNy43MjEgNy43MjEgMCAwIDEtMS45MTMtNS4wOGgtMS40OTRhNy44MzYgNy44MzYgMCAwIDAgMy40MDcgNS4wOFpNMTAuMjU1IDE3LjU4NWE0LjY3OSA0LjY3OSAwIDAgMC00LjY4MiA0LjY3OWMwIDEuODAyIDEuMDIgMy4zNSAyLjUxNCA0LjEzM2E0LjcwNyA0LjcwNyAwIDAgMS0uODkyLTIuNzMxIDQuNjc5IDQuNjc5IDAgMCAxIDQuNjgxLTQuNjhjLjQ3NCAwIC45NDguMDczIDEuMzg1LjIxOXYtNS42OGMtLjQ1Ni0uMDU1LS45MTEtLjA5MS0xLjM4NS0uMDkxaC0uMjM2djQuMzdhNC4zMjMgNC4zMjMgMCAwIDAtMS4zODUtLjIyWiIgZmlsbD0iI0ZFMkM1NSIvPjxwYXRoIGQ9Ik0yOC4yNTIgOS4xMTl2NC4zMzNjLTIuODk2IDAtNS41NTYtLjkyOS03Ljc0Mi0yLjQ5NHYxMS4zMDZjMCA1LjY0NC00LjU5IDEwLjI1LTEwLjI1NSAxMC4yNS0yLjE4NiAwLTQuMjA4LS42OTItNS44NjYtMS44NTcgMS44NzYgMi4wMDMgNC41MzYgMy4yNzcgNy41MDUgMy4yNzcgNS42NDcgMCAxMC4yNTYtNC41ODggMTAuMjU2LTEwLjI1VjEyLjM3OGExMy4yNjkgMTMuMjY5IDAgMCAwIDcuNzQyIDIuNDk0VjkuMzAxYTkuNjE2IDkuNjE2IDAgMCAxLTEuNjQtLjE4MloiIGZpbGw9IiNGRTJDNTUiLz48cGF0aCBkPSJNMjAuNTEgMjIuMjY0VjEwLjk1OGExMy4yNjggMTMuMjY4IDAgMCAwIDcuNzQxIDIuNDk0VjkuMTJhNy44NSA3Ljg1IDAgMCAxLTQuMjI2LTIuNDk0IDcuNjYgNy42NiAwIDAgMS0zLjM4OC01LjA4aC00LjA4djIyLjMwM2E0LjY3NSA0LjY3NSAwIDAgMS00LjY2NCA0LjQ5NyA0LjYyNSA0LjYyNSAwIDAgMS0zLjc4OS0xLjk0OCA0LjY3OCA0LjY3OCAwIDAgMS0yLjUxNC00LjEzMyA0LjY3OSA0LjY3OSAwIDAgMSA0LjY4Mi00LjY3OWMuNDczIDAgLjk0Ny4wNzMgMS4zODQuMjE4di00LjM3Yy01LjUzOC4xMjgtMTAgNC42OC0xMCAxMC4yMzMgMCAyLjY5NCAxLjAzOCA1LjE1MiAyLjc1IDYuOTczYTEwLjIxMSAxMC4yMTEgMCAwIDAgNS44NjYgMS44NTdjNS42MjkuMDE4IDEwLjIzNy00LjU4OCAxMC4yMzctMTAuMjMyWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat;
	--icon-close: url(//lf3-static.bytednsdoc.com/obj/eden-cn/deh7uhbfpznuhd/douyin-web/img/images/icon-close-dark.svg)
}

:root {
	--player-background: rgba(0, 0, 0, .7)
}

.isDark,
.isLight,
:root[video-opacity] {
	--player-background: rgba(0, 0, 0, .2)
}

html {
	background: var(--color-page-bg)
}

body,
html {
	margin: 0;
	padding: 0
}

body {
	overflow-y: overlay
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body {
	min-width: 768px
}

ul li {
	display: inline-block;
	list-style: none
}

svg {
	vertical-align: middle
}

a {
	color: inherit;
	text-decoration: none
}

* {
	scrollbar-color: #e7e7ec transparent;
	scrollbar-width: thin
}

::-webkit-scrollbar {
	height: 6px;
	width: 6px
}

::-webkit-scrollbar-track {
	background: transparent;
	width: 12px
}

::-webkit-scrollbar-corner {
	background-color: transparent
}

::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 4px;
	-webkit-transition: all 1s;
	transition: all 1s;
	width: 16px
}

::-webkit-scrollbar-thumb:hover,
:hover::-webkit-scrollbar-thumb {
	background: #e7e7ec;
	background: var(--overlay-bg)
}

body,
body>div:first-child,
html {
	height: 100%
}