/* ==========================================================================
   mobile-honours.css — 荣誉资质页移动端专属样式
   --------------------------------------------------------------------------
   仅包含该页特有的结构；公共组件一律复用 css/mobile-template.css。
   所有规则均位于 @media (max-width: 789px) 内，
   因此桌面端（≥790px）的 Figma 画布保持原样，零影响。
   ========================================================================== */
@media (max-width: 789px) {
  /* ---------------------------------------------------------------- 首屏
     桌面端首屏为 1929×669 的仓储货架大图，窄屏时裁切到画面中部，
     并叠一层暗色蒙版，保证白色标题与金色 eyebrow 的可读性。 */
  .m-honours-hero .m-hero__bg {
    object-position: 38% center;
    opacity: 0.72;
  }

  .m-honours-hero::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(
      100deg,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.38) 62%,
      rgba(0, 0, 0, 0.22) 100%
    );
  }

  .m-honours-hero .m-hero__inner {
    z-index: 1;
  }

  /* ------------------------------------------------------------ 荣誉证书
     桌面端证书卡为浅灰底（#eff0f3）+ 金色分隔线，移动端沿用同一套视觉。 */
  .m-honours-scroll .m-scroll__item {
    background: #eff0f3;
    border-color: transparent;
  }

  .m-honours-scroll .m-scroll__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 7 / 5;
    object-fit: contain;
    background: #fff;
  }

  .m-honours-scroll .m-scroll__item figcaption {
    margin-top: 10px;
    padding-top: 10px;
    color: #111;
    font-weight: 700;
    border-top: 2px solid #efbd34;
  }

  .m-honours-scroll .m-scroll__hint {
    margin-bottom: 0;
  }

  /* ------------------------------------------------------------ 关于盛丰
     「集团介绍 / 企业文化 / 发展历程」跳转企业文化页的移动端锚点。 */
  .m-about-links .m-list__value a {
    color: var(--m-gold);
    text-decoration: none;
  }

  .m-about-links .m-list__value a:active {
    color: var(--m-orange);
  }
}