/**
 * PC / 大屏：前台默认居中 H5 手机壳（430px）
 * 手机端不受影响。后台 Admin 不加载此文件逻辑。
 */
@media screen and (min-width: 768px) {
  :root {
    --h5-shell-w: 430px;
  }

  html {
    background: #0f172a !important;
  }

  body {
    width: var(--h5-shell-w) !important;
    max-width: var(--h5-shell-w) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 100vh;
    background: #fff !important;
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.45);
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    position: relative;
  }

  #body,
  .body_main {
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }

  /* 固定顶栏/底栏/浮层对齐到中间壳，不用 transform（避免破坏 fixed） */
  header.top_header,
  footer,
  footer.footer,
  .footer,
  .lamp[data-v-4444cd4b],
  .show_lllqqqe,
  .vip-foot,
  .idv-submit-wrap,
  .fin-submit-wrap,
  .wa-header,
  .wa-messages,
  .wa-chat-bottom,
  .pop-background,
  .layui-m-layershade,
  .layui-m-layermain {
    left: calc(50% - (var(--h5-shell-w) / 2)) !important;
    right: auto !important;
    width: var(--h5-shell-w) !important;
    max-width: var(--h5-shell-w) !important;
    box-sizing: border-box !important;
  }

  .pop-background,
  .layui-m-layershade,
  .layui-m-layermain {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
  }

  #home-topbar {
    height: calc(var(--h5-shell-w) * 78 / 580) !important;
    max-height: 78px !important;
  }

  /* 仅约束 Bootstrap 栅格，勿误伤倒计时 .container.timeBar */
  .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
  }

  [class*="col-xs-"],
  [class*="col-sm-"],
  [class*="col-md-"],
  [class*="col-lg-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }

  /* 仅发布等 form-inline 表单行拉满，避免 width:auto 露深色底；不影响登录页 .login-inp */
  .form-inline {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .form-inline > .login-inp {
    display: block !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
    clear: both;
    overflow: hidden;
  }

  .form-inline .form-group,
  .form-inline .form-control {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

}

/* 与 JS class 双保险 */
html.is-pc-h5 {
  background: #0f172a !important;
}
html.is-pc-h5 body {
  width: 430px !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #fff !important;
  overflow-x: hidden !important;
}