yizhizan-h5/my/renzheng/company.scss

.page-container {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-family: DM Sans;
	font-style: Regular;
	
	// 导航栏"跳过"按钮
	.nav-bar-right-btn {
		color: rgba(51, 51, 51, 1);
		font-size: 20rpx;
		font-weight: 400;
		line-height: 52rpx;
		text-align: right;
	}
	
	.content {
		flex: 1;
		overflow-y: auto;
		padding: 24rpx 40rpx;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 32rpx;
		color: rgba(102, 102, 102, 1);
		
		.num-title {
			color: rgba(1, 107, 246, 1);
			margin-bottom: 20rpx;
			text {
				font-size: 28rpx;
				font-weight: 400;
				line-height: 60rpx;
			}
			.current-num {
				font-size: 48rpx;
				font-weight: 700;
				line-height: 60rpx;
			}
		}
		
		.main-title {
			color: rgba(51, 51, 51, 1);
			font-size: 36rpx;
			font-weight: 700;
			line-height: 60rpx;
			margin-bottom: 20rpx;
		}
		
		.section {
			margin-top: 20rpx;
			.required {
				color: #FF0027;
			}
			.title {
				color: rgba(31, 44, 55, 1);
				font-size: 28rpx;
				font-weight: 500;
				line-height: 44rpx;
				margin-bottom: 16rpx;
			}
			.input-wrapper {
				display: flex;
				align-items: center;
				justify-content: space-between;
				box-sizing: border-box;
				border: 1px solid rgba(227, 231, 236, 1);
				border-radius: 24px;
				padding: 11rpx 32rpx;
				
				.placeholder-class,
				.input,
				.input-content{
					color: rgba(153, 153, 153, 1);
					font-size: 24rpx;
					font-weight: 500;
					line-height: 48rpx;
				}
				
				.input-content {
					margin-right: 12rpx;
				}
				
				.flex-1 {
					flex: 1;
					text-align: center;
				}
			}
			.tags-placeholder {
				line-height: 52rpx;
				color: #999;
			}
		}
		.upload-wrapper {
			margin: 20rpx 0;
			.logo {
				width: 64rpx;
				height: 64rpx;
				border: 1px solid rgba(254, 254, 254, 1);
				border-radius: 50%;
				margin-right: 20rpx;
			}
			.tip-text {
				color: rgba(1, 107, 246, 1);
				font-size: 20rpx;
			}
		}
		
		.select-button-wrapper {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 24rpx;
			.select-button {
				flex: 1;
				padding: 12rpx 48rpx;
				border-radius: 10rpx;
				background: rgba(245, 248, 254, 1);
				border: 1px solid rgba(245, 248, 254, 1);
				color: rgba(153, 153, 153, 1);
				font-size: 28rpx;
				font-weight: 400;
				line-height: 44rpx;
				text-align: center;
				box-sizing: border-box;
				&.select-active-button {
					border: 1px solid rgba(1, 107, 246, 1);
					background: rgba(1, 107, 246, 0.1);
					color: rgba(1, 107, 246, 1);
				}
			}
		}
		
		.tags {
			display: flex;
			flex-wrap: wrap;
			gap: 8rpx;
			padding: 9rpx 0;
			.tag {
				max-width: 544rpx;
				padding: 8rpx;
				border-radius: 8rpx;
				background: rgba(153, 153, 153, 0.1);
				border: 0.5px solid rgba(153, 153, 153, 0.1);
				color: rgba(102, 102, 102, 1);
				font-size: 20rpx;
				font-weight: 400;
				line-height: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.active-tag {
				border-color: rgba(1, 107, 246, 1);
				color: rgba(1, 107, 246, 1);
				background: rgba(1, 107, 246, 0.1);
			}
		}
	}
	
	// 底部按钮
	.fixed-button {
		padding: 28rpx 40rpx;
		box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
		
		.button {
			flex-shrink: 0;
			border-radius: 999px;
			box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
			background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
			color: rgba(255, 255, 255, 1);
			font-family: DM Sans;
			font-size: 32rpx;
			font-weight: 400;
			line-height: 48rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 16rpx 32rpx;
			box-sizing: border-box;
		}
	}
}