/* ============================================================
 * 移动端全局样式(<768px 生效)
 * 注意:全局元素规则(a/body/input/button/textarea 等)必须包在
 * @media (max-width: 767.98px) 内,否则会污染 PC 端布局
 * (PC 端使用 css.css / mycss.css / layui.css 自带样式)。
 * ============================================================ */
@media (max-width: 767.98px) {
  * {
    margin: 0px;
    padding: 0px;
    font-family: "HarmonyOS Sans", system-ui, -apple-system, Roboto, sans-serif;
    forced-color-adjust: none;
  }

  ul {
    list-style: none;
  }

  a {
    text-decoration: none;
    display: contents;
  }

  body {
    width: 750rpx;
    background-color: #ffffff;
    font-family: "HarmonyOS Sans", system-ui, -apple-system, Roboto, sans-serif;
  }

  form {
    width: 100%;
  }

  input,
  button,
  textarea {
    margin: 10rpx 5rpx;
    border: none;
    border-radius: 10rpx;
    height: 37rpx;
    padding: 8px 13px;
    line-height: 26px;
    font-size: 14px;
    background: #fff;
    display: block;
    min-height: 1.4em;
    overflow: hidden;
    width: 100%;
  }
}