品牌集团官网产品系统

核心业务布局：全品类日化洗护 + 多品牌矩阵
产品品类全覆盖：主营织物洗护（洗衣液、洗衣粉、洗衣凝珠等）、餐具清洁（洗洁精等），拓展至口腔护理、个人护理等领域，产品覆盖家庭清洁、护理全场景，且全线洗衣液实现无荧光增白剂添加，打造 “洗护合一” 的绿色健康产品。
海内外市场双布局：国内稳居日化洗护行业龙头，年销售超 200 亿元；产品出口全球近 40 个国家和地区，覆盖东南亚、俄罗斯、中东等区域，推进品牌全球化战略

src/components/
├── brand/ # 品牌组件（详情、产品展示）
├── culture/ # 企业文化组件
├── enterliby/ # 品牌组件
├── greenfuture/ # 绿色未来组件
├── home/ # 首页组件（Banner、Brand、News、List）
├── honors/ # 荣誉展示组件
├── responsibility/ # 社会责任组件
├── science/ # 科技研发组件
├── sociareport/ # 社会报告组件
├── strategy/ # 战略规划组件
├── volunteer/ # 志愿者组件
├── ygga/ # 阳光公益组件
└── common/ # 公共组件
├── full-page.vue # 全屏滚动容器
├── swiper-banner.vue # 轮播图
├── image.vue # 图片组件
├── image-or-video.vue # 图片/视频切换
├── loading.vue # 加载动画
├── pager.vue # 分页器
├── cover-image.vue # 图片封面
├── details-editor.vue # 富文本渲染
├── play-btn.vue # 播放按钮
└── countTo/ # 数字滚动动画

采用内容管理 + C端SSR渲染
1、SSR 优先 - SEO 友好，首屏性能优
2、组件化清晰 - 按业务模块组织，复用度高
3、双端独立适配 - PostCSS 自动转换，避免媒体查询冗余
4、API 统一封装 - 服务端代理 + GraphQL，数据结构标准化
5、插件化扩展 - 埋点、分享、动画等功能模块化
6、轻量状态管理 - 利用 Nuxt 3 内置能力