告别“毛坯房”！像真正的产品经理一样，分步骤精修你的 UI 界面
在接下来的每一步中，你都会让豆包修改代码。为了防止原本好用的按钮突然“失灵”，你发给豆包的每一段提示词的最后，都必须加上这句护城河口诀：
我们平时用 HTML 写出来的按钮，就像没有化妆的素颜。而 CSS（层叠样式表） 就是网页的化妆品。请看下面这三个按钮，它们在 HTML 里的代码一模一样，仅仅是因为穿上了不同的 CSS 外衣：
干巴巴的，毫无点击欲望
半透明发光，像苹果 iOS 系统
霓虹灯效，科幻感拉满
打开你上节课的 .html 代码，复制全部内容。然后跟着下面的四个步骤，一步步指挥豆包！
我们要告别死板的白底黑字，给网页铺上好看的背景，并把所有内容装进一个“卡片”里居中显示。
文字太拥挤会让人看着难受。我们来调整文字的大小、颜色和间距。
按钮是用户点击最多的地方，必须让它充满诱惑力！
高级的网页，在你鼠标放上去的时候会给你反馈。
在做第一步时，你可以把【渐变色背景】替换成下面这些高级描述：
提示词：参考搞笑动物角色“刀盾”的特征，使用明亮饱和的黄橙色系渐变，带来充满活力、喜剧感拉满的视觉冲击。
提示词：使用深邃的赛博蓝到紫色的暗色渐变，卡片背景改为深色半透明（带磨砂玻璃模糊效果），文字改为亮色。