/*
 * tzhlrc.com 首页移动端图片适配补丁
 * 用法：在原站 main-DgULXiOT.css 之后引入本文件，
 * 或将本文件内容追加到原 CSS 文件末尾。
 */
@media screen and (max-width: 780px) {
  /* 首屏设备图不再使用 110% / 118% 的超宽设置，按容器宽度等比缩放 */
  .hero-visual {
    height: auto;
    min-height: 0;
  }

  .hero-visual img {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
  }

  /* 安全、资产操作、DApp 插画按各自容器缩放，完整显示、不裁切 */
  .illustration-stage img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-right: auto;
    margin-left: auto;
  }
}