/*
 * 静态导出兼容层
 * 这里仅放生产样式的浏览器回退，重新导出主样式时应保留本文件并最后加载。
 */

/* aspect-ratio 不可用时，首页圆形视觉仍保留高度。 */
.hero-orbit {
  min-height: min(35vw, 470px);
}

/* 新版移动浏览器使用动态视口，旧浏览器会忽略第二条并继续使用 vh。 */
.modal-sheet {
  height: 94vh;
  height: 94dvh;
}

/* 不支持背景模糊时提高底色不透明度，保证图例与弹层文字可读。 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .original-modal {
    background: rgba(11, 24, 26, 0.96);
  }

  .difference-legend,
  .map-legend,
  .value-route-ribbon,
  .economy-lab-hero aside,
  .live-ai-hero aside {
    background-color: rgba(5, 31, 35, 0.96);
  }
}

/* Windows 高对比度模式下保留键盘焦点和按钮边界。 */
@media (forced-colors: active) {
  button,
  a {
    border: 1px solid ButtonText;
  }

  :is(button, a):focus-visible {
    outline: 3px solid Highlight;
  }
}

.compatibility-message {
  box-sizing: border-box;
  max-width: 720px;
  min-height: 70vh;
  margin: 0 auto;
  padding: 18vh 24px 60px;
  color: #173e44;
  text-align: center;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.compatibility-message h1 {
  margin: 20px 0 12px;
  font-family: STSong, SimSun, serif;
  font-size: clamp(30px, 6vw, 56px);
  font-weight: 400;
}

.compatibility-message p {
  margin: 0;
  color: #6f6c63;
  line-height: 1.8;
}

.compatibility-mark {
  display: grid;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  border-radius: 6px;
  background: #a33b2f;
  color: #f7f2e7;
  place-items: center;
  font-family: STSong, SimSun, serif;
  font-size: 30px;
}

/* 未配置真实文件时不展示视频占位，也不会产生不存在的媒体请求。 */
html.no-ai-video .ai-film-section {
  display: none !important;
}