/* Vue 站点补充样式：只补模板未覆盖的小结构，不改变原有视觉。 */

/* 首页认证标识：复制轨道 + CSS 动画实现无缝横向滚动（原 product-showcase.js 的等价实现） */
.aoyea-component-product-showcase
  .aoyea-product-showcase-certifications-track[data-aoyea-marquee] {
  animation: aoyea-certification-marquee 28s linear infinite;
}

.aoyea-product-showcase-certifications:hover
  .aoyea-product-showcase-certifications-track[data-aoyea-marquee],
.aoyea-product-showcase-certifications:focus-within
  .aoyea-product-showcase-certifications-track[data-aoyea-marquee] {
  animation-play-state: paused;
}

@keyframes aoyea-certification-marquee {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aoyea-component-product-showcase
    .aoyea-product-showcase-certifications-track[data-aoyea-marquee] {
    animation: none;
  }
}

/* 内容加载守卫空态：原 App.vue 内联样式，合并到统一入口样式表 */
/* 与静态页 aoyea-dynamic-guard.js 同一套空态口径 */
.aoyea-content-guard-empty {
  max-width: 760px;
  margin: 120px auto;
  padding: 0 24px;
  font-family: inherit;
  color: #c9c9c9;
  text-align: center;
}

.aoyea-content-guard-empty strong {
  display: block;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
}

.aoyea-content-guard-empty p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}