Profile Surface / 关于奈月
关于奈月
这是个人主页的内容卡片 demo，用来测试真实内容替换前的排版边界： 中日英混排、长句、短标签、列表、表格、代码片段、不同高度区块和页面滚动。
小卡片排版
测试等宽网格、短标题、长说明和多语言内容。
角色气质
安静、月光、柔软的夜色，以及一点点黑猫的距离感。
日本語
しずかな夜、月明かり、やわらかい空気。長い文章でも自然に折り返す。
English
A calm personal home for identity, links, and small signals.
排版目标
内容密度要足够测试边界，但视觉上仍然保持轻、软、干净。
“这里不是博客列表，而是一个干净的入口页面。内容可以很轻，但边界测试必须足够重。”
阅读节奏
这个面板测试较长段落。真实内容可能会介绍名字、角色气质、展示入口和一些偏好。 即使段落变长，卡片也应该只自然增长，不产生横向滚动。
- 短句测试。
- 中等长度测试：这一行包含中文、English、数字 2026 和符号 #moon。
- 长句测试：当真实内容替换 demo 后，页面仍然需要在桌面宽屏、窄屏手机、深色模式和浅色模式下保持一致的阅读节奏。
- 日文混排：しずかな夜 / 月明かり / やわらかい空気。
多语言与长文本
验证 Noto 字体系、长 token 和不同语言在同一区域的表现。
export const profile = {
name: "奈月",
theme: ["moon", "cat", "violet"],
updated: "2026-06-17",
};提示块测试：短内容需要像轻量便签，而不是厚重卡片。
混排提示：奈月 / Natsuki / 月明かり / hello@natsuki.cloud。
长提示：如果未来这里放站点说明、更新状态或免责声明，也应该自然增长并保持可读。
链接与按钮测试
这些仍然是 demo。正式内容迁移时，只需要替换数据和文案，不需要依赖固定长度。
内部链接示例 跳转到找到奈月，用来测试普通文本链接在正文中的样式。
外部链接示例 打开 Pixiv 主页，用来测试外链、换行和 focus 状态。
邮件链接示例 发送邮件，用来测试 mailto 链接和长地址展示。
按钮状态：尚未触发。
时间线与键值表
这里故意让内容更长，用来测试宽屏下的页面滚动和顶栏沉浸状态。
夜间窗口
背景图较暗时，mica 卡片需要保持文字清晰，并让顶栏进入沉浸态时不显得突兀。
晨间检查
短标题、状态标签、小段说明和密集信息块需要同时出现，用来观察视觉层级。
长内容滚动
这里故意加入更多内容，让宽屏也能触发滚动，从而测试顶栏隐藏、卡片高度和横向切换。
更长内容块
让关于页明显长于联系页，便于检查不同高度面板切换和滚动位置重置。
可替换内容
之后这里可以换成真实自我介绍、作品方向、常用入口或轻量状态，不需要改变页面结构。
不同高度
关于页内容比联系页更长，用来验证不同高度面板之间切换时，外层高度过渡仍然自然。
边界测试
包含长词、长链接、列表、表格、引用和代码片段，尽量提前暴露未来内容替换可能造成的问题。