太阳能光伏制造企业官网 – 数字游牧可持续风 .

请根据以下品牌背景与需求，为我们生成“首页 (Homepage)”的高真 MVP Demo 静态 HTML 页面。 # 1. 品牌背景与设计风格 - **项目名称：** 绿脉能源 (Verve Solar) - 一家主打高定建筑光伏一体化 (BIPV) 与高端家庭微电网的科技公司。 - **目标受众：** 欧美高端独立住宅业主、低碳生活设计师、精品商业地产开发商。 - **视觉美学：** - **风格融合：** 将 **Modern Editorial (现代杂志风)** 与 **Organic Minimalist (有机极简主义)** 结合。 - **色彩意境：** 摒弃传统的深蓝或纯黑，采用大面积的柔和自然色调。以“羊绒白/浅燕麦色 (#F9F6F0)”作为大背景，搭配“鼠尾草绿、冷杉暗绿”作为强调色，文字采用“深苔藓黑/暖炭灰”，营造出极具治愈感、松弛感的可持续科技氛围。 - **版式设计：** 画面极其轻盈（Lightweight）。使用大量优雅的**留白（Negative Space）**和圆角（如 `rounded-2xl` 或 `rounded-3xl`），模块之间不用硬线分割，而是通过轻微的色彩块面（Card Backgrounds）隐性区分。 - **字体：** 标题采用具有人文气息的优雅衬线体（如 Garamond 或 Playfair Display），正文使用极致干净的无衬线体。 # 2. 核心页面区块与 Alpine.js 交互需求 - **Block 1: Immersive Eco Hero:** 极简的居中杂志排版。背景是阳光洒在现代生态住宅（带有光伏屋顶）的温暖画面。中央只有一句极轻但高雅的标语。包含一个 Alpine.js 驱动的「能效测算弹窗」，采用无缝的淡入淡出动效。 - **Block 2: Sustainability Story (生态叙事):** 左右非对称图文编排。通过流畅的排版讲述太阳能如何无感融入日常生活。 - **Block 3: Smart Living Carousel (智能场景轮播):** 展示“早晨：电池蓄能”、“午后：车辆充电”、“夜晚：全家供电”的 24 小时生态闭环。使用 Alpine.js 实现一个带有流畅平滑微动效的选项卡或幻灯片切换（卡片间带有毛玻璃 `backdrop-blur` 质感）。 - **Block 4: Visual Testimonials (业主实景见证):** 采用大画幅的瀑布流卡片，点击某张卡片可以通过 Alpine.js 触发一个精美的「全屏案例细节大图弹窗 (Lightbox)」。 # 3. 交付约束 - 严格遵循系统提示词技术栈（HTML5 + Tailwind CDN + Alpine.js + Lucide Icons）。 - 图片必须呈现温暖、充满阳光、绿色植被、现代建筑自然融合的高清氛围。