page {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

.banner {
	height: 400rpx;
	background-image: var(--background);
	padding: 30rpx;

	.text-1 {
		color: white;
		font-size: 60rpx;
		font-weight: bold;
	}

	.text-2 {
		font-size: 28rpx;
		color: rgba(255, 255, 255, 0.8);
	}
}

.content {
	flex: 1;
	height: 0;
	background-color: white;
	transform: translateY(-20rpx);
	border-radius: 30rpx 30rpx 0 0;
	padding: 50rpx 0 0;

	.text-1 {
		font-weight: 700;
		font-size: 45rpx;
		margin-bottom: 40rpx;
		padding: 0 30rpx;
	}

	input {
		text-align: right;
		font-size: 30rpx;
	}

	textarea {
		background-color: rgba(242, 244, 247, 1);
		margin-top: 20rpx;
		border-radius: 10rpx;
		color: rgba(11, 27, 61, 0.5);
		padding: 25rpx;
		height: 200rpx;
		width: 100%;
		font-size: 30rpx;
	}
}

.btn {
	background-color: white;
	padding: 30rpx;
}

.surgery-box {
	padding: 30rpx 0;

	.title {
		font-weight: 700;
		text-align: center;
		font-size: 38rpx;
		margin-bottom: 30rpx;
	}

	.surgery-list {
		height: 50vh;
		padding: 0 30rpx;
		width: 100%;
		box-sizing: border-box;

		.surgery-item {
			height: 80rpx;

			&.active {
				color: #2ba471;
			}
		}
	}
}