站点地址：www.kokonoyu.com
本文介绍我制作的九重紫（Kokonoe Yukari）非官方个人主页。该站点定位为粉丝应援与资料整理用途，非官方、非盈利，所有内容均可在站点内查看。
站点结构
网站采用多页面结构，通过顶部导航访问以下栏目：
- 主页：角色形象展示、简短介绍、个人档案、直播内容与相关梗的整理，以及活跃天数等数据。
- 作品：九重紫相关作品与内容的导航整理。
- 音乐：音乐作品展示与在线播放。
- 画廊：图片作品展示，支持点击查看大图。
- 历程：按时间线整理的重要节点与活动记录。
- 留言板：访客留言与交流。
- 关于本站：站点说明与相关信息。
同时提供简体中文与日语两套界面语言，可通过页面顶部的语言按钮切换。
功能设计
音乐模块
音乐资源托管于 Cloudflare R2，通过页面内置播放器播放。播放过程中切换页面不会中断，页面右下角会显示迷你播放器，支持切歌、暂停与播放模式切换。
画廊模块
图片资源同样来自 Cloudflare R2，采用画廊式布局与懒加载机制，点击缩略图可查看大图，并针对手机屏幕进行了适配。
留言板模块
支持访客选择头像并提交留言，留言内容在页面内即时展示，便于粉丝之间交流。
历程与作品
历程页按时间线整理重要节点与活动记录；作品页提供相关内容导航。
响应式适配
全站采用响应式设计，手机端对导航、图片、按钮与文字排版均做了单独优化，保证不同屏幕尺寸下的浏览体验。
视觉与交互设计
视觉风格以亮色二次元与 VTuber 角色站为方向，主色调为粉色、紫色与浅蓝，配合少量渐变效果，整体呈现温暖、梦幻的氛围。标题与导航使用圆体风格字体，中文可读性良好。
页面装饰元素包括樱花树与飘落的花瓣、左下角的 sirotan 形象等，均为轻量动画，不影响页面性能。交互方面实现了卡片悬浮、页面淡入过渡、图片悬停效果，以及鼠标跟随等细节反馈。sirotan 的视线会随鼠标位置移动，属于基于前端叠加层实现的轻量交互效果，不依赖额外运行库。
技术说明
- 音视频与图片资源均存于 Cloudflare R2，站点本身保持轻量。
- 图片使用懒加载，音乐与画廊页面按需加载资源。
- 页面结构清晰，便于后续维护与扩展。
- 站点支持 Cloudflare / Vercel 等常见静态托管环境。
后续计划
后续计划包括完善画廊投稿渠道、补充音乐封面信息，以及在获得授权后推进更正式的作品导航与音乐站建设。目前尚未获得主播的正式授权回复，站点将继续保持非官方、非盈利的粉丝向定位。
版权与免责声明
- 本网站内所使用的美术素材、图片、Logo、背景故事及设定等内容，版权均归主播九重紫（Kokonoe Yukari）及其合作画师所有。
- 本站仅作粉丝安利与资料整理用途，无任何商业盈利目的。
- 如内容存在侵权或不妥之处，可通过 B 站私信联系作者，作者将第一时间配合修改或删除。