Premium Visuals 2.0
不是把 emoji 扔进 slide,是把 emoji 「设计进去」。6种 premium 容器 + 8套自定义插图。
所有效果纯 CSS/SVG,无外部依赖。点击查看 hover 效果。
A — App Icon Style(iOS 18 渐变磁贴)
同样的 emoji,放进渐变容器+内部高光+彩色投影,立刻变成 app store 级别的视觉元素。
B — Neon Glow(发光处理,暗色主题专属)
CSS filter:drop-shadow 叠加两层,外层大扩散+内层高亮,产生真实霓虹感。Hover 时发光强度翻倍。
C — Glass Badge(玻璃药丸,emoji + 文字组合)
把 emoji 和标签组合进玻璃胶囊,适合放在标题上方作为「场景标注」,比单独 tag 更有质感。
🤖AI 助手
⚡效率翻倍
🚀正式上线
💡深度洞察
🔮预测未来
🎯精准打击
🧠智能决策
💰省 85%
🏆最佳实践
D — Gradient Ring(旋转渐变圆环)
用 @property + conic-gradient 实现持续旋转的光圈,适合封面主视觉或强调卡片中心。
E — Ambient Circle(环境光晕圆)
柔和的色彩光晕从圆形背后辐射,hover 时增强。比 neon 更克制,适合中性场景。
F — Frosted Hex(磨砂六边形,旋转 hover)
几何感强,适合技术类内容。Hover 时轻微旋转,增加动感。
G — 自定义 SVG 插图(8套,有温度有个性)
不是 icon,是有表情、有故事感的微型插图。每个都是专为 AI/科技内容设计,Hover 有动画。用 stroke 改颜色,fill opacity 改底色透明度。
H — 实际 Slide 效果(Premium 容器 in context)
🤖
EP03 · AI 助手
AI Advisor
策略详解
省 85% 成本的正确姿势
Tricia Notes01/08
🧠
核心观点
"最贵的不是
AI 模型,是
调度能力"
Tricia Notes04/08
I — 选哪种容器?快速决策
封面 / 结尾页
🎯 App Icon — 角色感强
🌀 Gradient Ring — 炸裂感
✨ Neon Glow — 暗色封面
内容页 / 步骤页
💊 Glass Badge — 场景标注
🔵 Ambient Circle — 克制衬托
🎨 Custom SVG — 主视觉
数据 / 观点页
⬡ Frosted Hex — 科技感
📈 Mini SVG Chart — 图解
🤖 Custom Illus — 强调