Serene · 极简新标签页

🌙 宁静 · 极简新标签页

按下 Ctrl+T 的那一秒，世界安静下来。

一款为 Edge / Chrome 打造的极简新标签页扩展：衬线大字时钟、Bing 智能联想、可自定义图片 / 动态视频背景、能自由拖拽的自由布局，以及一整套细节微调。

🔒 无第三方依赖 🔒 无联网追踪 🔒 所有数据留在本地

━━━━━━━━━━━━━━━━━━━━
🕰 时钟与日期
━━━━━━━━━━━━━━━━━━━━
• 四种字体样式：衬线（Palatino）· 纤细（Segoe UI Light）· 等宽（Cascadia Mono）· 简黑（Bahnschrift），切换带淡入淡出过渡
• 数字变化动画：时间跳变时，变化的数字「自下浮现 + 轻微溶解」；支持逐秒跳动或按分钟更新
• 时间可配置：加粗、12/24 小时制、显示秒数、整体显示/隐藏
• 日期独立元素：位置、大小与时钟完全解耦，可单独拖动缩放
• 日期格式完全可定制，支持占位符任意拼装：
{Y}/{y} 年份 · {M}/{m} 月份 · {D}/{d} 日期 · {W}/{w} 星期 · {ME} 英文月 · {WE} 英文星期
例：{y}年{m}月{d}日 → 二〇二六年八月十六日

━━━━━━━━━━━━━━━━━━━━
🔎 搜索
━━━━━━━━━━━━━━━━━━━━
• 基于 Bing 官方接口，输入即实时联想（150ms 防抖 + 请求中断控制）
• 本地搜索历史置顶，断网也能翻出历史
• 全浏览器自动捕获：地址栏搜索、Bing 站内搜索均自动记录并实时同步
• 历史管理：悬停逐条删除、一键清空、或整体关闭
• 仅图标模式：搜索框收成圆形磨砂小图标，点击弹性展开，失焦自动收起
• 搜索可配置：宽度（360–900px）、联想条目数（5–12）、透明度、新标签页打开

━━━━━━━━━━━━━━━━━━━━
🖼 背景
━━━━━━━━━━━━━━━━━━━━
• 六款渐变预设：墨 / 黛 / 苔 / 绛 / 烬 / 雾
• 自定义图片：粘贴链接或上传本地（自动压缩至最长边 2400px）
• 动态视频背景：MP4 / WebM，本地上传（≤120MB）或直链，静音循环铺满全屏
• 背景三重调节：亮度（40%–120%）、常驻模糊（0–30px）、聚焦模糊（8–40px）
• 叠加胶片颗粒质感与暗角效果

━━━━━━━━━━━━━━━━━━━━
🧲 自由布局
━━━━━━━━━━━━━━━━━━━━
• 时钟、日期、搜索框、每个快捷方式——统统独立可移动块
• 编辑模式：拖动任意摆放，滚轮悬停缩放，靠近中心自动磁性吸附（带辅助线）
• 自定义吸附线：可存多条，支持旋转任意角度，接近 0°/90°/180°/270° 自动磁吸
• 元素拖近吸附线自动沿线排列——沿斜线排图标不再是难题
• 所有位置按视口百分比存储，换分辨率也不乱

━━━━━━━━━━━━━━━━━━━━
🔗 快捷方式
━━━━━━━━━━━━━━━━━━━━
• 每个网站独立图标，位置、大小单独调整，互不影响
• 图标多级回退：自定义图标 → 站内 favicon → 彩色首字母底块，保证不空白
• 支持本地上传图标（自动压缩至 128px）
• 聚焦搜索时图标淡出，可选径向扩散顺序淡出，失焦后弹簧式弹回

━━━━━━━━━━━━━━━━━━━━
🎆 细节亮点
━━━━━━━━━━━━━━━━━━━━
• 入场编排：壁纸淡入 → 时钟/日期/搜索框依次浮现 → 顶栏下滑 → 快捷图标错峰弹入
• 设置面板七大分区：界面 / 时间 / 日期 / 背景 / 布局 / 快捷方式 / 搜索
• 键盘友好：任意按键聚焦搜索框、↑↓ 导航联想、Esc 关闭
• 纯 CSS transition/animation 动画，拖动采用 requestAnimationFrame 合帧

━━━━━━━━━━━━━━━━━━━━
🛡 隐私承诺
━━━━━━━━━━━━━━━━━━━━
本扩展不收集、不上传任何用户数据：
• 全部数据保存在浏览器本地 storage
• 唯一外部请求：Bing 联想接口（仅在输入时携带关键词）
• 内容脚本只注入 Bing 搜索结果页，仅读取当前搜索词
• 搜索历史与 Bing 账号云端无关，清空浏览器数据即彻底清除

━━━━━━━━━━━━━━━━━━━━
🧑‍💻 技术说明
━━━━━━━━━━━━━━━━━━━━
MV3 + 原生 JS，零第三方依赖
双存储策略：设置走 storage.sync（跨设备同步），大文件走 storage.local