body {
  margin: 0;
  background: #0d101f;
}

/* 定义常规体 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 400;
  src: url("assets/fonts/noto-sans-sc-v39-chinese-simplified-regular.woff2")
    format("woff2");
  font-display: swap; /* 没加载完先用默认字，别空着 */
}

/* 定义粗体 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 700;
  src: url("assets/fonts/noto-sans-sc-v39-chinese-simplified-700.woff2")
    format("woff2");
  font-display: swap;
}

/* 旋转提示层 (默认隐藏) */
#orientation-lock {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1a1a1a;
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: sans-serif;
}

#orientation-lock span {
  font-size: 40px;
  margin-bottom: 20px;
  animation: rotate-icon 1.5s infinite ease-in-out;
}

@keyframes rotate-icon {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-90deg);
  } /* 模拟手机旋转动作 */
  100% {
    transform: rotate(-90deg);
  }
}

/* ✨ 核心媒体查询：当屏幕 高度 > 宽度 时 (竖屏) 显示提示 */
@media screen and (orientation: portrait) {
  #orientation-lock {
    display: flex;
  }
  #app {
    display: none;
  } /* 暂时隐藏游戏，节省性能 */
}