/*index_Certificates*/

.index_Certificates{ 
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 20px;
				color: #fff;
				overflow-x: hidden;
			}

			.Certificates_container {
				max-width: 1200px;
				width: 100%;
				text-align: center;
				position: relative;
			}
 

			.subtitle {
				font-size: 1.4rem;
				color: #a5d8ff;
				max-width: 850px;
				margin: 0 auto;
				line-height: 1.6;
				padding: 0 20px;
			}

			.gallery-container {
				position: relative;
				height: 700px;
				perspective: 1600px;
				margin: 50px 0;
				border-radius: 30px;
				overflow: hidden; 
			}

			.gallery {
				position: absolute;
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				transform-style: preserve-3d;
			}

			.cert {
				position: absolute;
				width: 340px;
				height: 480px;
				border-radius: 25px;
				overflow: hidden;
				box-shadow: 0 30px 55px rgba(0, 0, 0, 0.6);
				transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
				transform-style: preserve-3d;
				opacity: 1;
				cursor: pointer;
				background: #000;
			}

			.cert img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			/* 居中项：最高 */
			.cert.active {
				opacity: 1;
				transform: scale(1.15) translateZ(0);
				z-index: 25;
			}

			/* ±2 位置：高（与 active 视觉协调） */
			.cert.high {
				transform: scale(1.25) translateZ(-300px);
				opacity:1;
			}

			/* ±1 位置：低（明显矮一截） */
			.cert.low {
				transform: scale(1.1) translateZ(-200px);
				opacity: 1;
			}

			.cert.left-2 {
				left: calc(50% - 550px);
			}

			.cert.left-1 {
				left: calc(50% - 400px);
			}

			.cert.center {
				left: calc(50% - 170px);
			}

			/* 居中对齐 */
			.cert.right-1 {
				left: calc(50% + 80px);
			}

			.cert.right-2 {
				left: calc(50% + 250px);
			}

			.arrow-btn {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				width: 90px;
				height: 90px;
				background: rgba(255, 255, 255, 0.3);
				border: none;
				border-radius: 50%;
				font-size: 2.8rem;
				color: #3f82b5;
				cursor: pointer;
				z-index: 35;
				transition: all 0.5s;
				backdrop-filter: blur(10px);
				box-shadow: 0 15px 45px rgba(0, 0, 0, 0.5);
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.arrow-btn:hover {
				background: rgba(255, 255, 255, 0.45);
				transform: translateY(-50%) scale(1.15);
				box-shadow: 0 20px 55px rgba(0, 0, 0, 0.7);
			}

			.left-btn {
				left: 40px;
			}

			.right-btn {
				right: 40px;
			}

			.controls {
				display: flex;
				justify-content: center;
				gap: 18px;
				margin-top: 50px;
			}

			.control-dot {
				width: 18px;
				height: 18px;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0.4);
				cursor: pointer;
				transition: all 0.3s;
				border: 2px solid rgba(255, 255, 255, 0.6);
			}

			.control-dot.active {
				background: #ff9a9e;
				transform: scale(1.5);
				box-shadow: 0 0 20px rgba(255, 154, 158, 0.8);
			}

			@keyframes fadeIn {
				from {
					opacity: 0;
					transform: translateY(25px);
				}

				to {
					opacity: 1;
					transform: translateY(0);
				}
			}

			@media (max-width: 1024px) {
				.cert {
					width: 300px;
					height: 420px;
				}

				.gallery-container {
					height: 550px;
				}

				.cert.left-2 {
					left: calc(50% - 380px);
				}

				.cert.left-1 {
					left: calc(50% - 220px);
				}

				.cert.center {
					left: calc(50% - 150px);
				}

				.cert.right-1 {
					left: calc(50% + 70px);
				}

				.cert.right-2 {
					left: calc(50% + 230px);
				}
			}

			@media (max-width: 768px) {
			 
				.cert {
					width: 260px;
					height: 370px;
				}

				.gallery-container {
					height: 450px;
				}

				.cert.left-2 {
					left: calc(50% - 320px);
				}

				.cert.left-1 {
					left: calc(50% - 180px);
				}

				.cert.center {
					left: calc(50% - 130px);
				}

				.cert.right-1 {
					left: calc(50% + 50px);
				}

				.cert.right-2 {
					left: calc(50% + 190px);
				}
			}