/*
 * 整页高度链：否则 body / .userloginbody 的 height:100% 无法计算，背景无法铺满一屏。
 * 100dvh：移动端地址栏收起/展开时更接近可视区域（不支持时由 100vh / 100% 兜底）。
 */
html {
  height: 100%;
}
body {
  min-height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

/* Vue 根节点与 legacy H5（body max-width:750px + rem）对齐 */
#app {
  width: 100%;
  max-width: 750px;
  min-height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  overflow-x: hidden;
}

/*
 * 底栏 fixed + width:100% 相对视口，宽屏时会比 body/#app（max-width:750px）更宽，与内容错位。
 * 限制为与内容同宽并水平居中。
 */
.foot {
  width: 100%;
  max-width: 750px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  box-sizing: border-box;
}

/* 估价结果页底栏：与 #app 同宽居中，避免宽屏时底栏铺满全屏而内容仅 750px */
.valuationresult_foot {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  max-width: 750px;
  box-sizing: border-box;
}