🎨 CNB Theme

为 cnb.cool 打造的个性化主题合集，通过 Stylish 浏览器扩展一键美化页面。

✨ 主题预览

主题	风格	预览
🏮 古风街边(动态)	暖棕·复古
🎵 初音未来	青绿·清新
⭐ 星野爱	橙暖·活力
🌿 芙莉莲	银紫·冷淡
🌸 可伦碧娜	粉紫·梦幻
🔴 猗窝座	暗红·深色
💙 五条悟	深蓝·极简
🟣 独自升级	暗紫·深色
💗 间谍过家家	玫红·活泼
🎐 古风动态 ✨	暖棕·花里胡哨
👻 胆大党	深黑·暗红
⭐ 我推的孩子	深蓝·星空
💙 Re:Zero	粉蓝·异世界
🗡️ 鬼灭之刃	深暗·血红
⚔️ 进击的巨人	深棕·夕阳
🍖 迷宫饭	暖橙·食欲
🔮 咒术回战	深紫·玄幻
⚽ 蓝色监狱	深蓝·电光

🚀 快速开始

1. 安装 Stylish 扩展

前往浏览器扩展商店搜索 Stylish 并安装：

安装示意

2. 新建样式

打开 Stylish → 点击「管理样式」→ 「编写新样式」

使用示意

3. 填入配置

字段	填写内容
名称	随意，如 `CNB - 初音未来`
适用网址	`cnb.cool` 下所有页面：选 `URL 上的域名` 填 `cnb.cool`
CSS 代码	复制对应主题的 `theme.css` 内容，或直接引用下方地址

4. 直接引用（推荐）

在 Stylish 中使用 @import 引用仓库 CSS，无需手动复制：

/* 示例：初音未来主题 */
@import url("https://cnb.cool/raintea/theme/-/git/raw/main/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5/theme.css");

各主题 CSS 地址：

初音未来  https://cnb.cool/raintea/theme/-/git/raw/main/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5/theme.css
古风街边  https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E8%A1%97%E8%BE%B9/theme.css
星野爱    https://cnb.cool/raintea/theme/-/git/raw/main/%E6%98%9F%E9%87%8E%E7%88%B1/theme.css
芙莉莲    https://cnb.cool/raintea/theme/-/git/raw/main/%E8%8A%99%E8%8E%89%E8%8E%B2/theme.css
可伦碧娜  https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%AF%E4%BC%A6%E7%A2%A7%E5%A8%9C/theme.css
猗窝座    https://cnb.cool/raintea/theme/-/git/raw/main/%E7%8C%97%E7%AA%9D%E5%BA%A7/theme.css
五条悟    https://cnb.cool/raintea/theme/-/git/raw/main/%E4%BA%94%E6%9D%A1%E6%82%9F/theme.css
独自升级  https://cnb.cool/raintea/theme/-/git/raw/main/%E7%8B%AC%E8%87%AA%E5%8D%87%E7%BA%A7/theme.css
间谍过家家 https://cnb.cool/raintea/theme/-/git/raw/main/%E9%97%B4%E8%B0%8D%E8%BF%87%E5%AE%B6%E5%AE%B6/theme.css
古风动态  https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E5%8A%A8%E6%80%81/theme.css
胆大党    https://cnb.cool/raintea/theme/-/git/raw/main/%E8%83%86%E5%A4%A7%E5%85%9A/theme.css
我推的孩子 https://cnb.cool/raintea/theme/-/git/raw/main/%E6%88%91%E6%8E%A8%E7%9A%84%E5%AD%A9%E5%AD%90/theme.css
Re:Zero   https://cnb.cool/raintea/theme/-/git/raw/main/Re%3AZero/theme.css
鬼灭之刃  https://cnb.cool/raintea/theme/-/git/raw/main/%E9%AC%BC%E7%81%AD%E4%B9%8B%E5%88%83/theme.css
进击的巨人 https://cnb.cool/raintea/theme/-/git/raw/main/%E8%BF%9B%E5%87%BB%E7%9A%84%E5%B7%A8%E4%BA%BA/theme.css
迷宫饭    https://cnb.cool/raintea/theme/-/git/raw/main/%E8%BF%B7%E5%AE%AB%E9%A5%AD/theme.css
咒术回战  https://cnb.cool/raintea/theme/-/git/raw/main/%E5%92%92%E6%9C%AF%E5%9B%9E%E6%88%98/theme.css
蓝色监狱  https://cnb.cool/raintea/theme/-/git/raw/main/%E8%93%9D%E8%89%B2%E7%9B%91%E7%8B%B1/theme.css

🎐 古风动态主题 — 进阶特效（可选）

古风动态主题在 CSS 飘落动画的基础上，额外提供了一个 Tampermonkey 脚本，可以解锁更多互动特效：

特效	CSS 版（Stylish）	进阶版（+Tampermonkey）
飘落雨伞 🌂	✅ 基础飘落	✅ 更自然，循环再生
飘落花瓣 🌸	✅ 基础飘落	✅ 带摇摆轨迹
鼠标点击烟花 ✦	❌	✅
鼠标移动拖尾彡	❌	✅
顶部金边光晕	❌	✅
Live2D 古风看板娘	❌	✅ 优先加载（失败自动降级）
古风看板娘（SVG）	❌	✅ 降级兜底 + 可拖动互动
漂浮小灯笼	❌	✅ 低频氛围增强

只装 Stylish CSS 就能用，Tampermonkey 脚本是可选增强。

安装 Tampermonkey 脚本（可选）

安装 Tampermonkey 浏览器扩展
点击扩展图标 → 创建新脚本
清空内容，将以下地址的脚本内容复制进去保存：

https://cnb.cool/raintea/theme/-/git/raw/main/%E5%8F%A4%E9%A3%8E%E5%8A%A8%E6%80%81/script.js

保存后刷新 cnb.cool 页面即生效 ✨

📁 目录结构

.
├── 初音未来/
├── 古风街边/
├── 星野爱/
├── 芙莉莲/
├── 可伦碧娜/
├── 猗窝座/
├── 五条悟/
├── 独自升级/
├── 间谍过家家/
│   ├── theme.css       # 主题样式
│   └── wallpaper.*     # 背景壁纸
├── 古风动态/           # 🎐 动态特效主题
│   ├── theme.css       # 主题样式（含 CSS 飘落动画）
│   ├── script.js       # Tampermonkey 进阶特效脚本（可选）
│   └── wallpaper.png   # 背景壁纸
├── 胆大党/
├── 我推的孩子/
├── Re:Zero/
├── 鬼灭之刃/
├── 进击的巨人/
├── 迷宫饭/
├── 咒术回战/
├── 蓝色监狱/
├── .cnb/
│   ├── settings.yml    # NPC 阿绘配置
│   └── npc-avatar.jpg  # NPC 头像
└── docs/
    ├── screenshots/    # README 截图
    └── unused/         # 备用素材