@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  -webkit-text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
       text-size-adjust: 100% !important;
}

/* 横屏样式 */
@media screen and (orientation: landscape) {
  body {
    width: var(--vw);
    height: var(--vh);
  }
}
/* 竖屏样式 */
@media screen and (orientation: portrait) {
  body {
    /* 竖屏样式 */
    transform: rotate(90deg);
    transform-origin: center center;
    width: var(--vw); /* 将页面宽度设置为视口高度，确保内容充满屏幕 */
    height: var(--vh); /* 将页面高度设置为视口宽度，确保内容充满屏幕 */
    overflow: hidden; /* 隐藏滚动条 */
    position: absolute; /* 使用绝对定位 */
    top: 50%;
    left: 50%;
    margin-top: -50vw; /* 将旋转后的宽度的一半作为负的上边距 */
    margin-left: -50vh; /* 将旋转后的高度的一半作为负的左边距 */
  }
}