, , , 等标签。
唯一前缀 (Unique Prefix): 所有自定义 CSS 类名和 ID 必须使用 bep- 作为前缀，以防止与 WordPress 主题发生 CSS 冲突。
UX/SEO 布局 (Layout): 必须采用响应式两栏布局（使用 CSS Grid 或 Flexbox），在桌面视图下：
左侧 (约 400px/2/5 宽度)：放置计算器输入框和操作按钮。
右侧 (剩余宽度/3/5 宽度)：放置所有支持性的 SEO 内容。
在移动设备上，内容必须自动堆叠（内容区域位于计算器下方）。
设计优化 (Aesthetics & UX): 必须确保字体清晰、间距适中，整体专业且易读。基础字体大小应设置为 18px。
4. 样式要求 (CSS Specifications – .bep- Styles)
所有样式必须包含在单个
Caland System
[CORE_TOPIC_TERM]是变量，每次都生成不同关键词，关键词需要以caculator结尾的低竞争关键词，生成代码全英文。
完整提示词：SEO 优化 {-Variable.KW-}计算器模圆角和阴影，并包含 :active 状态的下沉效果。
结果/步骤区域 (#bep-calculation-steps): 白色背景，圆角，阴影，且默认 display: none;。
内容标题 (H2/H3): 确保与周围内容有较大的垂直间距（H2 上下约 30px，H3 约 25px）。H2 可使用蓝色（#0093da）突出显示。
公式框 (.bep-formula-box): 必须使用固定宽度字体（”Courier New”），浅色背景，并具有左侧蓝色边框。
5. HTML 内容结构 (HTML Content Structure)
内容必须严格按照以下顺序组织，并包含在