.container.data-v-1cf27b2a { height: calc(100vh - var(--window-top)); display: flex; flex-direction: column; background: #f5f5f5; overflow: hidden; } .welcome-section.data-v-1cf27b2a { flex-shrink: 0; background: linear-gradient(135deg, #FF7A00 0%, #FF9500 100%); padding: 32rpx; } .welcome-text.data-v-1cf27b2a { font-size: 36rpx; font-weight: bold; color: #ffffff; } /* 轮播图样式 */ .swiper-container.data-v-1cf27b2a { flex-shrink: 0; margin: 24rpx 32rpx; border-radius: 16rpx; overflow: hidden; box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.1); } .swiper.data-v-1cf27b2a { width: 100%; height: 360rpx; } .swiper-item.data-v-1cf27b2a { width: 100%; height: 100%; } .banner-image.data-v-1cf27b2a { width: 100%; height: 100%; background: linear-gradient(135deg, #FF7A00 0%, #FF9500 100%); } /* 九宫格样式 */ .grid-scroll.data-v-1cf27b2a { flex: 1; overflow: hidden; } .grid-container.data-v-1cf27b2a { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24rpx; padding: 0 32rpx; width: 100%; align-content: center; } .grid-item.data-v-1cf27b2a { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; border-radius: 16rpx; padding: 40rpx 20rpx; box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.06); transition: all 0.3s ease; } .grid-item.data-v-1cf27b2a:active { transform: scale(0.95); box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); } .grid-icon.data-v-1cf27b2a { font-size: 64rpx; margin-bottom: 16rpx; } .grid-text.data-v-1cf27b2a { font-size: 28rpx; color: #333; font-weight: 500; }