/* ============================================
   全局装饰背景图（爱迪楼）
   教师端所有页面（base.html）与登录页（login.html）共享此定义。
   固定铺满整个视口，object-fit: cover 自动等比缩放并裁切超出部分，
   不依赖 JS，任何屏幕比例下都能铺满且不拉伸变形。
   z-index: -1 使其位于页面背景之上、所有前景内容之下，且不响应交互。
   打印时由 print.css 隐藏，避免出现在 PDF 预览/打印输出中。
   ============================================ */
.home-building-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    pointer-events: none;
    user-select: none;
    opacity: 0.5; /* 半透明水印效果，避免干扰前景内容可读性；如需更透明或更明显可调整此值 */
}

/* 小学部专属背景图（primary_school_bg.png）：
   1) 以图片「完整宽度」呈现——width:100% + height:auto 按图片固有宽高比
      等比缩放，既充满视口宽度又不拉伸、不裁切（区别于默认的 cover 铺满裁切）。
   2) position:fixed：固定于视口、不随页面滚动；底边由 bottom 控制。
   3) bottom 不再为 0，而是上移一个「页脚高度」偏移量（--primary-bg-bottom-gap），
      使图片底边停在页脚「帮助中心/操作日志」栏上沿，不遮挡页脚；
      页脚在平板/移动端会换行堆叠变高，故按断点分别避让（纯 CSS 估算值，不依赖 JS）。
   4) 透明度较默认 0.5 进一步提高至 0.2，弱化水印存在感。
   仅小学部（模板附加 .primary-bg 类）生效，普高部等其他学部沿用上方默认观感。 */
.home-building-bg.primary-bg {
    --primary-bg-bottom-gap: 76px;  /* 桌面上移量：页脚单行约 72px 高 + 少量余量 */
    position: fixed;         /* 固定于视口，不随页面滚动 */
    top: auto;               /* 覆盖默认 top:0，改由 bottom 定位 */
    bottom: var(--primary-bg-bottom-gap);  /* 底边上移至页脚上方 */
    left: 0;
    height: auto;            /* 覆盖 height:100%，高度随宽度等比自适应 */
    object-fit: contain;     /* 完整显示整幅图，不裁切 */
    object-position: bottom center;
    opacity: 0.2;            /* 较默认 0.5 更透明；如需更淡/更明显可调整此值 */
}

/* 平板/移动端：页脚内容换行堆叠变高，需更大上移量才能完全避让 */
@media (max-width: 768px) {
    .home-building-bg.primary-bg { --primary-bg-bottom-gap: 120px; }
}
@media (max-width: 640px) {
    .home-building-bg.primary-bg { --primary-bg-bottom-gap: 190px; }
}

/* 登录页专属：由于登录卡片使用 backdrop-filter 毛玻璃效果且卡片本身
   覆盖 rgba(255,255,255,0.45) 白色遮罩，需要装饰图有更高的不透明度
   才能透出可见的爱迪楼轮廓（约 0.85 × (1 - 0.45) ≈ 47% 强度）。
   其他页面（教师端 base.html、证明 PDF 预览）保持默认的 0.5 水印观感。 */
.login-container .home-building-bg {
    opacity: 0.85;
}

/* 打印（包括浏览器的“打印/保存为 PDF”）时隐藏装饰图，
   避免出现在报告单/证明等正式打印输出中。 */
@media print {
    .home-building-bg {
        display: none !important;
    }
}