⚡ 核心主色 (Neon)

修改后会自动计算 Suspense Color (Hover) 和 Glow 效果。

自动计算衍生色

### 详细配色微调

# Dark Mode Preview

欢迎使用 Phycat Dark 生成器。此区域模拟 `Typora` 在暗色模式下的渲染效果。

## H2 标题：流光渐变背景

H2 标题使用了动态的 `Radial Gradient` 背景，鼠标悬停时会点亮边框并增强光晕效果。

### H3 标题：侧边指示器

H3 标题左侧有高亮指示条，悬停时会伸长并发出霓虹光芒。适合用于分割小节。

> Blockquote 引用块：
> 引用块使用了深色半透明背景。请尝试鼠标选中这段文字，查看 `selection` 颜色效果。

## 代码高亮 (Dracula Style)

左侧面板新增了代码高亮配色的调整选项。下方是一个模拟的 JS/TS 代码块。

/** * 计算霓虹光晕颜色 * @param color Hex 颜色值 */ function calculateGlow(color: string, opacity: number) { const rgb = hexToRgb(color); const result = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`; // Apply glow effect console.log("Glow generated:", result); return { id: 101, meta: @glow_effect, value: result }; }

## 数据表格 (Glassmorphism)

变量名 | 用途 | 默认值
--- | --- | ---
--primary-color | 核心霓虹色 | #ff5555
--hover-bg-color | 悬停背景色 | #ff5555
--code-keyword | 代码关键字 | #ff79c6

( End of Preview )

### CSS 代码导出

复制以下代码，粘贴到你的 Typora 主题 CSS 文件中。