/*
  商单搭档 Typography V4
  Purpose: calm Chinese typography without changing layout, palette or product logic.
*/

:root{
  --type-zh:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --type-en:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
}

html[lang="zh-CN"] body{
  font-family:var(--type-zh)!important;
  font-weight:400;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Chinese display type: medium, open, no artificial tracking compression. */
html[lang="zh-CN"] h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] h3,
html[lang="zh-CN"] h4{
  font-family:var(--type-zh)!important;
  font-synthesis:none;
}

html[lang="zh-CN"] .hero h1{
  font-size:clamp(42px,4.1vw,52px)!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
  font-weight:500!important;
}
html[lang="zh-CN"] .hero h1 em{
  font-family:inherit!important;
  font-weight:500!important;
  letter-spacing:inherit!important;
}
html[lang="zh-CN"] .hero-text{
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:400!important;
  letter-spacing:0!important;
}

/* Generic inner-page hero. */
html[lang="zh-CN"] .page-hero h1{
  font-size:clamp(42px,4.2vw,52px)!important;
  line-height:1.17!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"] .page-hero h1 em{
  font-family:inherit!important;
  font-weight:500!important;
  letter-spacing:inherit!important;
}
html[lang="zh-CN"] .page-hero .hero-text{
  font-size:16px!important;
  line-height:1.72!important;
}

/* Valuation. */
html[lang="zh-CN"][data-page="value-check"] .vc-hero h1{
  font-size:clamp(44px,4.2vw,52px)!important;
  line-height:1.17!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="value-check"] .vc-hero h1 em{
  font-weight:500!important;
  letter-spacing:inherit!important;
}
html[lang="zh-CN"][data-page="value-check"] .vc-hero>p:last-child{
  font-size:16px!important;
  line-height:1.72!important;
}
html[lang="zh-CN"][data-page="value-check"] .vc-shell h2,
html[lang="zh-CN"][data-page="value-check"] .vc-guide h2,
html[lang="zh-CN"][data-page="value-check"] .vc-plugin-section h2{
  font-weight:500!important;
  letter-spacing:-.006em!important;
  line-height:1.28!important;
}

/* Creator. */
html[lang="zh-CN"][data-page="creator"] .creator-hero-simple h1,
html[lang="zh-CN"][data-page="creator"] .creator-hero-copy h1{
  font-size:clamp(42px,4.1vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="creator"] .creator-hero-simple h1 em,
html[lang="zh-CN"][data-page="creator"] .creator-hero-copy h1 em{
  font-weight:500!important;
  letter-spacing:inherit!important;
}
html[lang="zh-CN"][data-page="creator"] .creator-hero-copy>p:not(.creator-kicker):not(.creator-flow-inline){
  font-size:16px!important;
  line-height:1.72!important;
}
html[lang="zh-CN"][data-page="creator"] .creator-form-heading h2,
html[lang="zh-CN"][data-page="creator"] .creator-profile-form-clean h2{
  font-weight:500!important;
  letter-spacing:-.006em!important;
  line-height:1.25!important;
}

/* Collaboration guide. */
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-hero h1{
  font-size:clamp(44px,4.2vw,52px)!important;
  line-height:1.17!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-hero h1 em{
  font-weight:500!important;
  letter-spacing:inherit!important;
}
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-hero-text{
  font-size:16px!important;
  line-height:1.72!important;
}
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-summary strong{
  font-size:18px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-flow-title h2,
html[lang="zh-CN"][data-page="collaboration-guide"] .scene-cta h2{
  font-weight:500!important;
  letter-spacing:-.008em!important;
  line-height:1.25!important;
}

/* Articles. */
html[lang="zh-CN"][data-page="articles"] .articles-hero h1{
  font-size:clamp(44px,4.2vw,52px)!important;
  line-height:1.16!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="articles"] .articles-lead{
  font-size:16px!important;
  line-height:1.72!important;
}
html[lang="zh-CN"][data-page="articles"] .articles-heading h2{
  font-weight:500!important;
  letter-spacing:-.006em!important;
}
html[lang="zh-CN"][data-page="articles"] .article-feature-copy h2{
  font-size:clamp(26px,2.6vw,32px)!important;
  line-height:1.32!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"] .article-detail-hero h1{
  font-size:clamp(38px,4vw,48px)!important;
  line-height:1.22!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"] .article-body h2{
  font-weight:500!important;
  letter-spacing:-.006em!important;
  line-height:1.35!important;
}
html[lang="zh-CN"] .article-body h3{
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.4!important;
}

/* Homepage product-board typography: hierarchy without shouting. */
html[lang="zh-CN"][data-page="index"] .board-brief h2{
  font-size:clamp(27px,2.8vw,34px)!important;
  line-height:1.28!important;
  letter-spacing:-.008em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="index"] .board-creator h3{
  font-weight:500!important;
  letter-spacing:0!important;
}
html[lang="zh-CN"][data-page="index"] .value-tool-inner h2{
  font-size:clamp(36px,4vw,46px)!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
  font-weight:500!important;
}
html[lang="zh-CN"][data-page="index"] .value-tool-ticket strong{
  font-weight:500!important;
  letter-spacing:-.02em!important;
}

/* UI copy. */
html[lang="zh-CN"] .nav a{
  font-size:12px!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
html[lang="zh-CN"] .brand>span{
  font-weight:600!important;
  letter-spacing:0!important;
}
html[lang="zh-CN"] .eyebrow,
html[lang="zh-CN"] .creator-kicker,
html[lang="zh-CN"] .creator-form-kicker,
html[lang="zh-CN"] .board-label,
html[lang="zh-CN"] .board-step,
html[lang="zh-CN"] .article-feature-meta{
  font-weight:500!important;
  letter-spacing:.01em!important;
}
html[lang="zh-CN"] .button,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea{
  font-family:var(--type-zh)!important;
}
html[lang="zh-CN"] .button{
  font-weight:500!important;
  letter-spacing:0!important;
}

/* Keep paragraphs quieter and more readable. */
html[lang="zh-CN"] p,
html[lang="zh-CN"] li,
html[lang="zh-CN"] label{
  letter-spacing:0;
}
html[lang="zh-CN"] .article-body{
  line-height:1.78!important;
}

/* Mobile: deliberately smaller than campaign-style typography. */
@media(max-width:720px){
  html[lang="zh-CN"] .hero h1,
  html[lang="zh-CN"] .page-hero h1,
  html[lang="zh-CN"][data-page="value-check"] .vc-hero h1,
  html[lang="zh-CN"][data-page="creator"] .creator-hero-simple h1,
  html[lang="zh-CN"][data-page="creator"] .creator-hero-copy h1,
  html[lang="zh-CN"][data-page="collaboration-guide"] .scene-hero h1,
  html[lang="zh-CN"][data-page="articles"] .articles-hero h1{
    font-size:35px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    font-weight:500!important;
  }
  html[lang="zh-CN"] .hero-text,
  html[lang="zh-CN"] .page-hero .hero-text,
  html[lang="zh-CN"][data-page="value-check"] .vc-hero>p:last-child,
  html[lang="zh-CN"][data-page="creator"] .creator-hero-copy>p:not(.creator-kicker):not(.creator-flow-inline),
  html[lang="zh-CN"][data-page="collaboration-guide"] .scene-hero-text,
  html[lang="zh-CN"][data-page="articles"] .articles-lead{
    font-size:15px!important;
    line-height:1.7!important;
  }
  html[lang="zh-CN"][data-page="index"] .board-brief h2{
    font-size:27px!important;
    line-height:1.3!important;
  }
  html[lang="zh-CN"][data-page="index"] .value-tool-inner h2{
    font-size:34px!important;
    line-height:1.2!important;
  }
  html[lang="zh-CN"] .article-detail-hero h1{
    font-size:34px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
  }
  html[lang="zh-CN"][data-page="articles"] .article-feature-copy h2{
    font-size:25px!important;
    line-height:1.35!important;
  }
}