登录页面

apps/mini-user/src/styles/home.css

@@ -1,42 +1,4 @@
-/* Tab 主页面顶栏 + 首页（对齐 h5-user） */
-.tab-main-header {
-  position: sticky;
-  top: 0;
-  z-index: 50;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 56px;
-  padding: env(safe-area-inset-top, 0px) var(--space-page) 0;
-  padding-top: calc(env(safe-area-inset-top, 0px));
-  min-height: calc(56px + env(safe-area-inset-top, 0px));
-  background: var(--color-background);
-  box-shadow: var(--shadow-card);
-  box-sizing: border-box;
-}
-
-.tab-main-header__title {
-  font-family: var(--font-headline);
-  font-size: 18px;
-  font-weight: 700;
-  color: var(--color-heritage-red);
-  line-height: 56px;
-}
-
-.tab-main-header__extra {
-  position: absolute;
-  right: var(--space-page);
-  top: calc(env(safe-area-inset-top, 0px) + 28px);
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  color: var(--color-heritage-red);
-  font-size: 12px;
-  font-weight: 500;
-  max-width: 46vw;
-}
-
+/* 首页（Tab 顶栏样式见 styles/nav-bar.css） */
 .tab-main-city-pin {
   width: 14px;
   height: 14px;
@@ -78,7 +40,7 @@
   background: rgba(250, 249, 247, 0.95);
   border-bottom: 1px solid var(--color-surface-container);
   position: sticky;
-  top: calc(56px + env(safe-area-inset-top, 0px));
+  top: var(--nav-bar-height, 56px);
   z-index: 40;
 }
 
@@ -118,18 +80,52 @@
   box-shadow: var(--shadow-card);
 }
 
-.home-product-cover {
+.home-carousel-wrap {
+  position: relative;
   width: 100%;
-  height: 200px;
+  aspect-ratio: 1;
   background: var(--color-surface-container);
-  display: block;
+  overflow: hidden;
 }
 
-.home-product-cover--empty {
-  height: 200px;
+.home-carousel {
+  width: 100%;
+  height: 100%;
+}
+
+.home-carousel-item,
+.home-carousel-image,
+.home-carousel-placeholder {
+  width: 100%;
+  height: 100%;
+}
+
+.home-carousel-placeholder {
   background: var(--color-surface-container);
 }
 
+.home-carousel-dots {
+  position: absolute;
+  bottom: 12px;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+}
+
+.home-carousel-dot {
+  height: 4px;
+  width: 6px;
+  margin: 0 3px;
+  border-radius: 999px;
+  background: rgba(153, 153, 153, 0.35);
+}
+
+.home-carousel-dot--active {
+  width: 20px;
+  background: var(--color-heritage-red);
+}
+
 .home-product-body {
   padding: var(--space-gutter);
   display: flex;