/* Chinese website typography. Vendor webfonts are served with the site. */
@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  src: url('assets/fonts/AlibabaPuHuiTi-3-55-Regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Alibaba PuHuiTi 3';
  src: url('assets/fonts/AlibabaPuHuiTi-3-65-Medium.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
html[lang='zh-CN'] {
  --font: 'Alibaba PuHuiTi 3', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --heading: var(--font);
  --muted: #606b7e;
  font-synthesis: none;
}
html[lang='zh-CN'] body { line-height: 1.8; letter-spacing: .015em; }
html[lang='zh-CN'] .brand { letter-spacing: .035em; font-weight: 500; }
html[lang='zh-CN'] .brand strong { font-weight: 500; }
html[lang='zh-CN'] .hero h1 {
  font-size: clamp(42px, 5.25vw, 76px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.34;
  margin-block: 25px 25px;
}
html[lang='zh-CN'] h1 em { font-weight: inherit; }
html[lang='zh-CN'] h2,
html[lang='zh-CN'] .tour-title-row h2 {
  font-family: var(--heading);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.4;
  text-wrap: balance;
}
html[lang='zh-CN'] h3 { font-weight: 500; letter-spacing: 0; line-height: 1.5; text-wrap: balance; }
html[lang='zh-CN'] .hero-description { font-size: 18px; line-height: 1.9; max-width: 820px; }
html[lang='zh-CN'] .hero-overline { letter-spacing: .12em; font-weight: 500; }
html[lang='zh-CN'] .small-label { letter-spacing: .08em; font-weight: 500; }
html[lang='zh-CN'] .button,
html[lang='zh-CN'] .workspace-caption strong,
html[lang='zh-CN'] .view-detail strong,
html[lang='zh-CN'] .monitor-list strong,
html[lang='zh-CN'] .flow-step strong,
html[lang='zh-CN'] .paper-object strong,
html[lang='zh-CN'] .faq-list summary,
html[lang='zh-CN'] .text-link,
html[lang='zh-CN'] .resource-action,
html[lang='zh-CN'] .installation summary { font-weight: 500; }
html[lang='zh-CN'] .section-heading > p,
html[lang='zh-CN'] .feature-copy > p,
html[lang='zh-CN'] .workflow-steps p,
html[lang='zh-CN'] .scenario-text > p,
html[lang='zh-CN'] .capability-card p,
html[lang='zh-CN'] .ownership-grid p { line-height: 1.85; }
html[lang='zh-CN'] .tour-title-row h2 { font-size: clamp(28px, 3.1vw, 40px); }
html[lang='zh-CN'] .tour-title-row > div { flex: 1 1 62%; min-width: 0; }
html[lang='zh-CN'] .tour-title-row > p { flex: 1 1 38%; }
html[lang='zh-CN'] .tour-chapters strong { font-weight: 400; line-height: 1.6; }
html[lang='zh-CN'] .ai-copy h2 { font-size: clamp(40px, 4.4vw, 58px); }
html[lang='zh-CN'] .feature-copy h2 { font-size: clamp(34px, 3.6vw, 49px); }
html[lang='zh-CN'] .hero-note { color: #677286; }
html[lang='zh-CN'] .origin-wordmark { font-weight: 400; }
@media (max-width: 900px) {
  html[lang='zh-CN'] .section-heading { grid-template-columns: 1fr; gap: 22px; }
  html[lang='zh-CN'] .section-heading > p { max-width: 620px; }
  html[lang='zh-CN'] .tour-title-row { align-items: start; }
}
@media (max-width: 720px) {
  html[lang='zh-CN'] .hero h1 { font-size: clamp(32px, 7.8vw, 48px); line-height: 1.4; }
  html[lang='zh-CN'] .hero-description { font-size: 16px; line-height: 1.9; max-width: 31em; }
  html[lang='zh-CN'] h2 { font-size: 32px; }
  html[lang='zh-CN'] .tour-title-row h2 { font-size: 29px; }
  html[lang='zh-CN'] .origin-copy h2 { font-size: 29px; }
}
