/**
 * 官网产品区：真实小程序截图
 * - 素材已在图片层面脱敏，这里不再加遮罩层
 * - 支持主图区「一大一小」叠错摆放
 */
.miniapp-capture-frame {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.08),
    0 20px 45px -12px rgba(15, 23, 42, 0.28);
  background: #0f172a;
}

.miniapp-capture-frame img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.miniapp-hero-stack {
  position: relative;
  width: min(34rem, 100%);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1024px) {
  .miniapp-hero-stack {
    margin-right: 0;
    margin-left: auto;
  }
}

.miniapp-hero-stack .miniapp-shot {
  margin: 0;
}

.miniapp-hero-stack .miniapp-shot figcaption {
  margin-top: 0.45rem;
  font-size: 0.72rem;
  line-height: 1.35;
  color: #86909c;
  text-align: center;
}

.miniapp-hero-stack .miniapp-shot--big {
  width: min(20rem, 92%);
}

.miniapp-hero-stack .miniapp-shot--small {
  position: absolute;
  right: 0;
  bottom: -0.75rem;
  width: min(14.75rem, 62%);
  transform: rotate(2.25deg);
  transform-origin: 70% 90%;
}

@media (min-width: 640px) {
  .miniapp-hero-stack .miniapp-shot--big {
    width: 21.5rem;
  }
  .miniapp-hero-stack .miniapp-shot--small {
    bottom: -1rem;
    width: 15.25rem;
  }
}

@media (min-width: 1024px) {
  .miniapp-hero-stack .miniapp-shot--big {
    width: 22.25rem;
  }
  .miniapp-hero-stack .miniapp-shot--small {
    bottom: -1.1rem;
    width: 15.75rem;
  }
}

.miniapp-hero-stack .miniapp-shot--small .miniapp-capture-frame {
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.1),
    0 30px 60px -18px rgba(15, 23, 42, 0.32);
}

/* ---- 后台未配置的公司信息一律不显示 ----
   只兜底原生 [hidden] 属性。注意不要用 !important 碰 .hidden：
   .hidden 是 Tailwind 类名，常与 md:flex / md:hidden 等响应式变体叠加，
   强制 !important 会把桌面导航和移动菜单一起干掉。 */
[hidden] {
  display: none !important;
}

/* .hidden 的本地兜底（仅在 Tailwind CDN 未加载时起作用）：
   本文件在 <head> 中先于 Tailwind 引入，正常情况下被 Tailwind 同名规则覆盖；
   CDN 挂了时仍能保证弹窗/移动菜单默认收起。不要加 !important。 */
.hidden {
  display: none;
}

/* 页脚「联系我们」整列：三项全空时由 JS 给容器加 data-company-contact-empty */
[data-company-contact-empty] {
  display: none !important;
}

/* 页脚底部分隔线：版权为空时不显示分隔线 */
[data-company-copyright-bar]:empty {
  display: none;
}