/* 新闻详情页：仅作用于 .aoyea-component-news-detail，避免影响公共组件 */
.aoyea-component-news-detail {
  min-height: 2989px;
  padding-top: 124px;
  overflow: hidden;
  background: #121212;
  color: #fff;
}

.aoyea-component-news-detail .aoyea-news-detail-breadcrumb {
  width: min(1310px, calc(100% - 48px));
  height: 123px;
  margin: 0 auto;
  padding: 9px 15px 0;
  color: #c8c8c8;
  font-family: var(--aoyea-font-ui);
  font-size: 13px;
  line-height: 20px;
}

.aoyea-component-news-detail .aoyea-news-detail-breadcrumb a:hover { color: var(--aoyea-color-brand); }

@media (min-width: 1281px) and (max-width: 1400px) {
  .aoyea-component-news-detail { padding-top: 115px; }
  .aoyea-component-news-detail .aoyea-news-detail-breadcrumb {
    height: 116px;
    padding-left: 47px;
  }
}

.aoyea-component-news-detail .aoyea-news-detail-article {
  position: relative;
  width: min(1200px, calc(100% - 16.6667%));
  height: 1832px;
  margin: 0 auto;
  border-radius: 12px;
  background: #212121;
}

.aoyea-component-news-detail .aoyea-news-detail-back {
  position: absolute;
  top: 41px;
  left: 36px;
  z-index: 2;
  display: flex;
  width: 60px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-family: var(--aoyea-font-ui);
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  transition: color 220ms ease, transform 220ms ease;
}

.aoyea-component-news-detail .aoyea-news-detail-back:hover,
.aoyea-component-news-detail .aoyea-news-detail-back:focus-visible { color: var(--aoyea-color-brand); transform: translateX(-3px); }
.aoyea-component-news-detail .aoyea-news-detail-back-circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #262626;
}
.aoyea-component-news-detail .aoyea-news-detail-back-icon {
  position: absolute;
  top: 17px;
  left: 15px;
  width: 30px;
  height: 26px;
  transition: filter 220ms ease;
}

.aoyea-component-news-detail .aoyea-news-detail-back:hover .aoyea-news-detail-back-icon,
.aoyea-component-news-detail .aoyea-news-detail-back:focus-visible .aoyea-news-detail-back-icon {
  filter: brightness(0) saturate(100%) invert(56%) sepia(96%) saturate(1624%) hue-rotate(71deg) brightness(96%) contrast(104%);
}

.aoyea-component-news-detail .aoyea-news-detail-category {
  position: absolute;
  top: 87px;
  left: 161px;
  display: inline-flex;
  height: 32px;
  align-items: center;
  padding: 0 14px;
  border-radius: 16px;
  background: #d7f8cc;
  color: #000;
  font-family: var(--aoyea-font-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.aoyea-component-news-detail .aoyea-news-detail-share {
  position: absolute;
  top: 87px;
  right: 161px;
  display: flex;
  gap: 15px;
}

.aoyea-component-news-detail .aoyea-news-detail-share button {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform 220ms ease, opacity 220ms ease;
}

.aoyea-component-news-detail .aoyea-news-detail-share button:hover,
.aoyea-component-news-detail .aoyea-news-detail-share button:focus-visible { transform: translateY(-3px); opacity: .72; }
.aoyea-component-news-detail .aoyea-news-detail-share img { width: 32px; height: 32px; }

.aoyea-component-news-detail .aoyea-news-detail-title {
  position: absolute;
  top: 163px;
  left: 161px;
  width: 878px;
  margin: 0;
  color: #fff;
  font-family: var(--aoyea-font-display);
  font-size: 48px;
  font-weight: 700;
  line-height: 54px;
  letter-spacing: -.02em;
}
.aoyea-component-news-detail .aoyea-news-detail-title-mobile-break { display: none; }

.aoyea-component-news-detail .aoyea-news-detail-meta {
  position: absolute;
  top: 304px;
  left: 161px;
  margin: 0;
  color: #7b7b7b;
  font-family: var(--aoyea-font-ui);
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.aoyea-component-news-detail .aoyea-news-detail-hero {
  position: absolute;
  top: 361px;
  left: 161px;
  width: 878px;
  height: 261px;
  margin: 0;
  overflow: hidden;
  border-radius: 0 0 12px 12px;
}

.aoyea-component-news-detail .aoyea-news-detail-hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.aoyea-component-news-detail .aoyea-news-detail-copy {
  position: absolute;
  top: 693px;
  left: 161px;
  width: 878px;
  color: #fff;
  font-family: "Noto Sans SC", var(--aoyea-font-copy), sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.aoyea-component-news-detail .aoyea-news-detail-copy > p { margin: 0 0 52px; }
.aoyea-component-news-detail .aoyea-news-detail-copy p,
.aoyea-component-news-detail .aoyea-news-detail-copy li { overflow-wrap: anywhere; }
.aoyea-component-news-detail .aoyea-news-detail-copy section { margin: 0 0 52px; }
.aoyea-component-news-detail .aoyea-news-detail-copy h2 { margin: 0 0 14px; font-size: 28px; font-weight: 700; line-height: 46px; }
.aoyea-component-news-detail .aoyea-news-detail-copy section p { margin: 0; }
.aoyea-component-news-detail .aoyea-news-detail-copy section p + p { margin-top: 16px; }
.aoyea-component-news-detail .aoyea-news-detail-copy ul { margin: 0; padding-left: 24px; }
.aoyea-component-news-detail .aoyea-news-detail-copy li { padding-left: 0; line-height: 1.6; }

.aoyea-component-news-detail .aoyea-news-detail-pager {
  display: grid;
  width: min(1198px, calc(100% - 48px));
  height: 200px;
  margin: 36px auto 0;
  grid-template-columns: 1fr 1fr;
  gap: 44px;
}

.aoyea-component-news-detail .aoyea-news-detail-pager-card {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 0 36px;
  border: 1px solid #373737;
  border-radius: 12px;
  background: #212121;
  box-shadow: inset 0 2px 4px rgb(92 92 92 / 40%), inset 0 -2px 4px #3d3d3d;
  transition: transform 260ms ease, border-color 260ms ease;
}

.aoyea-component-news-detail .aoyea-news-detail-pager-card:hover,
.aoyea-component-news-detail .aoyea-news-detail-pager-card:focus-visible { border-color: var(--aoyea-color-brand); transform: translateY(-4px); }
.aoyea-component-news-detail .aoyea-news-detail-pager-card--previous { padding-left: 166px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card--next { padding-right: 166px; text-align: right; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card h2 { margin: 0 0 14px; font-family: var(--aoyea-font-ui); font-size: 28px; font-weight: 400; line-height: 35px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card p { margin: 0; color: #fff; font-family: var(--aoyea-font-copy); font-size: 14px; line-height: 24px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-arrow { position: absolute; top: 64px; width: 72px; height: 72px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card--previous .aoyea-news-detail-pager-arrow { left: 36px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card--next .aoyea-news-detail-pager-arrow { right: 36px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-arrow img { width: 72px; height: 72px; }
.aoyea-component-news-detail .aoyea-news-detail-pager-card::after {
  position: absolute;
  top: 100px;
  width: 14px;
  height: 21px;
  background: url("../inner-page/assets/news-detail/imgVector3.svg") center / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.aoyea-component-news-detail .aoyea-news-detail-pager-card--previous::after { left: 72px; transform: translate(-50%, -50%) rotate(180deg); }
.aoyea-component-news-detail .aoyea-news-detail-pager-card--next::after { right: 72px; transform: translate(50%, -50%); }

.aoyea-component-news-detail .aoyea-news-detail-related {
  width: min(1200px, calc(100% - 48px));
  margin: 71px auto 0;
}

.aoyea-component-news-detail .aoyea-news-detail-related-heading { display: flex; align-items: center; gap: 22px; }
.aoyea-component-news-detail .aoyea-news-detail-related-heading::before,
.aoyea-component-news-detail .aoyea-news-detail-related-heading::after { height: 1px; flex: 1; background: #6d6d6d; content: ""; }
.aoyea-component-news-detail .aoyea-news-detail-related-heading h2 { flex: 0 0 auto; margin: 0; font-family: var(--aoyea-font-ui); font-size: 14px; font-weight: 300; line-height: 24px; }
.aoyea-component-news-detail .aoyea-news-detail-related-view { display: flex; justify-content: flex-end; margin: 31px 0 24px; color: #fff; font-family: var(--aoyea-font-ui); font-size: 16px; line-height: 18px; text-decoration: underline; }
.aoyea-component-news-detail .aoyea-news-detail-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 42px; }
.aoyea-component-news-detail .aoyea-news-detail-related-card { position: relative; display: flex; min-height: 338px; flex-direction: column; overflow: hidden; border-radius: 12px; background: #212121; box-shadow: inset 0 2px 4px rgb(92 92 92 / 40%), inset 0 -2px 4px #3d3d3d; transition: transform 260ms ease, box-shadow 260ms ease; }
.aoyea-component-news-detail .aoyea-news-detail-related-card:hover,
.aoyea-component-news-detail .aoyea-news-detail-related-card:focus-within { transform: translateY(-5px); box-shadow: inset 0 2px 4px rgb(92 92 92 / 40%), inset 0 -2px 4px #3d3d3d, 0 16px 35px rgb(0 0 0 / 25%); }
.aoyea-component-news-detail .aoyea-news-detail-related-card-copy { padding: 37px 36px 0; }
.aoyea-component-news-detail .aoyea-news-detail-related-card time { display: block; margin-bottom: 12px; color: #c0c0c0; font-family: var(--aoyea-font-copy); font-size: 10px; line-height: 20px; }
.aoyea-component-news-detail .aoyea-news-detail-related-card h3 { margin: 0; font-family: "Noto Sans SC", var(--aoyea-font-copy), sans-serif; font-size: 24px; font-weight: 300; line-height: 24px; }
.aoyea-component-news-detail .aoyea-news-detail-related-card img { width: 100%; height: 151px; margin-top: auto; object-fit: cover; object-position: center; }
.aoyea-component-news-detail .aoyea-news-detail-reveal { opacity: 0; transform: translateY(18px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }
.aoyea-component-news-detail .aoyea-news-detail-reveal.aoyea-is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .aoyea-component-news-detail { min-height: auto; padding-top: 100px; }
  .aoyea-component-news-detail .aoyea-news-detail-breadcrumb { height: 88px; padding: 10px 24px 0; }
  .aoyea-component-news-detail .aoyea-news-detail-article { height: auto; min-height: 0; padding: 34px 34px 52px; }
  .aoyea-component-news-detail .aoyea-news-detail-back { position: relative; top: auto; left: auto; margin-bottom: 30px; }
  .aoyea-component-news-detail .aoyea-news-detail-category,
  .aoyea-component-news-detail .aoyea-news-detail-share,
  .aoyea-component-news-detail .aoyea-news-detail-title,
  .aoyea-component-news-detail .aoyea-news-detail-meta,
  .aoyea-component-news-detail .aoyea-news-detail-hero,
  .aoyea-component-news-detail .aoyea-news-detail-copy { position: static; }
  .aoyea-component-news-detail .aoyea-news-detail-share { margin: 18px 0; }
  .aoyea-component-news-detail .aoyea-news-detail-title { width: auto; margin: 22px 0 14px; font-size: clamp(30px, 8vw, 40px); line-height: 1.1; }
  .aoyea-component-news-detail .aoyea-news-detail-meta { margin-bottom: 28px; }
  .aoyea-component-news-detail .aoyea-news-detail-hero { width: 100%; height: auto; aspect-ratio: 878 / 261; }
  .aoyea-component-news-detail .aoyea-news-detail-copy { width: auto; margin-top: 42px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager { height: auto; grid-template-columns: 1fr; }
  .aoyea-component-news-detail .aoyea-news-detail-related-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .aoyea-page-news-detail .aoyea-component-site-header .aoyea-site-header-contact { display: none; }
  .aoyea-component-news-detail .aoyea-news-detail-article { width: calc(100% - 24px); padding: 26px 20px 38px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager,
  .aoyea-component-news-detail .aoyea-news-detail-related { width: calc(100% - 24px); }
  .aoyea-component-news-detail .aoyea-news-detail-pager { gap: 16px; margin-top: 24px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card { min-height: 170px; padding: 28px 24px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--previous { padding-left: 112px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--next { padding-right: 112px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-arrow { top: 49px; width: 56px; height: 56px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--previous .aoyea-news-detail-pager-arrow { left: 26px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--next .aoyea-news-detail-pager-arrow { right: 26px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-arrow img { width: 56px; height: 56px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card::after { top: 77px; width: 11px; height: 17px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--previous::after { left: 54px; }
  .aoyea-component-news-detail .aoyea-news-detail-pager-card--next::after { right: 54px; }
  .aoyea-component-news-detail .aoyea-news-detail-related { margin-top: 48px; }
  .aoyea-component-news-detail .aoyea-news-detail-related-grid { gap: 16px; }
  .aoyea-component-news-detail .aoyea-news-detail-title-break { display: none; }
  .aoyea-component-news-detail .aoyea-news-detail-title-mobile-break { display: block; }
  .aoyea-component-news-detail .aoyea-news-detail-title { width: 100% !important; max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
  .aoyea-component-news-detail .aoyea-news-detail-breadcrumb { overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  .aoyea-component-news-detail .aoyea-news-detail-back,
  .aoyea-component-news-detail .aoyea-news-detail-back-icon,
  .aoyea-component-news-detail .aoyea-news-detail-share button,
  .aoyea-component-news-detail .aoyea-news-detail-pager-card,
  .aoyea-component-news-detail .aoyea-news-detail-related-card { transition: none; }
  .aoyea-component-news-detail .aoyea-news-detail-reveal { opacity: 1; transform: none; transition: none; }
}