Xiang

v1.9.4当前版本

全站禁止缩放：首页与全部二级页拦截 Ctrl/Cmd + 滚轮（含触控板、触屏双指捏合）、Ctrl/Cmd + 加减号与 0、Safari 手势，并加固视口设置，页面在任何操作下都保持 100% 大小
摄影作品加载提速：弹窗大图改用显示优化版（长边 ≤ 1080、单张 ≤ 150KB），并改为流式下载 —— 页面底部出现一条极简细进度条显示真实下载进度，图片就绪后自动淡出；下载字节缓存复用，同一张照片再次打开瞬时呈现
摄影弹窗尺寸收紧：上限由 1040×780 调整为 960×720，大图观感更克制、解码更省
照片资源瘦身：摄影作品只保留压缩版本（弹窗大图 / 模糊占位 / 卡片缩略图），删除全部原始大图，images/photo/ 由 7.8MB 降至约 3.4MB
修复摄影图库反复「查看大图 → 返回」后可能出现的排版错乱：弹窗打开期间暂停跑马灯滚动、打开与关闭各固定一次排版，展开与收回始终以卡片真实网格位置为基准
移动端提示改为不可关闭：删除「继续使用」按钮，移动端只显示「请使用电脑打开」提示，并拦截页面交互与滚动，不再允许进入页面
首页下滑进入网站信息页的动画重做：删除原「多段过冲回弹 + CRT 扫描一闪」，改为「快速非线性滑入 + 页面内容弹出」两段式，进入更干脆利落
网站信息页调整：删除标题下的简介一行，缩小标题后的打字机块光标，技术栈与更新日志同步至当前项目
项目坐标：「高中生带你认识 F1」与「北大附中北医分校 2026 官方宣传片」两张卡片改为直接跳转 B 站视频（新标签页），对应项目二级页内新增同地址按钮
8 个项目二级页补齐站点图标，消除 favicon 404
强制缩放免疫：即使通过浏览器菜单强制缩放，页面的排版、文字与图片的大小比例和位置也完全不变 —— 以加载时为基准做反向补偿，并折算全部视口单位、门控宽度断点，实测 75%–200% 缩放下几何零差异
图片体积红线：项目内所有超过 1MB 的图片统一压缩到 1MB 以下（赛车社区素材 73.7MB 压到 7.2MB，整个项目由约 90MB 降到 22MB）

v1.9.3

首页自定义光标改用「遥控器」图片（默认整体下移，仅首页生效，其它页面不变）
移除白色细线外环；电视触发的大圈改为透明，只负责圈内明/暗文字换词，消除白色蒙版框与闪烁
恢复电视悬停「花屏」雪花层；电视墙大圈恢复主 140px / 小 100px 分级
文案调整：大电视「军训中 / Military Training」、地址模块隐藏字「游戏作品」、学校「学校经历」、专业「活动经历」
代码审计（行为不变）：电视墙热路径矩形缓存、点击火花画笔样式提升、光标尺寸缓存与悬停处理器去重、摄影弹窗媒体查询单例化、清理死代码

v1.9.2

电视墙整体换新图：五台复古电视（Sony / Panasonic / JVC / Sharp / Philips）+ 木质电视柜，新图去除透明边缘（茶几腿紧贴画面底边）并压缩转 WebP 替换 images/tv-wall.webp（1416×800）；五块屏幕玻璃、CRT 玻璃遮罩与机身点击热区全部按新图逐台实测重新定位，大电视玻璃遮罩由 SVG 多边形蒙版简化为外扩圆角矩形；补上了此前缺失的 PC 端点击热区坐标（.tv-hit--*，原热区塌缩导致电视不可点击）；桌面端电视墙底对齐视口底部（桌面紧贴浏览器底边、无桌腿，不留下方空白），移动端保持垂直居中；移动端五台电视的裁切 / 文字 / 遮罩同步按新图换算，字号按各屏相对宽度重新计算
修复光标放大效果出现「两个圈」的问题：放大（大圈）只保留 .cursor-expand 一个，且仅当光标接触到电视屏幕区域时出现（圈内的明面文字同步换成隐藏文字）；大圈激活期间，缓动跟随的外环与圆点会和大圈短暂错位（看起来像两个不重合的圈、圈内露出页面文字），现已随 body.tv-lens-on 整体隐藏，任何时刻场上只有一个大圈；后又修复了挖洞/裁剪与文字 CRT 滤镜（feDisplacementMap）分层导致的「错位矩形杂块 / 第二个圈」——mask 与滤镜改为同层（JS 把挖洞写在带滤镜的子 span 上），大圈与隐藏文字严格重合；其他可交互元素只保留「圆点隐藏 + 外环变大」，不再出现大圈
删除第一次下滑出现的半透明遮罩（.home-veil 及其「往上滑」提示）：第一次下滑无任何效果，第二次下滑直接切换到网站信息页（js/homeflow.js 状态机由三态简化为两态）
光标悬停体验三项微调：① 移除文字 CRT 滤镜里的球面位移（feImage + feDisplacementMap）——悬停挖洞切换会让该位移滤镜重栅格化，文字肉眼可见地「抖一下 / 变球面」，移除后悬停前后文字渲染完全一致（点阵像素化保留）；② 光标大圈由 108px 加大到 140px（JS 挖洞半径同步 70px），外环悬停放大 56px → 72px 匹配；③ 电视墙图片裁掉桌腿（1416×800），桌面直接落在画面底边并紧贴浏览器最底部
大圈裁切进屏幕 + 悬停雪花：大圈的裁切多边形逐帧从所在屏幕同步（按真实玻璃曲面采样生成），任何时刻都只存在于屏幕玻璃内；屏幕遮罩多边形排除玻璃四周的黑边阴影与机壳，只框住真实显示屏；光标移到某台电视上时，仅该台的屏幕出现黑白雪花噪点（慢速跳动 + 亮度闪烁，reduced-motion 下自动关闭），其他电视与文字保持原样
「项目坐标」与「摄影作品精选」板块对调：点大电视「暑假中」打开后先看到「一些项目坐标📃」，下滑才是「摄影作品精选📷」
屏幕遮罩精度提升 + 移动端重裁：五块玻璃是不规则曲面而非圆角矩形——脚本沿每块玻璃边界逐行采样 30 点生成多边形 clip-path（同时作用于大圈与花屏层），四角不再漏到机壳上；修正主电视与小电视组的真实接缝（x≈747，此前误切）；移动端重排为「上 4 小电视 + 下 1 大电视」，大电视裁块向下延伸到桌面底边（桌子底部留出来，随底对齐贴住视口最底部），字号倍率随新网格同步重算
全站版本号统一升级至 v1.9.2（页脚、网站信息弹窗版本标签、更新日志当前版本、README）
主页改版：只保留「当前状态」的复古电视墙这一屏，整页不可滚动；删除 Hero 整块（银河星空 canvas、js/galaxy.js、「Hi, Here is / Xiang」大标题与副标题）与板块标题（Now / 当前状态😊）以及绿色网格 / 光晕背景；页脚整体移除（主页不再显示版权 / ICP 备案，版本信息保留在「网站信息」弹窗内）
电视墙尺寸微调：PC 端整体略微缩小、移动端整体略微放大，两者都稍微下移一点（高度计算把顶部导航的占用一并预留，任何视口下都不会被压出屏幕）
五台电视各加一块覆盖整机的透明点击遮罩（.tv-hit）：PC 端按 tv-wall.webp 里每台电视机不透明区域的实测边界定位，移动端直接铺满各自的裁切块；悬停时给出极淡的高亮提示
其余板块改为主页内嵌的「二级页」浮层（不是独立页面文件，内容与效果原样保留），点击对应电视打开：大电视「军训中」→ 项目坐标 + 摄影作品精选；「学校」→ 学校；「专业」→ 出现过的地方；「年级」→ 我的技能加点 + 别人怎么评价我；「地址」→ 跳转游戏网站 game.xiang.ink
二级页内部是独立滚动容器，滚动行为与普通网页一致（不再有整屏切换）；左上角「返回主页」胶囊 + ESC 键关闭；每次打开都会重播板块内的渐显 / 交错入场动画（技能百分比数字也会重新从 0 数起）
首屏背景改用新的暗调房间照片：PC 端用横版、竖屏与窄屏（视口比例 ≤ 1:1 或宽 ≤ 720px）用竖版，两张图转 WebP 并压缩（2.4MB / 2.3MB → 93KB / 136KB）后存入 images/bg/
移除了导航栏「向下滚动自动隐藏」的行为：分页浏览下导航常驻可见，随时可以跳转
浮层内的滚动适配：项目扇形卡的「滚轮切卡」与评价轮播的「滚轮换页」原本占用纵向滚轮，指针只要停在卡片上就滚不动二级页，现统一改为响应横向滚轮 / 触控板左右滑；评价圆点、键盘左右键、触摸左右滑等原有入口全部保留
清理死代码与无用文件约 1300 行 CSS / 1.34MB 图片：旧二级页样式（.sub-*）、弹窗旧特性网格与文件树（.ab-feature* / .ab-tree）、奖项统计链接区块（.pj-awards / .pj-stats / .pj-links）、进度条整条特性、无用 keyframes（driftGold / gradientFlow / subPageIn），以及从未被任何页面请求过的旧照片与旧项目配图共 13 张（images/photo/1~7.webp、images/project/detail/g1~g6.webp 等）

v1.9.1

全站版本号统一升级至 v1.9.1（页脚、网站信息弹窗版本标签、更新日志当前版本、README）
修复首页 Hero 大标题（XIANG）跟随光标变形的效果失效：可变字体轴取值公式会算出超出字体轴上限的值（wght 1400 > 1000、wdth 300 > 151），被浏览器钳制后每个字都被钉在最大值；同时修正写入了 Roboto Flex 不存在的 ital 轴、以及判定距离取自整个 Hero 宽度导致的落差摊平
首页底部 Hello World 重做：删除原 ASCII canvas 版（js/ascii-text.js 及其样式），改为与 Hero 大标题同源的 TextPressure 可变字体效果，分两行显示 hello / word
删除首页 Hero 的「看作品」「联系」两个按钮，并清理随之失效的 .hero-actions / .button / .button.secondary 样式与按钮涟漪效果（.ripple、@keyframes rippleOut、js/main.js 事件委托）
修复摄影弹窗换图时会先闪出上一张照片：改为每次打开都以全新的 <img> 元素替换旧的（js/photo-modal.js），旧元素不再保留上一帧画面
移动端整体优化（≤720px 断点 + 触屏判定，窗口拉窄同样生效，PC 端零改动）：导航菜单修复「网站信息」对齐并改双列；屏蔽光标类效果（自定义光标点/扩散圆/外环、Hero 文字跟随、卡片倾斜、时间线透镜，保留点击反馈）；当前状态电视墙重排为「上 1 台大电视整行 + 下 4 台小电视 2×2」（同一张图按机壳缝隙裁切，文字与 CRT 效果跟随）；经历/学校卡片改为更实的毛玻璃；摄影精选移动端只留前三张并在第四格展示「点击查看更多」，弹窗大图按照片原始比例展示；项目坐标取消默认倾斜并修复跨窗口尺寸的重叠边距残留；技能保持双列；评价板块屏蔽指针背景效果、改单卡分页（4 点翻 4 页）并优化卡片排版；Hero 首屏恢复占满一屏并把「XIANG」放大到尽量铺满行宽，问候语与副标题字号按移动端比例重排；项目坐标移动端只保留前两个电竞项目、第三格为「点击查看更多」入口（进入「视频制作」第一个项目）并移除触屏图片放大错位，PC 端项目扇形移出后 1 秒收拢；移动端提示弹窗仅保留首页

v1.9.0

新增老旧浏览器拦截（compat.js，IE/旧 Safari 显示「请更换现代浏览器」）
首页银河/星光/技能烟雾动效迁移到共享 Worker + OffscreenCanvas 多核渲染，释放主线程、降低老设备卡顿
移除 Service Worker 离线缓存机制：删除 sw.js 与全部注册点，加入一次性旧缓存/旧 Worker 下线清理，纯静态站每次加载均取最新资源，修复首屏 CSS 与动效加载不全问题
网站信息弹窗删除「项目结构」文件树，项目介绍以 README 面向用户的描述为准
修复页脚/弹窗版本号与更新日志「当前版本」错位，全站当前版本统一为 v1.9.0
代码审查、修复死链与非视觉性能问题；无任何视觉与内容改动
代码审查、完成 20 项性能优化：首屏外重型动画脚本按板块进入视口按需注入、后台标签页动画冻结、图库首屏缩略图优先级分级、清理死文件（manifest、about-page.css）、字体按需加载、控制器监听合并与节流、光标写入优化、评价轮播高度节流等；无任何视觉与内容改动
摄影图库二级页改版为全屏倾斜跑马灯：页面锁定单屏不再出现右侧滚动条，卡片行整体向左倾斜自左下角铺向右上角并铺满全屏，奇数行向右、偶数行向左下循环滚动（左侧移出右侧补回）；悬停某行时该行暂停并交由滚轮左右控制；点击卡片先播放约 2 秒非线性入场动画，再经 FLIP 展开为居中放大的详情弹窗；弹窗内滚动条隐藏（js/gallery-marquee.js）
图库二级页视觉重构：改为纯黑背景并移除银河画布；恢复 6 排照片、卡片行整体向左倾斜 -8deg（行方向自左下角指向右上角），分第 1/3/5 排一组与第 2/4/6 排一组反向循环；重排照片使中间 4 排各含 12 张、且每张照片恰好出现在其中两行（上下两行保持不变），并将中间四行照片顺序随机打乱一次；地址线性定位图标小卡放右侧、展开弹窗放左侧并带「时间 · 地址」分隔；小卡只显示日期 + 地点（隐藏标题/描述）；左上角「返回」为高透明毛玻璃描边胶囊按钮、带 -8deg 左倾斜
「当前状态」板块由毛玻璃卡片改为老式电视机墙：左侧 1 台大电视、右侧 2×2 小电视墙共 5 台，胡桃木纹机壳配旋钮、扬声器格栅、呼吸电源指示灯与兔耳天线；屏幕文字改由代码生成的 CRT 画面闪烁显示（保留原文字、去掉标题），带像素颗粒、扫描线噪点与随机水平错位故障等效果，无 JS 时自动降级为屏幕静态文字

v1.8.8

摄影图库接入根目录 photo/ 全部高清原图（转码 WebP 并压缩，缩略图自动裁切）：图库二级页由重复占位改为每图一卡，首页 7 张摄影卡同步换新图
摄影弹窗大图按 3:2 / 2:3 等原始比例自适应展示（超高竖图限高、contain 兜底），避免裁切变形
项目页面拆分：单一汇总页拆为 8 个独立项目页（acc/f1/bilibili/ai/stopmotion/bji/xianyu/gamebook），样式与脚本抽取为 css/project-detail.css 与 js/project-page.js，首页项目卡与「看作品」入口改指向各独立页
文档整合：删除「AI Coding 参考文档.md」，生成 PROJECT_OVERVIEW.md（简单项目介绍）与 PROJECT_SPEC.md（详细编码规格），重写面向人类的 README.md
Service Worker 缓存升级并同步新文件
后置优化：图库页光标保持小圆圈不放大、移除相机参数悬浮小窗；图库卡片加入与主页一致的 3D 倾斜；摄影弹窗大图改为等比铺满、消除 4:3 与竖图黑边；删除「宝矿力」作品（网格自动补齐，图库余 24 张）
项目独立页全面重设计：改用「高级深色编辑风」设计系统（css/project-new.css + js/project-new.js），移除左侧切换 Logo，每页独立、按内容定制视觉（强调色/主视觉/布局重心各异），简约高级、极其可视化、易读优先