.page { padding: 24rpx
}
.notice-bar { height: 64rpx; background: #fff4e6; border-radius: 8rpx; overflow: hidden; margin-bottom: 24rpx;
}
.notice-swiper { height: 64rpx
}
.notice-item { height: 64rpx; line-height: 64rpx; padding: 0 24rpx; color: #a15c00; font-size: 26rpx
}
.banner-box { margin-bottom: 24rpx
}
.banner-swiper { width: 100%; height: 320rpx; border-radius: 12rpx; overflow: hidden
}
.banner-image { width: 100%; height: 320rpx
}
.banner-fallback { width: 100%; height: 320rpx; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f5f5f5, #eaeaea)
}
.banner-fallback-text { color: #666; font-size: 28rpx
}
.activity-section { background: #ffffff; border-radius: 12rpx; padding: 24rpx
}
.section-title { font-size: 30rpx; font-weight: 600; margin-bottom: 16rpx
}
.activity-grid { display: flex; flex-wrap: wrap; margin: -12rpx
}
.activity-item { width: 50%; padding: 12rpx
}
.activity-thumb { width: 100%; height: 200rpx; border-radius: 8rpx
}
.activity-name { display: block; margin-top: 8rpx; font-size: 26rpx; color: #222
}
.activity-desc { display: block; margin-top: 4rpx; font-size: 22rpx; color: #888
}