:root {
  --newsdetail-shell: 85.4167vw;
  --newsdetail-text: #333333;
  --newsdetail-subtext: #666666;
  --newsdetail-muted: #999999;
  --newsdetail-line: rgba(0, 0, 0, 0.05);
  --newsdetail-soft: #f5f5f7;
  --newsdetail-soft-2: #f9f8f8;
  --newsdetail-brand: #f2c81e;
}

.newsdetail-body {
  min-width: 320px;
  color: var(--newsdetail-text);
  font-family: var(--family);
  background: #ffffff;
}

.newsdetail-page {
  position: relative;
  overflow: clip;
}

@media (min-width: 769px) {
  :root {
    --newsdetail-focus-module-scale: 0.92;
    --newsdetail-focus-safe-pad: clamp(140px, 9vw, 180px);
  }

  .newsdetail-body {
    overflow-x: hidden;
  }

  .newsdetail-page {
    width: 100vw;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    transform-origin: top center;
  }

  .newsdetail-shell {
    width: min(calc(var(--newsdetail-shell) * var(--newsdetail-focus-module-scale)),
        calc(100% - (2 * var(--newsdetail-focus-safe-pad))));
  }
}

.newsdetail-shell {
  width: min(var(--newsdetail-shell), calc(100% - 2.083vw));
  margin: 0 auto;
}

.newsdetail-main {
  padding: 8.854vw 0 6.25vw;
  background: #ffffff;
}

.newsdetail-back {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.313vw;
  color: rgba(0, 0, 0, 0.4);
}

.newsdetail-back::before {
  content: "";
  width: 0.833vw;
  height: 0.833vw;
  border-left: 0.078vw solid currentColor;
  border-bottom: 0.078vw solid currentColor;
  transform: rotate(45deg);
  flex: 0 0 0.833vw;
}

.newsdetail-layout {
  display: grid;
  grid-template-columns: minmax(0, 54.531vw) minmax(18.75vw, 25.104vw);
  gap: 5.729vw;
  align-items: start;
  margin-top: 2.604vw;
}

.newsdetail-layout--motion .newsdetail-header,
.newsdetail-layout--motion .newsdetail-hero,
.newsdetail-layout--motion .newsdetail-content,
.newsdetail-layout--motion .newsdetail-tags,
.newsdetail-layout--motion .newsdetail-nav,
.newsdetail-layout--motion .newsdetail-cta,
.newsdetail-layout--motion .newsdetail-aside {
  opacity: 0;
  will-change: transform, opacity;
  transition:
    transform 0.95s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.95s ease;
}

.newsdetail-layout--motion .newsdetail-header,
.newsdetail-layout--motion .newsdetail-content,
.newsdetail-layout--motion .newsdetail-tags,
.newsdetail-layout--motion .newsdetail-nav,
.newsdetail-layout--motion .newsdetail-cta {
  transform: translate3d(0, 42px, 0);
}

.newsdetail-layout--motion .newsdetail-hero,
.newsdetail-layout--motion .newsdetail-aside {
  transform: translate3d(0, 56px, 0);
}

.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-header,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-hero,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-content,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-tags,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-nav,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-cta,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-aside {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-hero {
  transition-delay: 0.12s;
}

.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-content {
  transition-delay: 0.22s;
}

.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-tags,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-nav {
  transition-delay: 0.32s;
}

.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-cta,
.newsdetail-layout--motion.newsdetail-layout--in .newsdetail-aside {
  transition-delay: 0.42s;
}

.newsdetail-article {
  min-width: 0;
}

.newsdetail-header {
  display: flex;
  flex-direction: column;
  gap: 1.198vw;
}

.newsdetail-meta {
  display: flex;
  align-items: center;
  gap: 1.302vw;
}

.newsdetail-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.208vw;
  height: 2.083vw;
  padding: 0 0.885vw;
  color: #ffb800;
  background: rgba(255, 184, 0, 0.1);
  border-radius: 999px;
  white-space: nowrap;
}

.newsdetail-date {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.417vw;
  color: var(--newsdetail-subtext);
}

.newsdetail-date::before {
  content: "";
  width: 1.25vw;
  height: 1.25vw;
  border: 0.078vw solid rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: border-box;
  background:
    linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 6px / 12px 1.5px no-repeat,
    linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 11px / 12px 1.5px no-repeat,
    linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 16px / 12px 1.5px no-repeat;
  flex: 0 0 1.25vw;
}

.newsdetail-title {
  margin: 0;
  line-height: 1.7325;
}

.newsdetail-author-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25vw;
  padding: 1.302vw 0;
  border-top: 0.069vw solid var(--newsdetail-line);
  border-bottom: 0.069vw solid var(--newsdetail-line);
}

.newsdetail-author {
  display: flex;
  align-items: center;
}

.newsdetail-author__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.604vw;
  height: 2.604vw;
  border-radius: 50%;
  background: var(--newsdetail-soft);
  font-family: "Inter", sans-serif;
  line-height: 1;
}

.newsdetail-author__copy {
  display: flex;
  flex-direction: column;
  gap: 0.208vw;
  padding-left: 0.417vw;
}

.newsdetail-author__name,
.newsdetail-author__role {
  margin: 0;
}

.newsdetail-author__role {
  color: var(--newsdetail-muted);
  line-height: 18px;
}

.newsdetail-share {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.604vw;
  height: 2.604vw;
  padding: 0;
  border: 0.063vw solid var(--newsdetail-line);
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.newsdetail-share img {
  display: block;
  width: 1.042vw;
  height: 1.042vw;
}

.newsdetail-hero {
  margin-top: 2.604vw;
  overflow: hidden;
  border-radius: 2.604vw;
  background: var(--newsdetail-soft);
}

.newsdetail-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.newsdetail-content {
  display: flex;
  flex-direction: column;
  gap: 1.667vw;
  margin-top: 1.719vw;
}

.newsdetail-content p,
.newsdetail-content h2 {
  margin: 0;
}

.newsdetail-content p {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.7064;
}

.newsdetail-content h2 {
  padding-top: 1.771vw;
  color: #000000;
  line-height: 1.7064;
  font-weight: 400;
}

/* 法律/隐私正文：带字重类的标题不被上面 font-weight:400 压掉(类选择器优先级不够) */
.newsdetail-content h2.fbd700,
.newsdetail-content h3.fbd700 {
  font-weight: 700;
}

/* 列表段落与普通段落同字色/行高(li 原先无任何规则,呈现#333挤行,与p的60%黑松行不一致) */
.newsdetail-content ol,
.newsdetail-content ul {
  margin: 0;
  padding-left: 1.4em;
}

.newsdetail-content li {
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.7064;
}

.newsdetail-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.677vw;
  margin-top: 1.563vw;
}

.newsdetail-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 6.25vw;
  height: 2.083vw;
  padding: 0 1.302vw;
  color: rgba(0, 0, 0, 0.4);
  border: 0.063vw solid var(--newsdetail-line);
  border-radius: 999px;
}

.newsdetail-nav {
  display: flex;
  align-items: center;
  gap: 4.063vw;
  margin-top: 1.563vw;
  padding-top: 1.563vw;
  border-top: 0.052vw solid var(--newsdetail-line);
}

.newsdetail-nav__item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.104vw;
  color: var(--newsdetail-muted);
  letter-spacing: 0.208vw;
  line-height: 1.5;
  transition: color 0.25s ease;
}

.newsdetail-nav__item--prev::before,
.newsdetail-nav__item--next::after {
  content: "";
  width: 0.833vw;
  height: 0.833vw;
  flex: 0 0 0.833vw;
}

.newsdetail-nav__item--prev::before {
  border-left: 0.078vw solid currentColor;
  border-bottom: 0.078vw solid currentColor;
  transform: rotate(45deg);
}

.newsdetail-nav__item--next::after {
  border-right: 0.078vw solid currentColor;
  border-top: 0.078vw solid currentColor;
  transform: rotate(45deg);
}

.newsdetail-nav__item:hover,
.newsdetail-nav__item:focus-visible {
  color: var(--newsdetail-brand);
}

.newsdetail-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25vw;
  margin-top: 3.646vw;
  padding: 2.604vw;
  border-radius: 2.188vw;
  background: var(--newsdetail-soft-2);
}

.newsdetail-cta__copy {
  display: flex;
  flex-direction: column;
  gap: 0.417vw;
}

.newsdetail-cta__copy h2,
.newsdetail-cta__copy p {
  margin: 0;
}

.newsdetail-cta__copy h2 {
  line-height: 1.2923;
}

.newsdetail-cta__copy p {
  color: var(--newsdetail-muted);
  line-height: 1.575;
}

.newsdetail-cta__button {
  background: #ffffff;
}

.newsdetail-cta__button .home-cta__ico {
  background: #000000;
}

.newsdetail-cta__button .home-cta__ico-arr {
  filter: none;
}

.newsdetail-aside {
  min-width: 0;
}

.newsdetail-recommend {
  position: sticky;
  top: 6.25vw;
  display: flex;
  flex-direction: column;
  gap: 1.771vw;
  padding: 2.24vw;
  border: 0.063vw solid var(--newsdetail-line);
  border-radius: 2.188vw;
  background: #ffffff;
}

.newsdetail-recommend h2 {
  margin: 0;
  padding-bottom: 0.938vw;
  border-bottom: 0.069vw solid var(--newsdetail-line);
  line-height: 1.47;
}

.newsdetail-recommend__item {
  display: flex;
  flex-direction: column;
  gap: 0.417vw;
  transition: color 0.25s ease;
}

.newsdetail-recommend__item time,
.newsdetail-recommend__item p {
  margin: 0;
}

.newsdetail-recommend__item time {
  color: var(--newsdetail-muted);
  line-height: 18px;
}

.newsdetail-recommend__item p {
  color: var(--newsdetail-subtext);
  line-height: 1.47;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.25s ease;
}

.newsdetail-recommend__item:hover p,
.newsdetail-recommend__item:focus-visible p {
  color: var(--newsdetail-brand);
}

@media (max-width: 1440px) {
  .newsdetail-layout {
    grid-template-columns: minmax(0, 1fr) 18.75vw;
    gap: 2.917vw;
  }

  .newsdetail-title {
    line-height: 1.45;
  }

  .newsdetail-hero {
    border-radius: 1.875vw;
  }
}

@media (max-width: 1024px) {
  .newsdetail-main {
    padding-top: 7.813vw;
  }

  .newsdetail-layout {
    grid-template-columns: 1fr;
    gap: 2.5vw;
  }

  .newsdetail-recommend {
    position: relative;
    top: auto;
  }

  .newsdetail-nav {
    justify-content: space-between;
    gap: 1.25vw;
  }
}

@media (max-width: 560px) {
  .newsdetail-title {
    line-height: 1.3;
  }

  .newsdetail-author__avatar {
    width: 44px;
    height: 44px;
  }

  .newsdetail-share {
    width: 44px;
    height: 44px;
  }

  .newsdetail-tags {
    gap: 10px;
  }

  .newsdetail-tag {
    min-width: 0;
    padding: 0 18px;
  }

  .newsdetail-nav {
    flex-direction: column;
    align-items: flex-start;
  }
}

.newsdetail-content {
  overflow-wrap: anywhere;
}

.newsdetail-content img,
.newsdetail-content video,
.newsdetail-content iframe,
.newsdetail-content canvas,
.newsdetail-content svg {
  max-width: 100%;
  height: auto;
}

.newsdetail-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.newsdetail-content pre {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .newsdetail-shell {
    width: calc(100% - 32px);
  }

  .newsdetail-main {
    padding-top: 130px;
    padding-bottom: 96px;
  }

  .newsdetail-layout {
    margin-top: 36px;
    gap: 36px;
  }

  .newsdetail-meta {
    flex-wrap: wrap;
    gap: 16px;
  }

  .newsdetail-author-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .newsdetail-hero {
    margin-top: 36px;
    border-radius: 28px;
  }

  .newsdetail-content {
    gap: 24px;
    margin-top: 24px;
  }

  .newsdetail-content h2 {
    padding-top: 18px;
  }

  .newsdetail-nav {
    flex-wrap: wrap;
  }

  .newsdetail-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
  }

  .newsdetail-recommend {
    gap: 24px;
    padding: 28px 24px;
    border-radius: 28px;
  }

  .newsdetail-body {
    overflow-x: hidden;
  }

  .newsdetail-page {
    width: 100%;
    max-width: 100%;
  }

  .newsdetail-title {
    font-size: 22px;
  }

  .newsdetail-nav__item {
    letter-spacing: 1px;
  }

  .newsdetail-recommend__item p {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }

  .newsdetail-back::before {
    content: "";
    width: 10px;
    height: 10px;
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    flex: 0 0 10px;
  }

  .newsdetail-share img {
    display: block;
    width: 20px;
    height: 20px;
  }

  .newsdetail-date::before {
    content: "";
    width: 24px;
    height: 24px;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 50%;
    box-sizing: border-box;
    background: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 6px / 12px 1.5px no-repeat, linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 11px / 12px 1.5px no-repeat, linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center 16px / 12px 1.5px no-repeat;
    flex: 0 0 24px;
  }

  .newsdetail-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    height: 40px;
    padding: 0 25px;
    color: rgba(0, 0, 0, 0.4);
    border: 1px solid var(--newsdetail-line);
    border-radius: 999px;
  }

  .newsdetail-nav__item--prev::before,
  .newsdetail-nav__item--next::after {
    content: "";
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
  }

  .newsdetail-nav__item--prev::before {
    border-left: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
  }
}