笔记本移动端

public/static/index/mobile/css/topic_laptop/swiper.css

@@ -0,0 +1,85 @@
+/* 轮播容器 - 核心：基于视口高度自适应 */
+.auto-swiper-container {
+	width: 100%;
+	overflow: hidden;
+	position: relative;
+	z-index: 1;
+}
+
+/* 轮播项 - 填充容器高度 */
+.auto-swiper-slide {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+/* 图片自适应核心：填充屏幕比例高度，保持比例 */
+.auto-swiper-slide img {
+	width: 100%;
+	height: 100%;
+	object-fit: cover; /* 优先填充容器，裁剪超出部分（无拉伸） */
+	/* object-fit: contain; 可选：完整显示图片，不裁剪（可能留黑边） */
+	display: block;
+}
+.swiper-container-texts {
+	position: absolute;
+	left: 50%;
+	top: 0.91rem;
+	transform: translateX(-50%);
+	z-index: 10;
+	width: 100%;
+}
+
+.swiper-container-texts-t {
+	font-size: 0.48rem;
+	text-align: center;
+	width: 100%;
+	line-height: 1;
+}
+.swiper-container-texts-p {
+	padding-top: 0.68rem;
+	font-size: 0.16rem;
+	/* text-align: center; */
+	width: 100%;
+	display: flex;
+	align-items: center;
+	letter-spacing: 1.3px;
+	justify-content: center;
+}
+.swiper-container-texts-p div {
+	font-family: 'HarmonyOS-Light';
+}
+.swiper-container-texts-line {
+	width: 1px;
+	height: 0.16rem;
+	background: #fff;
+	margin: 0 12px;
+}
+.swiper-container-texts-img {
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	padding-top: 0.63rem;
+	cursor: pointer;
+}
+.swiper-container-texts-img a {
+	width: 100%;
+	max-width: 1.18rem;
+}
+.swiper-container-texts-img img {
+	width: 100%;
+	max-width: 1.18rem;
+}
+.swiper-slide-t {
+	font-size: 0.2rem;
+	text-align: center;
+	color: #fff;
+}
+.swiper-slide-p {
+	font-size: 0.16rem;
+	color: #cbcfd8;
+	text-align: center;
+	margin-top: 0.18rem;
+}