/* PC 布局在 multi-share-sections.less；本文件仅保留移动端 grid-1 细调 */
@import "design-tokens.less";

@media screen and (max-width: @bp-mobile) {
	.page-multi {
		.content {
			.grid-1 {
				z-index: 2;

				.mo-radial {
					width: 36.4rem;
					height: 120.5rem;
					background: #1f6ed2;
					opacity: 0.4;
					filter: blur(50px);
					left: 0;
					top: 49.6rem;
				}

				.grid-1-left {
					order: 2;
					height: auto;
					min-height: 0;
					border-radius: 2.5rem;
					background-color: rgba(255, 255, 255, 0.74);
					overflow: visible;
					padding-left: 3.5rem;
					padding-right: 3.2rem;
					padding-top: 6.4rem;
					margin-top: 3.2rem;
					box-sizing: border-box;

					.card-title {
						font-size: 2.2rem;
						margin-left: -1.8rem;
						margin-bottom: 5.3rem;
					}

					.feature-row {
						position: relative;
						margin-bottom: 3.8rem;
						align-items: flex-start;

						&.feature-row-2 {
							z-index: 2;
						}

						&.feature-row-2 ~ .feature-row {
							z-index: 3;
						}

						.icon-1 {
							width: 3.2rem;
							height: 3rem;
						}

						.icon-2 {
							width: 3.2rem;
							height: 3.2rem;
						}

						.icon-3 {
							width: 3.2rem;
							height: 3.15rem;
						}

						.icon-4 {
							width: 3.2rem;
							height: 3.5rem;
						}

						.feature-text {
							margin-left: 1.8rem;
							min-width: 0;
							flex: 1 1 auto;

							.feature-title {
								font-size: 1.8rem;
								line-height: 1.33;
								margin-bottom: 1.2rem;
							}

							.feature-desc {
								font-size: 1.4rem;
								line-height: 1.6;
							}

							.feature-hover-img,
							.feature-hover-img-2 {
								width: 36.9rem;
								height: 16.9rem;
								left: -8rem;
								padding-top: 2.6rem;
							}
						}
					}
				}

				.grid-1-right {
					order: 1;

					.card-title {
						position: relative;
						z-index: 2;
					}

					.feature-img {
						z-index: 1;
						position: relative;
					}
				}
			}
		}
	}
}