必须点击【预览】按钮进入实时预览模式以验证排版、配色与交互，关闭浏览器缩放至100%，再通过设备切换和暗色模式检查多端适配效果。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在咔片AI编辑器中完成知识卡片内容调整后，需立即验证排版、配色与交互是否符合发布预期，避免导出后才发现文字溢出或按钮失灵。
进入实时预览模式
点击编辑器右上角的【预览】按钮（图标为一只眼睛），界面自动切换至只读状态，左侧编辑区灰显，右侧画布全屏展示当前卡片效果。
这一步不能跳过——不点【预览】就直接导出，会丢失所有AI自动注入的响应式间距和字体层级适配逻辑。
检查关键视觉要素
在预览状态下，用鼠标悬停每张卡片标题，确认是否出现轻微上浮动画；点击任意按钮区域，观察是否有0.2秒微反馈色块扩散。
若无反应，说明该元素未被识别为可交互组件，需返回编辑页重新选中→右键→“设为按钮”。
【必须关闭浏览器缩放比例至100%再检查】——缩放为125%时，卡片圆角可能被强制拉直，导致预览与实际发布效果严重不符。
模拟多端查看效果
第一步：点击预览窗口右上角「设备切换」图标→选择「iPhone 15 Pro」→观察卡片是否自动居中且底部留白≥40px；
第二步：切换至「iPad Air」→确认文字行宽未超过35字符，避免移动端阅读疲劳；
第三步：勾选「暗色模式预览」→重点检查图标颜色是否自动反色，如未变化，需手动在编辑页选中图标→右侧面板输入指令：“在dark mode下将填充色改为#9CA3AF”。
