HANGYU · 课件
COURSEWARE · 2026.05.18  ·  WEB DESIGN · 通识

从想法到 URL，
两节课做一个
不像 AI 做的作品集。

A two-session studio · build with restraint, ship with intent.

90 + 90 分钟。
学生主力工具：Kimi 网页生成；部署：Cloudflare Pages。
老师在两个关键时刻穿插 Claude Code 演示——让你看见"上限"，但不要求你立刻够到。
你的目标只有一个：离开教室的时候，手里有一个真实可以打开的网址。

姬航宇 · Hangyu · 西安音乐学院 · AI 通识

第一节｜建站逻辑课

Lesson One · the logic before the build
  1. 引入：现场对比演示
  2. 讲授 ①：工具地图
  3. 实践 ①：第一次建站
  4. 讲授 ②：审美注入
  5. 实践 ②：换风格对比

第二节｜实战搭建课

Lesson Two · from blank page to URL
  1. 复盘 + 5 步法
  2. 写启动 prompt + 视觉素材
  3. 实战搭建
  4. 部署上线
  5. URL 巡礼 + 收束
第一节LESSON ONE

建站逻辑课

The logic before the build · 90 min
本节目标

看懂三类建站工具的差异，建立反 AI slop 的审美判断，并在课堂上用 Kimi 做出你的第一个着陆页。

课堂节奏：讲授 ≤ 35 分钟，剩下 55 分钟全是实操与对比。

课堂封面——音乐学院学生与各自笔记本电脑屏幕上的不同风格网页
prompt 摘要：极简编辑插画封面——音乐学院学生与笔记本电脑屏幕上的不同风格网页；暖白纸张 + 墨黑 + 土黄；参考 Pitchfork / ECM 视觉。

课前准备｜你要带的东西

  • 笔记本电脑（必须）
  • kimi.com 账号已登录（手机号注册即可，无需翻墙）
  • Wegic 或秒哒任意一个备用账号
  • 找好 3 个自己喜欢的网站作为参考——截图或网址都行
  • 一张自己的照片（头像、生活照、作品照均可）
0 – 15 MIN

引入：现场对比演示

Three tools, one prompt — what's their default?

教学目标：让你用眼睛看到同一句话在三个工具里的差异——而且三个工具都是国内可用、不用翻墙的。

老师投屏，同时打开三个标签页：

  • kimi.com（进入"做网页"入口）
  • wegic.ai
  • miaoda.baidu.com（秒哒）

输入完全相同的 prompt：

做一个西安音乐学院音乐数字媒体专业学生的个人作品集网站，
包含 hero、作品、关于、联系四个区。

让三个工具同时跑。等待的时候，听老师讲——

"我们现在故意没有给任何审美约束。

看看三个工具默认会给我们什么——这就是它们的'本能反应'。

结果几乎都会是 'AI slop'——一会儿我会告诉你们这个词是什么意思。"

投屏对比 · 你来观察

三个产出都出来后，轮流上来描述你看到的：

  • 字体一样吗？
  • 颜色一样吗？
  • 布局一样吗？
Kimi、Wegic、秒哒三个工具对同一 prompt 的产出对比
说明：三个工具对同一 prompt 的产出并排截图。老师投屏后截图、课后补到这里。

"看出来了吗？三个工具产出惊人地相似——都是大标题、都是三栏卡片、都是暖白背景。

这就是 2026 年最重要的一个词：AI slop——AI 中位味。

不是某个工具的问题，是所有 AI 都倾向于回归到互联网平均水平。

我们这节课要解决的根本问题——
怎么让 AI 不按它的默认套路出，按你的审美出。"

15 – 35 MIN

讲授 ①：AI 建站工具地图

A map · three paths · five criteria

三条路径的本质（用"装修房子"做比喻）

1
聊天式　·　甲方关系

你说话，工人全包。代表：Kimi 网页生成、Wegic、秒哒、Lovable、Bolt。

2
工具式　·　设计师关系

AI 给你"零件"，你自己拼。代表：v0、Magic Patterns。

3
助手式　·　项目负责人关系

AI 在你电脑里"打工"，你监工。代表：Claude Code（老师演示位）、Cursor、Trae。

三条路径的对比示意——甲方、设计师、项目负责人
prompt 摘要：三栏手绘对比——甲方 / 设计师 / 项目负责人；黑细线 + 暖白底 + 土黄阴影。

你的"主力路径"

"你们的主力是 Kimi 网页生成——理由很现实：

· 它是聊天式里中文体验最好的
· 不用翻墙、不用注册新平台
· 5 分钟出第一版

Claude Code 是老师上课会演示给你们看的——目的不是让你们用，是让你们看到 'AI 建站的上限长什么样'。

你们用 Kimi 不是用了'低配版'，是用了国内可达的最优解。"

五条判断标准

给你一把尺，以后再看任何新工具都能用：

标准问自己Kimi
1. 代码所有权网页能不能下载到自己电脑？能
2. 上线自由度能不能放到自己的网址？能
3. 风格可控能不能给它参考图？能
4. 后台能力要不要账号系统？不行（要的话用秒哒 / Lovable）
5. 长期能改吗半年后还能升级吗？能（因为代码可下载）
五条工具判断标准的图标
prompt 摘要：五个并排极简图标——钥匙 / 地球 / 调色板 / 数据库 / 沙漏；单色版画风。
35 – 55 MIN

实践 ①：第一次建站

Your first landing page · 20 minutes

本段目标：你在 20 分钟内用 Kimi 做出一个能给同桌看的着陆页。

1
打开 kimi.com，进入"做网页"入口5 min

登录、找到入口、准备开始。

2
按下面的模板写第一段 prompt5 min

不要给约束——故意先体验"AI 默认产出"。

3
让 Kimi 跑，观察你的产出10 min

回答两个问题：① 这一版好不好看？② 像不像 AI 做的？

第一段 prompt 模板（直接复制改）

我是西安音乐学院 [你的专业] 的学生。

我想做一个个人作品集网页——给招生官或者潜在合作者看的。

包含 4 个区：
- Hero：我的名字 + 一句话定位
- 作品：3–5 件作品
- 关于：自我介绍
- 联系：邮箱

[贴一张你喜欢的网站截图]
注意

这一段不要追求"做得好"——故意让自己体验"AI 默认产出的局限"。这是下一段讲审美的钩子。

必达标准

  • 你有一个能在浏览器打开的页面（哪怕只有 Hero 区）
  • 你能说出页面至少一处不满意的地方——用你自己的话
学生第一次 Kimi 产出的网页截图集
说明：3–4 位学生第一次 Kimi 产出的页面截图拼图。老师挑最具代表性（最 AI slop）的几张。
55 – 75 MIN

讲授 ②：避免 AI slop + 把审美注入 AI

The soul of this lesson · 20 min

整个建站板块的灵魂。20 分钟前你刚亲身体验了"AI slop"长什么样，这 20 分钟我们讲为什么会这样、怎么对抗。

Part 1 · 什么是 AI slop？为什么所有网页都长一样？（8 min）

老师会展示 5 张 AI slop 反例 + 5 张反 AI slop 正例：

AI slop 视觉特征 5 例
说明：5 张 AI slop 反例拼图（典型紫粉渐变 / 三栏卡片 / fade-in / 大 CTA / emoji 等）。
反 AI slop 的网页设计 5 例
说明：5 张反 AI slop 正例（Jessica Hische / Pitchfork / Reading.supply / Studio Lin / Are.na）。

"所有 AI 都倾向于回归到 '互联网平均水平'。这是它的本能，不是它的错。

但'互联网平均水平' = 平庸 = 没人记得住你。

作为艺术院校学生——你的审美训练让你能看出'什么是好'。这是 99% 用户没有的能力。

AI 时代，'有审美'比'会写代码'值钱 10 倍。"

Part 2 · 把审美注入 AI 的 5 种办法（12 min）

老师在 Kimi 里演示前 3 种 + 第 5 种；第 4 种用 Claude Code 演示。

办法 1 · 给参考图

老师当场拖一张 Pitchfork 文章页截图进 Kimi，加一句"参考这张图的氛围帮我重做"。看页面 30 秒内的变化。

办法 2 · 写"品牌手册"约束

老师粘贴一段简化的 brand-guide 进 Kimi：

约束：
- 字体：思源宋体做标题，思源黑体做正文
- 严禁 system-ui / Inter
- 配色：深海军蓝 + 暖白 + 点缀金
- 严禁紫粉渐变、严禁三栏卡片、严禁 fade-in 动画

再让它跑一次——看到约束的威力。

办法 3 · 多轮校正

老师故意找一个产出页面的"小问题"，用标准句式校正：

"标题字号太小了，放大到现在的 1.5 倍。
字体不对——我要衬线，不要无衬线。
其他都不要动。"

一次只改一件事——这是纪律。

办法 4 · Claude Code + Skills（老师演示位）

老师在 Claude Code 里实际跑一次：同样的 prompt，但加载 frontend-design Skill，让 Claude 在文件夹里慢慢构建一个真实项目。

老师演示 Claude Code 的课堂场景
prompt 摘要：老师在投影屏前演示 Claude Code，屏上深色终端 + 网页预览并排；学生剪影看；New Yorker 编辑插画风。

"Skill 是 Claude Code 独有的，Kimi 上没有完全一样的东西。

但它背后的思路——'让 AI 每次都记住你的审美约束'——在 Kimi 上完全可以复现：

· 用 Kimi+ 创建一个自定义助手，把 brand-guide 写进它的预设里
· 或者每次新对话先粘一段固定的"审美约束开场白"

你们看老师演示，不是为了用 Claude，是为了理解'持久审美约束'这件事到底是什么。"

办法 5 · 主动做减法

老师对当前页面说：

"现在这页太满了。请：
- 删掉特性区
- 删掉 CTA 大按钮
- 首屏只留一句话和一张照片
- 其他都靠'滚动慢慢看见'的方式呈现"

少 = 好。看到页面"减完之后"的克制感。

75 – 90 MIN

实践 ②：换风格对比

Apply at least 2 of the 5 methods, iterate once.

本段目标：在你刚才做的"AI slop 着陆页"上，应用 5 种办法中的至少 2 种，做一轮迭代。

1
挑 1 张 design reference3 min

从你课前找的 3 张里挑 1 张作为本轮的氛围参考。

2
在同一个 Kimi 对话里追加下面这段约束10 min

把模板抄过去，把方括号 [..] 里换成你自己的选择。

3
截两张图：改之前 / 改之后2 min

存到一个文件夹里——后面要用。

我对刚才的页面不满意——太"AI 味"了。请按下面的约束重做一遍：

[拖入你选的那张 design reference]
氛围参考这张图。

约束：
- 字体：[你选的字体]
- 配色：[你选的色板，3 个色就够]
- 严禁三栏卡片
- 严禁 fade-in 动画
- 严禁 CTA 大按钮
- 首屏只留一句话 + 一张图

请改完整页，其他不要动。
同一网页的'AI slop'和'反 AI slop'对比示意
prompt 摘要：编辑插画双联画——左 AI slop（紫粉 / 三栏 / emoji），右克制版（深底 / 衬线 / 留白）；中间金色分隔线 before / after。
看你们手里的两张截图——
左边是"AI 给你的"，
右边是"你拿回来的"。 Left: what AI gave you. Right: what you took back.

"这 90 分钟里，你们做的不是'学会建网站'。

你们做的是——学会让 AI 听你的话。

下节课我们要把它做完——每人离开教室的时候，手里要有一个真实能给陌生人看的网址。"

课后作业｜下节课开始前必须完成

  1. 5 张作品素材——音频封面、视频缩略、照片、项目截图。音乐类同学如果素材不够，下节课会教你用 AI 图像模型补。
  2. 200 字自我介绍（中文 + 英文）
  3. 每件作品 50 字说明
  4. 3 个 design reference——本节课用过的可以继续用
  5. CloudFlare 账号注册好（部署用，免费）

如果你卡住了｜第一节常见情况

情况怎么办
Kimi 服务卡顿 切到 Wegic（中文友好、免费版 3 页）；极端情况先纸上画草图，看老师 Claude Code 演示，课后自己跑
看不出 AI slop 的问题 不要硬说服自己。回到那个真实问题："如果你必须选一张当头像背景，你选哪张？"——大部分人在"实际选"的时候能选对，只是说不出"为什么"。
你比同学快 把办法 1 + 2 + 5 全用上，跑一轮极限的"克制版"
你比同学慢 只做办法 1（参考图）就够了。没人空跑。
第二节LESSON TWO

实战搭建课

From blank page to a real URL · 90 min
本节目标

你离开教室的时候，手里有一个真实可访问的 URL——你自己的作品集网站。

课堂节奏：讲授 ≤ 18 分钟，72 分钟全是动手 + 部署 + 互评。统一走 Kimi 路径+ Cloudflare Pages 部署，老师在两个关键时刻穿插 Claude Code 演示。

第二节课封面——学生面对自己刚刚做好的作品集网页
prompt 摘要：极简编辑插画——学生面对自己的作品集网页，屏幕一角浮现 URL；暖墨黑 + 屏幕冷光 + 土黄阴影；Pitchfork / Reading.supply 气质。

课前必带｜没带齐就开始不了

  • 笔记本电脑 + 充电器
  • 5 张以上自己的作品素材（音乐封面 / 视频缩略图 / 照片 / 项目截图）
    音乐类专业的同学如果素材不够，本节有专门 5 分钟教你用 AI 图像模型补。
  • 200 字自我介绍（中文 + 英文）
  • 每件作品的 50 字说明
  • 3 个 design reference（上节用过的可以继续用）
  • 清晰的头像或代表图一张
  • Cloudflare 账号已注册（cloudflare.com，免费）
  • Kimi 账号已登录（kimi.com）
0 – 15 MIN

复盘 + 5 步法

From last week's before/after to this week's plan

Step 1 · 复盘上节课作品（5 min）

老师会随机投屏 3 位同学上节课"实践 ②"的对比作品（before / after）。全班评一句：

  • 哪个改得最有效？
  • 哪个还在 AI slop 里？
学生上节课的 before/after 截图复盘
说明：3 位学生上节课"实践 ②"的 before / after 拼图。

"上节课你们做的是给虚构的人的着陆页。

这节课要做的是给真实的自己的作品集。

难度不在'AI 能不能做'——AI 能做。
难度在于——你能不能想清楚自己想要什么。"

Step 2 · 讲 5 步法（10 min）

步骤占多少时间这一步做什么
1. 构思5%决定一切——但只占 5%
2. 提示15%写出包含五要素的启动 prompt
3. 生成10%让 AI 跑出第一版
4. 迭代50%反直觉但属实——改改改占一半时间
5. 上线20%部署到一个真实可分享的网址
5 步法时间分配可视化——迭代占 50%
prompt 摘要：手绘横向流程图——构思 5% / 提示 15% / 生成 10% / 迭代 50%（粗圈强调）/ 上线 20%；暖白底 + 墨黑 + 土黄。
反直觉的两件事

第 1 步（构思）只占 5% 时间，但决定一切；
第 4 步（迭代）占 50% 时间——不是写代码占时间，是改改改占时间。

现在掏出你的"构思纸"，确认五要素都有：

  • 网站目的（一句话）
  • 受众是谁
  • 3 件必须传达的事
  • 3 个参考
  • 整体氛围的形容词

没准备的话——老师给 3 分钟现场补。

15 – 25 MIN

写启动 prompt + 视觉素材

Brief the model · feed it your images

写启动 prompt（5 min）

强制要求
  • 必须包含五要素（角色 / 受众 / 气质 / 内容 / 约束）
  • 必须有 design reference（参考图或网址）
  • 必须明确："先给方案，再写代码"
  • 必须包含反 AI slop 的约束清单（严禁什么）

写完 → 给同桌看 30 秒互评 → 修正 → 准备开跑。

音乐类同学的"视觉素材问题"（5 min）

这 5 分钟是专门给音乐类专业的同学。其他同学这段时间可以先开始跑 prompt。

音乐类专业'视觉素材稀缺'问题及其解法
prompt 摘要：上下双联编辑插画——上：音乐学生手持 U 盘表情困惑；下：同一学生让 AI 为音乐生成唱片封面。

"音乐类同学一个真实的痛点——你们的'作品'是音频，不是图。

网页是视觉媒介，没图就没说服力。

解法：用 AI 图像模型为你的音乐生成视觉。"

老师投屏，打开 即梦 AI（jimeng.jianying.com），输入一段 prompt：

为我的钢琴独奏 EP 做一张唱片封面。
风格参考：1970 年代 ECM 唱片视觉——
极简、冷色调（青灰 + 雾蓝）、留白慷慨。
画面：一只手悬在水面上方，水面倒影模糊，
16 mm 胶片颗粒感。
严禁：渐变、霓虹、数字感、卡通元素。

看一张"真正像音乐的图"是怎么出来的。

音乐类同学｜本段快速路径
  1. 打开 即梦 AI 或 通义万相
  2. 用上面 prompt 模板的"视觉锚定词典"
  3. 生成 3–5 张：1 张主形象 + 几张作品缩略图
  4. 下载到本地——下一段实战搭建时让 Kimi 把图嵌进网页
25 – 65 MIN

实战搭建

40 minutes · iterate, iterate, iterate

这一段的本质是陪伴 + 救火。老师不再讲授，全程在教室转。

老师停在你旁边时的三个问题

  1. "你现在做到哪一步了？"
  2. "下一步想改什么？"
  3. "为什么改这个？"

第 3 个问题是关键——它逼你说出自己的判断。准备好你的回答。

你的工作流（统一 Kimi 路径）

1
Kimi 出第一版页面
2
把图片素材一张一张嵌进去

包括即梦生成的视觉。

3
多轮迭代——每次只改一件事

每改完一轮下载存档。

4
形成 v1 / v2 / v3 … 多个版本
5
最终选定一版作为"上线版"
Kimi 路径下的实战搭建循环图
prompt 摘要：手绘循环图——写 prompt → Kimi 出页面 → 看效果 → 下载存档 → 继续改；中心字"小步快跑"。
老师演示位 ① · 约第 25 分钟 · Claude Code 的 git 时光机

老师暂停教室 2 分钟，投屏演示：

git log --oneline
# 显示最近 5 个 commit：
# v3：调整字体
# v2：换色板
# v1：第一版

git checkout v2
# 回到 v2 的状态——页面瞬间变回 v2 的样子

"原理和你们一样——'每改完一版存档一次'。Claude Code 只是更优雅——一行命令穿梭版本。你们用 Kimi 是'文件夹版的 git'——一样有效。"

中段公示｜约第 45 分钟

老师暂停教室 3 分钟做"中段公示"——抽 2 位进度快的展示，1 位卡住的求助，全班帮诊断。目的：让进度慢的同学看到别人的方法。

中段公示——学生互相诊断网页
说明：中段公示时——学生展示自己页面、全班帮忙诊断的瞬间。

这 40 分钟必须达到的最低标准

  • 一个能在浏览器打开的本地 HTML 文件
  • 你自己的真实图片至少 3 张已经放进去
    音乐类同学：包括即梦生成的视觉
  • 真实文字（不能有 "Lorem ipsum"、不能有 "Your name here"）
65 – 80 MIN

部署上线

No URL · no portfolio.
没有 URL 的作品集不存在。
必须上线，必须可分享。 If it isn't shareable, it doesn't exist.

推荐路径｜Cloudflare Pages 拖拽上线（3 步）

Cloudflare Pages 三步部署流程图
prompt 摘要：3 步流程手绘图——登录 cloudflare → Pages 上传 → 拿到 URL（xxx.pages.dev）。
1
打开 cloudflare.com，登录

课前已经注册好了，直接登录。

2
左侧菜单 → "Workers & Pages" → "Create" → "Upload assets"

把你最满意的 HTML 文件（比如 portfolio-v5.html）直接拖进去。
有图片文件（即梦生成的等），全部一起拖进去。
给项目起个名字（比如 lin-yi），点 "Deploy"。

3
30 秒后拿到 URL

比如 https://lin-yi.pages.dev——全程免费、自动 HTTPS、国内可访问。

常见卡点｜90 秒诊断对照表

卡住举手，老师 90 秒给你诊断。下面是最常见的几种：

卡点解决
Cloudflare 注册不了用备用方案：腾讯 EdgeOne Pages（pages.tencentedgeone.com），无需国外邮箱
上传后页面打不开90% 是 HTML 没命名为 index.html——改文件名重传
图片不显示检查 HTML 里 <img src="..."> 是不是相对路径；让 Kimi 帮改
移动端难看让 Kimi 加一句 "make it responsive"，重新下载、重新部署
Cloudflare 国内打开慢用腾讯 EdgeOne 替代（pages.tencentedgeone.com）
老师演示位 ② · 部署阶段穿插 · Claude Code 的 GitHub → Vercel 流水线

老师投屏演示 90 秒：

# 在 Claude Code 里
"帮我把这个项目 push 到 GitHub，然后在 Vercel 部署。"

# Claude 自动执行：
# 1. git init && git commit
# 2. gh repo create
# 3. git push
# 4. 调 Vercel API 部署
# 5. 返回 URL

"这是 Claude Code 的"天花板"——一句话完成你们用 10 分钟做的事。但你们用 Cloudflare Pages 拖拽上传——一样能拿到真实的网址。天花板 vs 地板的差距是"优雅"，不是"能不能做到"。"

上线后必走的检查清单

部署完亲自用手机和电脑各打开一遍，逐项检查：

  • 手机端是否正常（不要变形 / 字太小）
  • 所有链接能不能点
  • 图片能不能加载出来
  • 没有错别字
  • 没有占位文字残留（Lorem ipsum / Your name here）
  • 整页发给陌生人看 30 秒——他能不能一眼看出"是 AI 做的"？
80 – 90 MIN

URL 巡礼 + 收束

The walkthrough · and a sentence to take home

URL 大公开（5 min）

每个同学把自己的网址发到课堂共享文档（飞书 / 腾讯文档已经准备好表格）：

学生URL一句话定位
…https://…"我是做 ambient 音乐的纪录片摄影师"

老师现场投屏点开 5 个同学的网站——每个看 30 秒，全班集体看。

URL 巡礼——投屏展示学生作品
说明：URL 巡礼瞬间——投屏点开学生网站的状态。

这一刻的能量很重要——让你看到"我做出来的"，也看到"别人做出来的"。

课程收束（3 min）

课程收束——学生带着自己的 URL 离开教室
prompt 摘要：温暖的编辑插画——学生离开教室，每人手中一张印着不同 URL 的小卡片；暖墨黑 + 暖橙窗光；The New Yorker 封面风。

"你们现在每个人手上都有一个 URL。

这个 URL 是属于你的——它会一直在那里。
你可以发给招生官、发给客户、发给爸妈、发到朋友圈。

它不像 AI 做的——因为是你想清楚了想要什么，再让 AI 帮你执行的。

AI 时代，'有 URL'已经不稀奇了。
'有一个看起来不像 AI 做的 URL' 才是稀奇的。

你们今天迈出了这一步。"

课后作业｜本周内完成

  1. 本周内继续迭代——让网站到达"你愿意发给陌生人看"的状态
  2. 写一份 500 字反思：用了哪些工具 / 卡在哪里 / 哪一步最难
  3. 写一份属于自己的 brand-guide.md——把你的字体、配色、严禁清单沉淀成一份文件，下次直接喂 AI
  4. 音乐类同学：把即梦生成的视觉素材整理成一个"个人视觉档案"——这是你未来所有作品的视觉资产
  5. 下学期：用这个网站作为期末作品的"个人门面"

如果你卡住了｜第二节常见情况

情况怎么办
设备问题教室备有 2–3 台备用 MacBook；Kimi 网页版任何能上网的设备都能用，不需要装东西
Cloudflare 注册卡壳走 腾讯 EdgeOne Pages（pages.tencentedgeone.com），不需要国外邮箱
西安网速时段慢Cloudflare Pages 国内偶尔慢——切 EdgeOne；极端情况先把 HTML 存到 U 盘 / 飞书云盘，下课后部署
你进度比同学快当"小老师"帮卡住的同学，把你刚才走通的路径讲一遍——你会因此理解得更深
你进度比同学慢降低目标——先把 Hero 区做出来即可。没人空跑。真的来不及，课后用半小时也能完成
页面"看起来挺好"但你怀疑还是 AI slop对照第一节"反 AI slop 检查清单"过一遍。中段公示时举手让全班帮诊断，比自己看更准
音乐类同学完全没素材课中 5 分钟用即梦先生成几张；极端情况用 Vidu（音频生视频）喂一段你自己的 demo，截一张静帧当主形象

从想法到 URL，
就是这两节课。

你学到的不是"会建网站"——你学到的是让 AI 听你的话。
这件能力可以迁移到你接下来做的任何事：写论文、剪片子、做混音、写策划。

审美是你的，URL 是你的。
AI 只是那个站在你身边、按你说的话干活的伙计。

↑ 回到第一节 ↑ 回到第二节 ↑ 回到课后作业 ↑ 回到封面
姬航宇 · Hangyu · 2026.05.18  ·  西安音乐学院 · AI 通识