/**
 * 字体比例 · 对齐 xssports.cn (Tech Fitness)
 * body 16px · 区块标题 32px · 副标题 16px · 卡片标题 ~17px · 说明 14px · 导航 14px
 */
:root {
  --xs-body: 16px;
  --xs-body-lh: 1.625;
  --xs-nav: 14px;
  --xs-nav-lh: 1.5;
  --xs-section-title: 32px;
  --xs-section-title-lh: 1.6;
  --xs-section-title-ls: -0.02em;
  --xs-section-sub: 16px;
  --xs-section-sub-lh: 1.625;
  --xs-card-title: 17px;
  --xs-card-title-lh: 1.45;
  --xs-card-body: 14px;
  --xs-card-body-lh: 1.55;
  --xs-small: 13px;
  --xs-footer: 14px;
  --xs-btn: 14px;
  --xs-form-label: 14px;
  --xs-input: 15px;
}

html {
  font-size: 16px;
}

body {
  font-size: var(--xs-body) !important;
  line-height: var(--xs-body-lh) !important;
}

p {
  font-size: inherit;
  line-height: inherit;
}

/* —— 导航 —— */
#menu.navbar-default .navbar-nav > li > a {
  font-size: var(--xs-nav) !important;
  line-height: var(--xs-nav-lh) !important;
}

#menu .navbar-nav > li.nav-cta > a {
  font-size: var(--xs-nav) !important;
}

/* —— 区块主标题（品牌价值、加盟流程等） —— */
.brand_title .title,
.Franchise_title .title,
.deploys_title .title,
.joinCot_title .title,
.plan-solution-head .title,
.pp_title .title,
.about_title h2,
#information .about_title h2,
#contact .container h2,
.chatsbox_Cot h2,
#introduce .about_title h2,
#introduces .about_title h2,
h2 {
  font-size: var(--xs-section-title) !important;
  line-height: var(--xs-section-title-lh) !important;
  letter-spacing: var(--xs-section-title-ls) !important;
  font-weight: 700 !important;
}

/* —— 区块英文/副标题 —— */
.brand_title span,
.Franchise_title p,
.deploys_title span,
.joinCot_title p,
.plan-solution-head p,
.pp_title span,
.about_title p {
  font-size: var(--xs-section-sub) !important;
  line-height: var(--xs-section-sub-lh) !important;
  letter-spacing: 0.08em !important;
}

/* —— 品牌价值卡片 —— */
#Brand .brand_content .ulbox .divs_01,
#Brand .brand_content .ulbox .divs .divs_01 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
  font-weight: 700 !important;
}

#Brand .brand_content .ulbox .divs_02,
#Brand .brand_content .ulbox .divs .divs_02,
#Brand .brand_content ul li .divs .divs_02 {
  font-size: var(--xs-card-body) !important;
  line-height: var(--xs-card-body-lh) !important;
}

.plan-orbit__copy h3 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
}

.plan-orbit__copy p {
  font-size: var(--xs-small, 13px) !important;
  line-height: 1.55 !important;
}

/* —— 加盟流程 —— */
#Franchise .FranchiseCot .FranchiseCot_Item h4,
#Franchise .franchise-step-label {
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

#Franchise .franchise-step-desc,
#Franchise .FranchiseCot .FranchiseCot_Item p {
  font-size: var(--xs-card-body) !important;
  line-height: var(--xs-card-body-lh) !important;
}

/* —— 加盟支持 —— */
#deploys .deplo_item h4 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
  font-weight: 700 !important;
}

#deploys .deplo_item p {
  font-size: var(--xs-card-body) !important;
  line-height: var(--xs-card-body-lh) !important;
}

/* —— 加盟优势页 —— */
#joinCot .joinTitle h4 {
  font-size: clamp(20px, 2.5vw, 24px) !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

#joinCot .joinTitle p {
  font-size: var(--xs-section-sub) !important;
  line-height: var(--xs-section-sub-lh) !important;
  font-weight: 500 !important;
}

#joinCot .joinTitle span {
  font-size: var(--xs-body) !important;
  line-height: var(--xs-body-lh) !important;
}

/* —— 常见问题 —— */
.quenInfoR .quenInfoRTit h3 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
  font-weight: 700 !important;
}

.quenInfoR .quenInfoRTit span {
  font-size: var(--xs-card-body) !important;
  line-height: var(--xs-card-body-lh) !important;
}

.quenInfo .quenInfoL li a {
  font-size: var(--xs-body) !important;
}

.quenInfo .quenInfoL .active a {
  font-size: 17px !important;
}

/* —— 联系 / 留资 —— */
#contact .container span,
.boxBot span {
  font-size: var(--xs-section-sub) !important;
  line-height: var(--xs-section-sub-lh) !important;
}

.containerFoot .Inputbox .itemInput p,
.chatsbox_Cot .itemInput p,
.modalp .itemInput p {
  font-size: var(--xs-form-label) !important;
  line-height: 1.5 !important;
}

.form-control,
input.form-control,
textarea.form-control {
  font-size: var(--xs-input) !important;
  line-height: 1.5 !important;
}

.Inputbox_btn,
.modal-btn,
.btn-primary {
  font-size: var(--xs-btn) !important;
}

/* —— 页脚 —— */
#footer p,
#footer a,
footer p {
  font-size: var(--xs-footer) !important;
  line-height: 1.7 !important;
}

/* —— 通用标题层级 —— */
h3 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
  font-weight: 700 !important;
}

h4 {
  font-size: var(--xs-card-title) !important;
  line-height: var(--xs-card-title-lh) !important;
}

/* —— 覆盖 style.css 旧字号 —— */
#menu.navbar-default .navbar-nav > li > a {
  font-family: inherit !important;
}

@media (max-width: 991px) {
  :root {
    --xs-section-title: 26px;
    --xs-section-sub: 15px;
  }

  #joinCot .joinTitle h4 {
    font-size: 20px !important;
  }
}

@media (max-width: 575px) {
  :root {
    --xs-section-title: 22px;
    --xs-body: 15px;
    --xs-card-title: 16px;
    --xs-card-body: 13px;
  }
}