BewlyBewly v0.41.0版本发布：全新通知抽屉与视觉优化

项目简介

BewlyBewly是一款基于现代Web技术开发的浏览器扩展，主要面向Bilibili用户提供增强的浏览体验。该项目通过创新的UI设计和功能优化，为用户带来更流畅、更美观的视频观看和社区互动体验。

核心功能更新

通知抽屉系统

v0.41.0版本引入了全新的通知抽屉功能，这是本次更新的核心亮点。通知抽屉采用现代UI设计理念，具有以下特点：

1. 滑动式交互设计，用户可以通过侧滑手势快速访问通知
2. 智能分组显示，不同类型的通知会被自动分类
3. 实时更新机制，确保用户第一时间获取最新消息
4. 视觉优化，采用与主界面一致的风格设计

动态模糊背景效果

该版本新增了动态模糊封面背景效果，当用户悬停在内容卡片上时：

1. 系统会自动提取封面主色调
2. 应用高斯模糊算法生成背景
3. 实现平滑的过渡动画效果
4. 特别针对Safari浏览器进行了性能优化

视觉与交互优化

字体系统升级

1. 新增Geist-Number专用数字字体
2. 优化字体渲染性能
3. 提供更丰富的字体自定义选项
4. 改善跨平台字体一致性

停靠栏(Dock)改进

1. 新增半隐藏模式选项
2. 分离"返回顶部"和"刷新"按钮
3. 优化边缘检测算法防止溢出
4. 动态缩放适配不同屏幕尺寸

主题与样式增强

1. 顶部栏新增主题色渐变选项
2. 可禁用阴影效果降低视觉干扰
3. 精细调整色彩变量和透明度
4. 优化暗黑模式下的显示效果

技术实现亮点

性能优化

1. 封面图片处理采用懒加载技术
2. 模糊效果使用Web Worker后台处理
3. 页面切换防抖动机制
4. 动态CSS变量应用减少重绘

跨浏览器兼容

1. 特别针对Safari的渲染优化
2. 优雅降级机制确保基础功能可用
3. 浏览器特性检测替代UA判断
4. 渐进增强式功能实现

开发者视角

从技术架构角度看，v0.41.0版本体现了几个重要的设计决策：

1. 组件化设计：将通知系统、停靠栏等作为独立组件开发
2. 性能优先：在视觉效果和性能间取得平衡
3. 可扩展性：通过CSS变量和配置选项支持未来扩展
4. 渐进式增强：确保基础功能在所有环境下可用

这个版本标志着BewlyBewly在用户体验和技术成熟度上都达到了新的高度，为后续功能扩展奠定了坚实基础。