Now let me generate the product images for the page:

Now let me build all the components. I'll start with the globals.css theme, layout, and then the components:

Now update the layout with the proper fonts:

Now update the tailwind config to use the font variables:

Now let's create the components. I'll create the header, product gallery, product info, product details accordion, and the page:

Now create the main page:

Now create the related products component with more generated images:

Let me verify everything is correct by checking the final globals.css:

页面已完成！这是一个以「MAISON」为品牌的高端陶瓷精品电商产品页，整体设计风格如下：

• 视觉风格：采用你指定的 #F9F8F4 暖米白色背景，搭配深炭黑 (#1A1A1A) 文字和温暖的中性色系，营造出高端精品店的氛围。标题使用 DM Serif Display 衬线字体，正文使用 DM Sans 无衬线字体，形成优雅的字体层次。
• 页面结构：包含固定导航头、产品大图画廊（支持缩略图切换）、产品信息区（颜色/尺寸/数量选择器 + 手风琴折叠详情）、品牌理念横幅引言区、相关推荐产品区，以及完整的页脚。
• 交互细节：图片画廊支持点击切换，颜色/尺寸按钮有明确的选中状态，数量加减器平滑过渡，相关产品卡片悬停时有缓慢放大效果，整体响应式适配移动端与桌面端。