/* ============================================================
   前台作品展示页（studio 编辑器产出的页面）
   只在详情页有已发布内容时引入；与编辑器画布共用模组样式约定
   ============================================================ */

.work-page {
    width: 100%;
    margin: 0 auto;
    /* 通顶（2026-09-04）：作品内容从视口顶部 0 开始，置顶导航栏压在作品上面。
       原理：.site-nav-top 是普通文档流、占 --nav-height（48px）高，
       这里用负 margin-top 把整页上移同样距离，内容的 0 点就对齐视口 0 点；
       导航 z-index 1000 高于本层，所以是"盖在作品上"而不是被作品顶掉。
       左右仍为 0：左右间距由模组间距层（--m-l/--m-r + --gutter-home）控制。
       本文件只被前台详情页和草稿预览引入，编辑器画布不受影响。 */
    margin-top: calc(-1 * var(--nav-height));
    /* 顶部留白归 0：不再由容器统一补间距，第一个模组贴不贴顶
       完全由它自己在编辑器里设的上边距 --m-t 决定（cover/图片通顶，文字自留白） */
    padding: 0;
}

/* ---- 顶部提示条与通顶的关系（2026-10-20 变更）----
   旧版：草稿/封禁横幅（.draft-preview-bar）曾排在正文之前、与 .work-page
   相邻，若正文照常上移 48px 会把它盖住，所以当时用 `+` 相邻选择器取消通顶、
   并补一档 32px 留白。
   现在：横幅已移到页面最顶端、置顶导航栏**之前**（base.html 的 top_banner
   插槽），与 .work-page 不再是兄弟，相邻选择器永远不会命中——通顶恢复默认：
   正文从横幅下沿开始、置顶导航照旧压在正文上，与已发布作品的正文几何一致。
   （旧的 `.preview-banner + .work-page` 规则同批删除：.preview-banner 这个
   类在模板里已无使用，属残留死代码。） */

/* 模组垂直/水平间距全部由 theme.css 约束布局规则统一消费（style.spacing 间距层）：
   旧版这里的「垂直 margin 清零」已删除——它会覆盖用户设置的外边距；
   浏览器 UA 默认 margin 的重置同样由 theme.css 的间距变量默认值承担。 */

/* 各模组自身的样式在 css/modules/ 下按类型分文件，
   由详情页按实际用到的模组引入（used_module_css），此处不重复定义 */

/* ---- 空图片模组：前台隐藏编辑器操作指引（2026-08-31）----
   image.html 的空占位文案（"在右侧【区块检查器】中插入图片"）是给编辑者看的，
  模板为编辑器/前台共用，无法在模板侧分流。page.css 只被前台详情页和
   草稿预览引入（编辑器画布不加载本文件），在此隐藏即可——前台输出空
   figure（与空群组"有内边距才可见"同一语义），编辑器占位不受影响。 */
.work-page .work-module-image-empty {
    display: none;
}

/* ---- 空视频模组：同上（2026-09-03 §28）----
   video.html 的空占位与图片同制：文案给编辑者看，前台整个隐藏 */
.work-page .work-module-video-empty {
    display: none;
}
