/* Alpha Scorpion · 星图 v3 · mobile.css（手机页真机适配）
 * 原稿的手机页是 390 宽、固定高度的设计画框：tab 栏画在页面最底下，窄屏时换行的内容会被裁掉。
 * 这里改成：宽度跟随屏幕（最宽 480 居中）、高度随内容、tab 栏和成交提示固定在屏幕底部、避开刘海和底部横条。
 * 原稿的数值都写在行内 style 里，所以这里用 !important 覆盖。
 */
html { -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
#dc-root > :first-child {
  width: 100% !important;
  max-width: 480px;
  height: auto !important;
  min-height: 100vh;
  min-height: 100dvh;
  padding-top: max(20px, env(safe-area-inset-top)) !important;
  padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
#dc-root nav[aria-label="主导航"] {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  max-width: 480px;
  z-index: 20;
  padding-bottom: max(10px, env(safe-area-inset-bottom)) !important;
}
/* 写死 300–358 宽的图形（星盘、雷达、脉冲星、行星仪、走势图）在 320 宽小屏上等比缩小；叠在上面的文字层用 % 和 cqw 定位，会跟着缩 */
#dc-root div:has(> svg.sky),
#dc-root div:has(> svg.radar),
#dc-root .disc,
#dc-root .orr {
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1;
}
#dc-root svg.sky,
#dc-root svg.radar,
#dc-root .disc > svg,
#dc-root .orr > svg,
#dc-root svg[viewBox="0 0 358 200"] {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
}
#dc-root .toast {
  position: fixed !important;
  max-width: 448px;
  margin: 0 auto;
  bottom: calc(74px + env(safe-area-inset-bottom)) !important;
  z-index: 21;
}