feat: 主页移动端

src/pages/home/components/Carousel.vue

@@ -407,6 +407,7 @@
 			transform: translateX(100%);
 			transition: transform 0.28s ease;
 			will-change: transform;
+			z-index: 9;
 		}
 		.carousel-pagination-button {
 			position: relative;
@@ -469,31 +470,54 @@
 	}
 
 	@media (max-width: 768px) {
-		.carousel-slide {
-			min-height: 320px;
-		}
-
 		.home-carousel {
 			.carousel-slide {
+				aspect-ratio: auto;
+				height: 365px;
+				min-height: 365px;
+
+				.carousel-banner {
+					height: 263px;
+				}
+
+				.banner-title {
+					top: 86px;
+					right: auto;
+					left: 30px;
+					width: min(220px, calc(100% - 60px));
+					font-size: 28px;
+					font-weight: 700;
+					line-height: 1.35;
+					letter-spacing: 2px;
+					transform: none;
+				}
+
 				.desc {
 					width: 100%;
 					min-width: 0;
-					height: auto;
-					min-height: 92px;
-					padding: 16px 20px;
+					height: 102px;
+					min-height: 102px;
+					padding: 16px 15px;
+					gap: 18px;
 				}
 				.desc-line {
-					top: -28px;
-					height: 42px;
+					top: -70px;
+					height: 45px;
 				}
 				.desc-index {
-					font-size: 40px;
+					font-size: 32px;
 				}
 				.desc-copy {
 					max-width: none;
-					font-size: 12px;
+					font-size: 11px;
+					font-weight: 600;
+					line-height: 1.45;
 				}
 			}
+
+			.carousel-pagination {
+				display: none;
+			}
 		}
 
 		.carousel-pagination-arrow {