Gravy Boat：一个可以浇成酱汁海的纯 CSS 肉酱薯条落地页

📋 概述

这是 Frontend Challenge 舒适食物版的参赛作品。作者为一辆只卖肉酱薯条（poutine）的虚构餐车搭建了落地页 Gravy Boat——英雄区不是照片，而是他为同一挑战另一半构建的纯 CSS poutine（50 根薯条、13 块奶酪凝块、无图片），并接上了一个滑块：从“干”拖到“淹没”，盘子上的酱汁会实时响应。亮点是整个交互由 CSS 自定义属性驱动而非 JS，三份文件、无构建步骤、无依赖、无框架。