.wrapper[data-v-beba2e18] {
	text-decoration: none;
	width: 137px;
	height: 48px;
	border: 1px solid #fff;
	border-radius: 8px
}

.modal[data-v-bcba4cec],
.wrapper[data-v-beba2e18] {
	display: flex;
	justify-content: center;
	align-items: center
}

.modal[data-v-bcba4cec] {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(0, 0, 0, .5)
}

.modal .modal-content[data-v-bcba4cec] {
	background-color: #fff;
	border-radius: 8px;
	width: 783px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	position: relative;
	text-align: center
}

.modal .modal-content .modal-header h2[data-v-bcba4cec] {
	margin: 82px auto 0;
	font-size: 24px;
	color: #333
}

.modal .modal-content .modal-header .close-icon[data-v-bcba4cec] {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 12px;
	height: 12px;
	cursor: pointer
}

.modal .modal-content .modal-body[data-v-bcba4cec] {
	margin-top: 20px
}

.modal .modal-content .modal-body .actions[data-v-bcba4cec] {
	display: flex;
	justify-content: center;
	gap: 28px;
	margin: 39px auto 60px
}

.modal .modal-content .modal-body .actions .actions-item[data-v-bcba4cec] {
	max-width: 248px;
	text-align: center;
	padding: 10px;
	background-color: #3e80e6;
	border-radius: 8px;
	cursor: pointer
}

.modal .modal-content .modal-body .actions .actions-item[data-v-bcba4cec]:hover {
	background-color: rgba(62, 128, 230, .8)
}

.modal .actions-tips[data-v-bcba4cec] {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 60px 0 50px;
	background-color: #f6f6f7
}

.modal .actions-tips img[data-v-bcba4cec] {
	width: 100%;
	height: 100%;
	max-width: 200px;
	max-height: 200px;
	margin-left: 10px
}

@media(max-width: 600px) {
	.modal .modal-content[data-v-bcba4cec] {
		max-width: 95vw;
		border-radius: 4px
	}

	.modal .modal-header h2[data-v-bcba4cec] {
		font-size: 18px
	}

	.modal .modal-header .close-icon[data-v-bcba4cec] {
		right: 10px;
		top: 10px
	}

	.modal .modal-body[data-v-bcba4cec] {
		margin-top: 10px
	}

	.modal .actions[data-v-bcba4cec] {
		flex-direction: column;
		align-items: center;
		gap: 12px
	}

	.modal .actions .actions-item[data-v-bcba4cec] {
		max-width: 100%;
		width: 100%;
		font-size: 16px
	}

	.modal .actions-tips[data-v-bcba4cec] {
		flex-direction: column;
		padding: 20px 0 20px
	}

	.modal .actions-tips img[data-v-bcba4cec] {
		max-height: 120px;
		margin-left: 0;
		margin-bottom: 10px
	}
}

.wrapper[data-v-01cae64a] {
	border-radius: 8px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	width: 48px;
	height: 48px;
	position: relative
}

.wrapper[data-v-01cae64a]:hover {
	cursor: pointer
}

.wrapper[data-v-01cae64a]:hover:after {
	content: "";
	display: block;
	position: absolute;
	top: -100px;
	width: 78px;
	height: 78px;
	border-radius: 10px;
	background: url('../img/download.png') #fff;
	background-position: -75px 1px;
	background-size: 76px auto;
}
}

.wrapper[data-v-01cae64a]:hover:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #fff;
	transform: rotate(-45deg) translate(50%, -20px);
	left: 50%;
	bottom: 100%;
	border-bottom-left-radius: 3px
}

.wrapper[data-v-5354898c] {
	width: 100px;
	display: flex;
	align-items: center;
	flex-direction: column
}

.wrapper[data-v-5354898c]:hover {
	cursor: pointer
}

.wrapper .icon[data-v-5354898c] {
	width: 100px;
	height: 100px;
	box-sizing: border-box;
	border: 3px solid #afb0ba;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px
}

.wrapper .icon.hover[data-v-5354898c] {
	border-color: #ff6695
}

.wrapper .icon svg[data-v-5354898c] {
	width: 44px !important;
	height: 44px !important
}

.wrapper .title[data-v-5354898c] {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 8px
}

.wrapper .subtitle[data-v-5354898c] {
	font-size: 14px;
	line-height: 20px;
	color: #9fa1b2;
	word-break: keep-all;
	text-align: center
}

@media(max-width: 1024px) {
	.wrapper[data-v-5354898c] {
		margin-bottom: 34px
	}

	.wrapper .icon[data-v-5354898c] {
		width: 72px;
		height: 72px
	}
}

.swiper-slide {
	visibility: hidden;
	transform: scale(.8)
}

.swiper-slide-active,
.swiper-slide-next,
.swiper-slide-prev {
	visibility: visible
}

.swiper-slide-active {
	transform: scale(1)
}

.swiper-pagination {
	bottom: 80px !important
}

.swiper-pagination .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: .3;
	background: #d2d3dc
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #d2d3dc
}

[data-v-099062dc] {
	color: #fff
}

.button-wrapper[data-v-099062dc] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.home-wrapper[data-v-099062dc] {
	position: relative;
	min-width: 375px;
	background: #1d1d21;
	overflow: hidden
}

.home-wrapper .navbar-wrapper[data-v-099062dc] {
	position: fixed;
	top: 0;
	min-width: 375px;
	z-index: 1000;
	background: rgba(14, 14, 16, .8);
	width: 100%
}

.home-wrapper .navbar-wrapper .navbar-content[data-v-099062dc] {
	height: 54px;
	line-height: 54px;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 16px
}

.home-wrapper .navbar-wrapper .navbar-content .left[data-v-099062dc],
.home-wrapper .navbar-wrapper .navbar-content .right[data-v-099062dc] {
	float: left;
	display: flex;
	align-items: center;
	height: 100%
}

.home-wrapper .navbar-wrapper .navbar-content .left .logo[data-v-099062dc] {
	width: 42px;
	padding-right: 10px
}

.home-wrapper .navbar-wrapper .navbar-content .left .name[data-v-099062dc] {
	width: 39px;
	padding-right: 14px;
}

.home-wrapper .navbar-wrapper .navbar-content .left .desc[data-v-099062dc] {
	padding-left: 14px;
	font-size: 16px
}

.home-wrapper .navbar-wrapper .navbar-content .right[data-v-099062dc] {
	float: right
}

.home-wrapper .navbar-wrapper .navbar-content .right .bilibili[data-v-099062dc] {
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 30px
}

.home-wrapper .navbar-wrapper .navbar-content .right .studio[data-v-099062dc] {
	margin-left: 30px
}

.home-wrapper .header[data-v-099062dc] {
	background-image: url(data:image/png;base64,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);
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	position: relative
}

.home-wrapper .header[data-v-099062dc]:before {
	content: "";
	position: absolute;
	background-image: url(../img/left-light.png);
	width: 500px;
	height: 300px;
	background-size: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	left: 0;
	transform: translateX(-40%);
	top: 320px;
	pointer-events: none
}

.home-wrapper .header[data-v-099062dc]:after {
	content: "";
	position: absolute;
	background-image: url(../img/top-light.png);
	background-position: 50%;
	background-size: cover;
	left: 50%;
	transform: translateX(-20%);
	z-index: 1;
	width: 824px;
	top: -300px;
	height: 727px;
	pointer-events: none
}

.home-wrapper .header .header-swiper[data-v-099062dc] {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%
}

.home-wrapper .header .header-swiper .header-content[data-v-099062dc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.home-wrapper .header .header-swiper .header-content .header-1[data-v-099062dc] {
	margin-top: 180px;
	font-weight: 200;
	font-size: 56px;
	line-height: 78px;
	position: relative;
	z-index: 2
}

.home-wrapper .header .header-swiper .header-content .header-2[data-v-099062dc] {
	font-weight: 600;
	font-size: 48px;
	line-height: 67px;
	margin-bottom: 33px;
	position: relative;
	z-index: 2
}

.home-wrapper .header .header-swiper .header-content .header-3[data-v-099062dc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 150px;
	position: relative;
	z-index: 2
}

.home-wrapper .header .header-swiper .header-content .header-3 .btn[data-v-099062dc] {
	margin-left: 12px;
	position: relative;
}

.home-wrapper .header .header-swiper .header-content .header-3 .qr[data-v-099062dc] {
	display: flex
}

.home-wrapper .header .header-swiper .header-content .header-3 .qr-small[data-v-099062dc] {
	display: none
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper[data-v-099062dc] {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 35px
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper .studio-btn[data-v-099062dc] {
	box-sizing: border-box;
	width: 308px;
	height: 66px;
	border: .5px solid #fff;
	border-radius: 8px;
	padding: 12px 0;
	padding-left: 96px;
	cursor: pointer;
	background: url(/) no-repeat 32px/40px
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper .studio-btn[data-v-099062dc]:first-child {
	background-image: url(https://i0.hdslb.com/bfs/activity-plat/static/20240919/4920177e4bf9eb2b0fd8dacba0e5dbf8/JjoRwPlxlR.svg)
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper .studio-btn[data-v-099062dc]:last-child {
	background-image: url(https://i0.hdslb.com/bfs/activity-plat/static/20240919/4920177e4bf9eb2b0fd8dacba0e5dbf8/pdjbEm29b4.svg)
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper .studio-btn .title[data-v-099062dc] {
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #fff
}

.home-wrapper .header .header-swiper .header-content .header-3 .studio-button-wrapper .studio-btn .subtitle[data-v-099062dc] {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #9fa1b2;
	margin-top: 3px
}

.home-wrapper .block-1[data-v-099062dc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 27px
}

.home-wrapper .block-1 .title[data-v-099062dc] {
	color: #fff;
	font-weight: 600;
	font-size: 36px;
	line-height: 50px;
	position: relative;
	margin-bottom: 4px
}

.home-wrapper .block-1 .title[data-v-099062dc]:before {
	content: "";
	position: absolute;
	width: 188px;
	height: 1px;
	background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) -10.61%, #fff 88.56%);
	top: 50%;
	transform: translateY(-50%);
	right: 230px;
	opacity: .5
}

.home-wrapper .block-1 .title[data-v-099062dc]:after {
	content: "";
	position: absolute;
	width: 188px;
	height: 1px;
	background: linear-gradient(270deg, hsla(0, 0%, 100%, 0) -10.61%, #fff 88.56%);
	top: 50%;
	transform: translateY(-50%);
	left: 230px;
	opacity: .5
}

.home-wrapper .block-1 .subtitle[data-v-099062dc] {
	font-size: 24px;
	line-height: 34px;
	opacity: .7;
	margin-bottom: 67px
}

.home-wrapper .block-1 .content[data-v-099062dc] {
	width: 920px;
	margin: 0 auto;
	margin-bottom: 63px;
	justify-content: space-between
}

.home-wrapper .block-1 .content.large[data-v-099062dc] {
	display: flex
}

.home-wrapper .block-1 .content.small[data-v-099062dc] {
	display: none
}

.home-wrapper .block-2[data-v-099062dc] {
	max-width: 1440px;
	margin: 0 auto 120px
}

.home-wrapper .block-2 .swiper[data-v-099062dc] .swiper-slide {
	opacity: .3
}

.home-wrapper .block-2 .swiper[data-v-099062dc] .swiper-slide-active {
	opacity: 1;
	z-index: 2
}

.home-wrapper .block-2 .tips[data-v-099062dc] {
	opacity: .4;
	display: flex;
	justify-content: center
}

.home-wrapper .block-2 .tips .tips-content[data-v-099062dc] {
	margin-top: 33px;
	position: relative;
	font-size: 12px;
	line-height: 17px;
	color: #9fa1b2
}

.home-wrapper .block-2 .tips .tips-content[data-v-099062dc]:before {
	content: "";
	position: absolute;
	border-top: 1px solid;
	width: 74px;
	border-image: -webkit-linear-gradient(-180deg, #fff, hsla(0, 0%, 100%, 0)) 10 10;
	top: 50%;
	transform: translateY(-50%);
	right: 140px;
	opacity: .5
}

.home-wrapper .block-2 .tips .tips-content[data-v-099062dc]:after {
	content: "";
	position: absolute;
	border-top: 1px solid;
	width: 74px;
	border-image: -webkit-linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff) 10 10;
	top: 50%;
	transform: translateY(-50%);
	left: 140px;
	opacity: .5
}

.home-wrapper .block-3[data-v-099062dc] {
	margin-bottom: 80px
}

.home-wrapper .block-3 .desc+.desc[data-v-099062dc] {
	padding-top: 120px
}

.home-wrapper .block-3 .desc-1[data-v-099062dc],
.home-wrapper .block-3 .desc-2[data-v-099062dc],
.home-wrapper .block-3 .desc-3[data-v-099062dc] {
	position: relative
}

.home-wrapper .block-3 .desc-1 img[data-v-099062dc],
.home-wrapper .block-3 .desc-2 img[data-v-099062dc],
.home-wrapper .block-3 .desc-3 img[data-v-099062dc] {
	position: relative;
	width: 620px;
	z-index: 2;
	padding: 0 60px
}

.home-wrapper .block-3 .desc-1[data-v-099062dc]:after {
	z-index: 1;
	content: "";
	position: absolute;
	width: 280px;
	height: 280px;
	background-size: cover;
	background-position: 50%;
	left: calc(50% - 500px);
	top: -80px;
	background: radial-gradient(102.78% 102.78% at 37.01% 0, rgba(255, 102, 149, .7) 0, rgba(255, 102, 149, 0) 100%);
	opacity: .2;
	filter: blur(20px);
	transform: rotate(-85.6deg);
	border-radius: 140px
}

.home-wrapper .block-3 .desc-2[data-v-099062dc]:after {
	width: 243.88px;
	height: 243.88px;
	opacity: .2;
	transform: rotate(105deg);
	left: calc(50% + 260px);
	top: -15%;
	border-radius: 130px
}

.home-wrapper .block-3 .desc-2[data-v-099062dc]:after,
.home-wrapper .block-3 .desc-3[data-v-099062dc]:after {
	z-index: 1;
	content: "";
	position: absolute;
	background: radial-gradient(102.78% 102.78% at 37.01% 0, rgba(12, 182, 242, .62) 0, rgba(12, 182, 242, 0) 100%);
	filter: blur(20px)
}

.home-wrapper .block-3 .desc-3[data-v-099062dc]:after {
	width: 223.21px;
	height: 223.21px;
	left: calc(50% - 650px);
	opacity: .3;
	transform: rotate(-45deg);
	border-radius: 115px;
	top: -250px
}

.home-wrapper .block-3 .desc-1[data-v-099062dc],
.home-wrapper .block-3 .desc-3[data-v-099062dc] {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: center
}

.home-wrapper .block-3 .desc-2[data-v-099062dc] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.home-wrapper .block-3 .title[data-v-099062dc] {
	font-weight: 600;
	font-size: 36px;
	line-height: 50px;
	margin-bottom: 12px
}

.home-wrapper .block-3 .subtitle[data-v-099062dc] {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #9fa1b2
}

.home-wrapper .block-4[data-v-099062dc] {
	position: relative
}

.home-wrapper .block-4[data-v-099062dc] ::-webkit-scrollbar {
	width: 0 !important
}

.home-wrapper .block-4 [data-v-099062dc] {
	scrollbar-width: none
}

.home-wrapper .block-4>[data-v-099062dc] {
	z-index: 2
}

.home-wrapper .block-4 .title[data-v-099062dc] {
	text-align: center;
	font-weight: 600;
	font-size: 36px;
	line-height: 50px;
	margin-bottom: 12px
}

.home-wrapper .block-4 .subtitle[data-v-099062dc] {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #9fa1b2;
	margin-bottom: 88px
}

.home-wrapper .block-4 .music-wrapper[data-v-099062dc] {
	display: flex;
	overflow: scroll;
	padding-bottom: 88px
}

.home-wrapper .block-4 .music-wrapper .music[data-v-099062dc] {
	position: relative;
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	padding: 28px 24px 0;
	width: 370px;
	height: 475px;
	border-radius: 24px;
	margin-left: 32px;
	background: var(--music-bg)
}

.home-wrapper .block-4 .music-wrapper .music[data-v-099062dc]:after {
	content: "";
	width: 182px;
	height: 117px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2px;
	/* background: var(--music-bg); */
	filter: blur(50px);
	overflow: hidden
}

.home-wrapper .block-4 .music-wrapper .music[data-v-099062dc]:last-child {
	margin-right: 32px
}

.home-wrapper .block-4[data-v-099062dc]:before {
	content: "";
	z-index: 1;
	position: absolute;
	width: 223.21px;
	height: 223.21px;
	left: calc(100% - 170px);
	top: 0;
	background: radial-gradient(102.78% 102.78% at 37.01% 0, rgba(255, 102, 149, .7) 0, rgba(255, 102, 149, 0) 100%);
	opacity: .3;
	filter: blur(20px);
	transform: rotate(27.73deg);
	border-radius: 120px
}

.home-wrapper .block-5[data-v-099062dc] {
	overflow: hidden;
	margin-bottom: 108px;
	position: relative;
	height: 477px
}

.home-wrapper .block-5 .block-5-content[data-v-099062dc] {
	display: flex;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

@keyframes anim-099062dc {
	to {
		background-position-y: 636px
	}
}

@keyframes anim-reverse-099062dc {
	to {
		background-position-y: -636px
	}
}

@keyframes anim-small-099062dc {
	to {
		background-position-y: 318px
	}
}

@keyframes anim-reverse-small-099062dc {
	to {
		background-position-y: -318px
	}
}

.home-wrapper .block-5 .img[data-v-099062dc] {
	background-image: var(--bg);
	display: block;
	width: 135px;
	height: 477px;
	animation: anim-099062dc 25s linear infinite
}

.home-wrapper .block-5 .img+.img[data-v-099062dc] {
	margin-left: 18px
}

.home-wrapper .block-5 .img.reverse[data-v-099062dc] {
	animation: anim-reverse-099062dc 25s linear infinite
}

.home-wrapper .block-5 .img-small[data-v-099062dc] {
	background-image: var(--bg);
	display: none
}

.home-wrapper .block-5 .img-small[data-v-099062dc],
.home-wrapper .block-5 .img[data-v-099062dc] {
	display: block;
	background-position-x: center;
	background-size: 100% auto;
	background-repeat: repeat-y;
	will-change: background-position-y
}

.home-wrapper .block-6[data-v-099062dc] {
	font-size: 12px;
	line-height: 24px;
	color: #9fa1b2;
	text-align: center;
	padding-bottom: 20px
}

@media(max-width: 1024px) {
	.home-wrapper .button-wrapper[data-v-099062dc] {
		width: 300px
	}

	.home-wrapper .navbar-wrapper .navbar-content[data-v-099062dc] {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0 14px
	}

	.home-wrapper .navbar-wrapper .navbar-content .left .logo[data-v-099062dc] {
		width: 32px;
		padding-right: 3px
	}

	.home-wrapper .navbar-wrapper .navbar-content .left .name[data-v-099062dc] {
		width: 30px;
		padding-right: 6px
	}

	.home-wrapper .navbar-wrapper .navbar-content .left .desc[data-v-099062dc] {
		padding-left: 6px;
		font-size: 12px
	}

	.home-wrapper .header .header-swiper .header-content .header-1[data-v-099062dc] {
		font-size: 36px;
		line-height: 50px
	}

	.home-wrapper .header .header-swiper .header-content .header-2[data-v-099062dc] {
		font-size: 28px;
		line-height: 39px
	}

	.home-wrapper .header .header-swiper .header-content .header-3[data-v-099062dc] {
		margin-bottom: 74px
	}

	.home-wrapper .header .header-swiper .header-content .header-3 .qr[data-v-099062dc] {
		display: none
	}

	.home-wrapper .header .header-swiper .header-content .header-3 .qr-small[data-v-099062dc] {
		display: flex;
		width: 42px;
		height: 42px
	}

	.home-wrapper .header .header-swiper .header-content .header-3 .btn[data-v-099062dc] {
		margin-bottom: 34px
	}

	.home-wrapper .header .header-swiper .header-content .header-3 .btn.small[data-v-099062dc] {
		width: 106px;
		height: 42px
	}

	.home-wrapper .header .header-swiper .swiper-pagination[data-v-099062dc] {
		bottom: 40px !important
	}

	.home-wrapper .block-1[data-v-099062dc] {
		margin-bottom: 10px
	}

	.home-wrapper .block-1 .title[data-v-099062dc] {
		font-size: 24px;
		line-height: 34px
	}

	.home-wrapper .block-1 .title[data-v-099062dc]:after,
	.home-wrapper .block-1 .title[data-v-099062dc]:before {
		width: 75px
	}

	.home-wrapper .block-1 .title[data-v-099062dc]:before {
		right: 150px
	}

	.home-wrapper .block-1 .title[data-v-099062dc]:after {
		left: 150px
	}

	.home-wrapper .block-1 .subtitle[data-v-099062dc] {
		font-size: 18px;
		line-height: 25px;
		margin-bottom: 30px
	}

	.home-wrapper .block-1 .content[data-v-099062dc] {
		margin-bottom: 12px
	}

	.home-wrapper .block-1 .content.large[data-v-099062dc] {
		display: none
	}

	.home-wrapper .block-1 .content.small[data-v-099062dc] {
		width: 600px;
		display: flex
	}

	.home-wrapper .block-2[data-v-099062dc] {
		margin-bottom: 50px
	}

	.home-wrapper .block-3 .desc-1[data-v-099062dc]:after,
	.home-wrapper .block-3 .desc-2[data-v-099062dc]:after {
		display: none
	}

	.home-wrapper .block-3 .desc-1[data-v-099062dc],
	.home-wrapper .block-3 .desc-2[data-v-099062dc],
	.home-wrapper .block-3 .desc-3[data-v-099062dc] {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px
	}

	.home-wrapper .block-3 .desc-1 .title[data-v-099062dc],
	.home-wrapper .block-3 .desc-2 .title[data-v-099062dc],
	.home-wrapper .block-3 .desc-3 .title[data-v-099062dc] {
		text-align: center;
		font-size: 24px;
		line-height: 34px
	}

	.home-wrapper .block-3 .desc-1 .subtitle[data-v-099062dc],
	.home-wrapper .block-3 .desc-2 .subtitle[data-v-099062dc],
	.home-wrapper .block-3 .desc-3 .subtitle[data-v-099062dc] {
		font-size: 14px;
		line-height: 20px;
		text-align: center
	}

	.home-wrapper .block-4[data-v-099062dc]:before {
		width: 98px;
		height: 98px;
		left: calc(100% - 60px);
		top: -80px
	}

	.home-wrapper .block-4 .title[data-v-099062dc] {
		line-height: 22px
	}

	.home-wrapper .block-5[data-v-099062dc] {
		height: 238.5px
	}

	.home-wrapper .block-5 .block-5-content .img[data-v-099062dc] {
		display: none
	}

	.home-wrapper .block-5 .block-5-content .img-small[data-v-099062dc] {
		display: block;
		width: 67.5px;
		height: 238.5px;
		animation: anim-small-099062dc 25s linear infinite
	}

	.home-wrapper .block-5 .block-5-content .img-small+.img-small[data-v-099062dc] {
		margin-left: 8px
	}

	.home-wrapper .block-5 .block-5-content .img-small.reverse[data-v-099062dc] {
		animation: anim-reverse-small-099062dc 25s linear infinite
	}
	
	
	
	.promptClass{
		width: 300px !important;
		margin: 0 auto;
	}
	
	
	
}

@media(max-width: 700px) {
	.home-wrapper .block-1 .content.small[data-v-099062dc] {
		width: 280px;
		margin: 0 auto;
		flex-wrap: wrap
	}
}

@media(max-width: 500px) {
	.home-wrapper .header[data-v-099062dc] {
		background-image: url(data:image/png;base64,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)
	}

	.home-wrapper .header[data-v-099062dc]:before {
		left: -100px;
		top: 280px;
		background-image: url('../img/left-light.png')
	}

	.home-wrapper .header[data-v-099062dc]:after {
		width: 500px;
		height: 500px;
		top: -150px;
		left: 60%;
	background-image: url('../img/top-light.png')
	}

	.home-wrapper .block-3 .desc[data-v-099062dc] {
		padding: 0 !important
	}

	.home-wrapper .block-3 img[data-v-099062dc] {
		padding: 40px 0 48px 0 !important;
		width: 327px !important
	}

	.home-wrapper .block-3 .desc-3 img[data-v-099062dc] {
		padding-bottom: 0 !important
	}

	.home-wrapper .navbar-wrapper .navbar-content .right .bilibili[data-v-099062dc] {
		margin-right: 12px
	}

	.home-wrapper .navbar-wrapper .navbar-content .right .studio[data-v-099062dc] {
		display: none
	}
}

body,
html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #1d1d21;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif
}

.pointer-blue:hover,
.pointer:hover {
	cursor: pointer
}

a {
	text-decoration: none
}

.c-icon[data-v-33c18c32] {
	overflow: hidden;
	fill: currentColor
}


.wrapper.active .title {
	font-weight: bold;
}

.wrapper.active .icon.hover use {
	fill: #FF6490;
}

.wrapper.active {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}

.c-icon use {
	transition: fill 0.3s ease;
	/* 平滑过渡效果 */
}

.first-child {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url("../img/JjoRwPlxlR.svg");
	position: absolute;
	margin-left: -60px;
}


/* 基础状态：使用 default 图标 */
.icon use {
	href: url(#bcut-tv-default);
}

.icon.hover use {
	href: url(#bcut-tv-hover);
}

/* 其他图标同理（语音字幕、一键三连等） */
.icon use[href="#bcut-text-default"] {
	/* 基础状态 */
}

.icon.hover use[href="#bcut-text-default"] {
	href: url(#bcut-text-hover) !important;
	/* 强制切换 */
}






/* 垂直侧边栏联系客服样式 */
.contact-sidebar {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
}

.contact-btn {
	background-color: #1677ff;
	color: white;
	padding: 1rem 0.75rem;
	border-radius: 0.5rem 0 0 0.5rem;
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: none;
	writing-mode: vertical-rl;
	/* 文字垂直排列 */
	text-orientation: mixed;
	/* 中文保持正立 */
}

.contact-btn i {
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
}

.contact-btn span {
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
	/* 增加字间距 */
}

.contact-btn:hover {
	background-color: #0f62d8;
}

.contact-btn.active {
	background-color: #36cbcb;
}

/* 二维码面板样式 */
.qrcode-panel {
	background-color: white;
	box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem 0 0 0.5rem;
	position: absolute;
	right: 100%;
	top: 0;
	transform: translateX(1rem);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	width: 180px;
}

.qrcode-panel.visible {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.qrcode-panel h3 {
	font-size: 1rem;
	font-weight: 500;
	color: #1f2937;
	text-align: center;
	margin-bottom: 0.5rem;
}

.qrcode-container {
	width: 140px;
	height: 140px;
	background-color: #f3f4f6;
	margin: 0 auto 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.qrcode-container img {
	width: 120px;
	height: 120px;
	object-fit: cover;
}

.qrcode-panel p {
	font-size: 0.75rem;
	color: #6b7280;
	text-align: center;
	line-height: 1.4;
}


.promptClass{
		width: 650px;
		margin: 0 auto;
		opacity: 0.7;
	}