/* ==========================================================================
   底部黑边修复 · 2026-10-08
   🔴 病因：html 没有背景色，只有 body 有。
           当 body 内容高度 < html 需要的 scrollHeight 时，
           底部露出的区域 html 是 rgba(0,0,0,0) → 浏览器渲染成黑色。
   实测：html.scrollHeight=4852，body.scrollHeight=4816，差36px。

   修法：html 也上底色 + min-height:100%
   ========================================================================== */

html{
  background: var(--brand-paper, #FBF4E9);
  min-height: 100%;
  /* iOS Safari 惯性滚动到底时露白/露黑，这里兜住 */
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* 极端情况兜底：如果 body 后面还有元素超出，html 会跟着长高，
   此时再补一层 PAPER，保证任何滚动位置都不是黑色 */
html::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--brand-paper, #FBF4E9);
  pointer-events: none;
}

body{
  position: relative;
  z-index: 0;
  min-height: 100vh;
}