Steam 好友动态美化 1.3.5 → 1.3.6 更新日志

1.3.6 版本对页面样式进行了全面升级，引入科技感深空玻璃拟态主题，优化配色和交互反馈，并对好友面板的渲染方式进行了工程化重构，提升代码可维护性与安全性。

🎨 视觉风格大升级（深空玻璃拟态）

• 全新色彩系统：将原有偏灰暗的色调替换为以 青蓝（#4fc3f7） 为主色调的科技感深空配色，背景采用径向光晕 + 深蓝渐变，营造沉浸式视觉体验。
• 玻璃拟态效果：动态卡片、好友面板、弹窗等元素均添加了 backdrop-filter: blur() 和半透明背景，呈现毛玻璃质感，配合微弱的辉光边框和发光阴影。
• 卡片顶部光晕线：每个动态块顶部增加一条青色渐变的细线，悬停时亮度提升，增强层次感。
• 按钮霓虹质感：右侧筛选按钮和顶部按钮采用更鲜艳的渐变色，并添加发光阴影和悬停缩放动画，交互反馈更生动。

具体样式变更

• 页面背景改为径向渐变（顶部青色光晕 + 深色渐变），替换原来的纯色渐变。
• 动态卡片背景改为半透明玻璃，边框色从白色半透明变为青蓝半透明，悬停时边框高亮并增加外发光。
• 头像边框添加青蓝光晕，悬停时发光增强。
• 日期分组标题左侧增加青色霓虹指示条。
• 评论输入框、发帖框等聚焦时添加青色辉光。
• 原生弹窗（#modalContent）增加玻璃背景、霓虹边框和辉光阴影。
• “回到顶部”按钮背景改为深蓝渐变，悬停时变为蓝色并增加发光。
• 好友面板标题使用渐变色文字，面板边框增加辉光，列表项悬停时位移并显示光晕。
• 截图查看器增加网格背景，按钮采用半透明玻璃样式，缩放与导航按钮交互更流畅。

🛠️ 代码重构与安全增强

好友列表渲染改用 DOM API 构建

• 弃用 innerHTML 拼接方式，改用 createElement、textContent 等 DOM 方法构建好友列表项，避免潜在的 XSS 风险，同时提升渲染性能。
• 封装 createFriendItem 和 createActionBtn 工厂函数，代码更清晰可读。

优化 API 请求并发控制

• 对 fetchCapsuleFromAPI 的并发请求进行队列管理，避免重复请求相同 appid，减少网络开销。
• 统一使用 _capsulePending 和 _capsuleWaiters 管理等待回调，提升封面加载效率。

样式注入微调

• 将 CSS 字符串中的模板变量（如 CONFIG.Z_INDEX）正确插值，确保动态数值生效。
• 对 escapeHtml 函数增加单引号转义，增强安全性。

🧹 细节优化与修复

• 筛选逻辑优化：将筛选应用抽离为独立函数 applyFilter()，便于异步加载新动态后自动重新筛选。
• 游戏封面修复增强：优化 extractAppidFromContext 的兜底逻辑，提高 appid 提取成功率。
• 截图查看器：添加 resetViewerImg 统一管理图片样式重置，避免动画残留导致的样式错乱。
• Toast 通知：调整为玻璃拟态样式，与整体主题统一。
• UI 微调：调节按钮尺寸、间距、圆角，使整体更精致。

📦 版本升级提示

• 本次更新为样式大改版，推荐所有用户更新。
• 安装后无需额外配置，自动应用新主题。
• 若希望保留旧样式，可手动回退至 1.3.5 版本。

🙏 致谢

感谢热心用户的视觉建议与反馈，促使了本次主题升级。如有任何问题，欢迎到脚本发布页反馈。