/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* 根据屏幕高宽比设置全局index_container样式 */
body.narrow-screen .index_container {
  /* 在这里添加当条件成立时的样式 */
  /* 例如：调整内边距、字体大小等 */
  width: 100vw;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
@font-face {
  font-family: "MyCustomFont";
  src: url(/fonts/PingFangMedium.093b9df7.ttf) format("truetype");
}
@font-face {
  font-family: "MyCustomFontBold";
  src: url(/fonts/PingFangSCBold.2b540428.ttf) format("truetype");
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* 全局禁止文本大小调整 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}
ul {
  list-style: none;
}
/* 全局样式重置 */
html,
body {
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  overflow-x: hidden;
}

/* 横屏锁定提示样式 */
.orientation-lock {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  z-index: 9999;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  /* 添加延迟显示，避免方向变化时的闪烁 */
  opacity: 0;
  pointer-events: none;
}
.orientation-lock.fade-in {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.orientation-content {
  text-align: center;
  color: white;
  -webkit-animation: rotate 2s ease-in-out infinite;
          animation: rotate 2s ease-in-out infinite;
}
.orientation-icon {
  font-size: 5rem;
  margin-bottom: 1rem;
  -webkit-animation: rotate 2s ease-in-out infinite;
          animation: rotate 2s ease-in-out infinite;
}
.orientation-text {
  font-size: 1.5rem;
  font-weight: bold;
}
@-webkit-keyframes rotate {
0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}
@keyframes rotate {
0%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
50% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
}