/**
 * 基础重置与响应式排版样式 (Global Reset & Responsive Layout)
 * 包含 box-sizing 重置、HTML/Body 基础规则及移动端 750 宽度的 rem / max-width 计算
 */
:root {
  --lobby__max-width: 100%;
}

*,
::after,
::before {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

ul {
  list-style: none;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html[data-device="mobile"] {
  font-size: calc(100vw / (750 / 100));
}

html[data-ui-contain="1"] {
  background: var(--skin__border);
  font-size: calc(var(--lobby__max-width) / (750 / 100));
}

html[data-ui-contain="0"] {
  --lobby__max-width: 100%;
}