/**
 * 宽屏外框：模拟手机预览，iframe 固定 480px 宽居中。
 * 真实 H5 运行在 frame.html 内，视口与 vw 与真机一致。
 */
html,
body {
  margin: 0;
  height: 100%;
  background: #e8e4dc;
}

.h5-device-shell {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 100dvh;
  background: #e8e4dc;
}

.h5-device-frame {
  display: block;
  width: 530px;
  max-width: 100vw;
  height: 100dvh;
  border: none;
  background: #fff;
  box-shadow:
    0 0 0 1px rgba(30, 77, 140, 0.06),
    0 8px 32px rgba(30, 77, 140, 0.08);
}