/* ============================================
   Yobekan 中文版 — 阿里普惠体
   主字体：阿里巴巴普惠体 3.0
   兜底：微软雅黑
   ============================================ */

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('../assets/fonts/alibaba-puhuiti/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('../assets/fonts/alibaba-puhuiti/AlibabaPuHuiTi-3-65-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('../assets/fonts/alibaba-puhuiti/AlibabaPuHuiTi-3-75-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('../assets/fonts/alibaba-puhuiti/AlibabaPuHuiTi-3-85-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Alibaba PuHuiTi';
  src: url('../assets/fonts/alibaba-puhuiti/AlibabaPuHuiTi-3-95-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

html[lang="en"] {
  --font-sans: 'Alibaba PuHuiTi', 'Microsoft YaHei', '微软雅黑', sans-serif;
  --font-display: 'Alibaba PuHuiTi', 'Microsoft YaHei', '微软雅黑', sans-serif;
}

html[lang="en"] body {
  font-family: var(--font-sans);
}

/* 中文排版微调 */
html[lang="en"] .display-title,
html[lang="en"] .section-title,
html[lang="en"] .hero__title,
html[lang="en"] .page-hero__title,
html[lang="en"] .manifesto__text,
html[lang="en"] .cta-section__title {
  letter-spacing: 0.06em;
  font-weight: 700;
}

html[lang="en"] .section--dark .display-title,
html[lang="en"] .product-cta .display-title,
html[lang="en"] .product-cta__title,
html[lang="en"] .news-hub__block--dark .display-title,
html[lang="en"] .news-article__continue-head .display-title,
html[lang="en"] .news-article__continue-head .section-title,
html[lang="en"] .news-hub__block--dark .section-title,
html[lang="en"] .page-hero--article .page-hero__title,
html[lang="en"] .news-article-hero__title,
html[lang="en"] .page-hero__title,
html[lang="en"] .hero__title,
html[lang="en"] .cta-section__title {
  background: linear-gradient(135deg, #FFFFFF 0%, var(--color-champagne) 40%, var(--color-accent-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[lang="en"] .hero__title em,
html[lang="en"] .manifesto__text em {
  font-style: normal;
  font-weight: 700;
}

html[lang="en"] .section-label {
  letter-spacing: 0.14em;
}

html[lang="en"] .faq-luxury__q {
  letter-spacing: 0.02em;
}

html[lang="en"] .faq-luxury__panel-title {
  letter-spacing: 0.04em;
}

html[lang="en"] .spec-table td:first-child {
  font-weight: 600;
  white-space: nowrap;
}

html[lang="en"] .page-hero--editorial .page-hero__kicker,
html[lang="en"] .contact-hero__kicker {
  letter-spacing: 0.14em;
  text-transform: none;
  font-size: 0.8125rem;
}

html[lang="en"] .page-hero--editorial .page-hero__title {
  letter-spacing: 0.04em;
  max-width: 10ch;
  line-height: 1.1;
}

html[lang="en"] .page-hero__meta-value {
  letter-spacing: 0.02em;
}

html[lang="en"] .page-hero--contact .page-hero__title {
  letter-spacing: 0.04em;
  max-width: 8ch;
  line-height: 1.1;
}

@media (min-width: 769px) {
  html[lang="en"] .page-hero--contact .page-hero__title {
    max-width: none;
  }

  html[lang="en"] .page-hero--contact .page-hero__desc {
    max-width: none;
    white-space: nowrap;
  }
}

html[lang="en"] .contact-hero__reach-value {
  letter-spacing: 0.02em;
}

html[lang="en"] .contact-hero__reach-value--text {
  letter-spacing: 0.03em;
}

html[lang="en"] .contact-hero__authority-head p {
  letter-spacing: 0.02em;
}

html[lang="en"] .hero__kicker {
  letter-spacing: 0.16em;
  text-transform: none;
  font-size: 0.8125rem;
}

html[lang="en"] .hero__lede {
  letter-spacing: 0.02em;
  max-width: 28ch;
}

html[lang="en"] .hero__title {
  letter-spacing: 0.04em;
  max-width: 8ch;
  line-height: 1.12;
}

html[lang="en"] .hero--showcase .hero__title {
  max-width: 100%;
  line-height: 1.14;
  letter-spacing: 0.02em;
  font-size: clamp(2rem, 2.2vw + 1rem, 4rem);
  font-weight: 700;
}

html[lang="en"] .manifesto--atelier .manifesto__kicker {
  letter-spacing: 0.14em;
  text-transform: none;
  font-size: 0.8125rem;
}

html[lang="en"] .manifesto--atelier .manifesto__quote {
  letter-spacing: 0.04em;
  max-width: min(68%, 920px);
  line-height: 1.58;
  font-weight: 700;
}

html[lang="en"] .manifesto--atelier .manifesto__quote em {
  background: linear-gradient(135deg, var(--color-champagne) 0%, var(--color-accent-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html[lang="en"] .manifesto--atelier .manifesto__metric-label {
  letter-spacing: 0.06em;
  text-transform: none;
}

@media (min-width: 1400px) {
  html[lang="en"] .hero__title {
    max-width: 9ch;
  }
}

html[lang="en"] .page-hero__title,
html[lang="en"] .page-hero__title--product {
  letter-spacing: 0.04em;
}

html[lang="en"] .page-hero--contact .page-hero__title em,
html[lang="en"] .contact-locations__head .section-title em {
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(135deg, var(--color-gold-light), var(--color-accent-light));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

html[lang="en"] .contact-luxury__aside .section-title,
html[lang="en"] .contact-luxury__form-title,
html[lang="en"] .contact-location-card__body h3 {
  letter-spacing: 0.04em;
}

/* 中文移动端 — 紧凑奢华排版 */
@media (max-width: 768px) {
  html[lang="en"] {
    font-size: 15px;
  }

  html[lang="en"] .section-title,
  html[lang="en"] .display-title {
    letter-spacing: 0.03em;
    line-height: 1.24;
  }

  html[lang="en"] .page-hero--editorial .page-hero__title {
    max-width: none;
    letter-spacing: 0.02em;
    line-height: 1.18;
    font-size: clamp(1.5rem, 6.2vw, 1.875rem);
  }

  html[lang="en"] .page-hero--contact .page-hero__title {
    max-width: none;
    line-height: 1.18;
  }

  html[lang="en"] .hero--showcase .hero__title {
    letter-spacing: 0.02em;
    line-height: 1.2;
    font-size: clamp(1.5rem, 6.2vw, 1.875rem);
  }

  html[lang="en"] .hero__lede {
    max-width: none;
    letter-spacing: 0;
    font-size: 0.875rem;
    line-height: 1.58;
  }

  html[lang="en"] .hero__kicker,
  html[lang="en"] .page-hero--editorial .page-hero__kicker {
    letter-spacing: 0.08em;
    font-size: 0.75rem;
  }

  html[lang="en"] .manifesto--atelier .manifesto__quote {
    max-width: 100%;
    letter-spacing: 0.02em;
    line-height: 1.75;
    font-size: clamp(1.0625rem, 4.2vw, 1.25rem);
    font-weight: 500;
  }

  html[lang="en"] .manifesto--atelier .manifesto__quote em {
    font-weight: 600;
  }

  html[lang="en"] .manifesto--atelier .manifesto__metric-label {
    letter-spacing: 0.04em;
    font-size: 0.6875rem;
  }

  html[lang="en"] .section-label {
    letter-spacing: 0.08em;
  }

  html[lang="en"] .section-desc {
    font-size: 0.875rem;
    line-height: 1.58;
  }

  html[lang="en"] .news-mosaic__title,
  html[lang="en"] .news-exhibit-card__title,
  html[lang="en"] .news-insight-card__title {
    letter-spacing: 0;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.38;
  }

  html[lang="en"] .news-mosaic__excerpt,
  html[lang="en"] .news-exhibit-card__excerpt,
  html[lang="en"] .news-insight-card__excerpt {
    font-size: 0.8125rem;
    line-height: 1.55;
  }

  html[lang="en"] body:has(.products-nav) .product-showcase__name,
  html[lang="en"] body:has(.products-nav) .product-card__name,
  html[lang="en"] .product-showcase__name {
    letter-spacing: 0.01em;
    line-height: 1.32;
    font-size: 1.0625rem;
  }

  html[lang="en"] body:has(.products-nav) .product-showcase__features li,
  html[lang="en"] body:has(.products-nav) .product-card__features li {
    letter-spacing: 0;
    font-size: 0.8125rem;
  }

  html[lang="en"] .showcase__content h3 {
    font-size: clamp(1.125rem, 4.5vw, 1.3125rem);
    letter-spacing: 0.02em;
  }

  html[lang="en"] .feature-card__title,
  html[lang="en"] .bento-card__title {
    letter-spacing: 0.02em;
  }

  html[lang="en"] .faq-luxury__q {
    letter-spacing: 0.01em;
    line-height: 1.45;
  }

  html[lang="en"] .faq-luxury__body p {
    line-height: 1.58;
  }

  html[lang="en"] .cta-section__title {
    letter-spacing: 0.03em;
    line-height: 1.22;
  }

  html[lang="en"] .mobile-menu a {
    letter-spacing: 0.02em;
    font-size: 1rem;
  }

  html[lang="en"] .footer__heading {
    letter-spacing: 0.06em;
  }

  html[lang="en"] .split-section__visual-badge span {
    font-size: 0.6875rem;
    line-height: 1.4;
  }

  html[lang="en"] .stats-bar__label {
    letter-spacing: 0.02em;
  }

  /* 子页面中文排版 */
  html[lang="en"] .product-detail__title {
    letter-spacing: 0.02em;
    line-height: 1.28;
  }

  html[lang="en"] .product-detail__feature-card p,
  html[lang="en"] .product-detail-content__text p,
  html[lang="en"] .product-detail__intro p {
    letter-spacing: 0.01em;
    line-height: 1.58;
  }

  html[lang="en"] .page-hero--contact .page-hero__title {
    letter-spacing: 0.02em;
  }

  html[lang="en"] .contact-luxury__aside .section-title {
    letter-spacing: 0.02em;
  }

  html[lang="en"] .contact-channel__value {
    letter-spacing: 0.01em;
  }

  html[lang="en"] .news-article-hero__title {
    letter-spacing: 0.02em;
    line-height: 1.24;
  }

  html[lang="en"] .news-article__prose {
    line-height: 1.75;
  }

  html[lang="en"] .news-article__deck {
    letter-spacing: 0.01em;
    line-height: 1.58;
  }

  html[lang="en"] .spec-table td:first-child {
    font-size: 0.8125rem;
  }

  html[lang="en"] .timeline__title {
    letter-spacing: 0.01em;
  }

  html[lang="en"] .faq-luxury__q {
    line-height: 1.42;
  }
}

@media (max-width: 480px) {
  html[lang="en"] .hero--showcase .hero__title {
    font-size: clamp(1.4375rem, 6vw, 1.75rem);
  }

  html[lang="en"] .manifesto--atelier .manifesto__quote {
    font-size: clamp(1rem, 4vw, 1.1875rem);
    line-height: 1.78;
  }
}