/* 简体中文 — 중국 B2B 사이트의 관례. 굵은 수치, 촘촘한 구성, 상담 버튼 상시 노출.
   글꼴은 시스템 글꼴만 쓴다 — 중국 본토에서 구글 글꼴이 막히면 화면이 비어 있는 채로 기다린다. */
:root {
  --font: 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Noto Sans SC', 'Hiragino Sans GB', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --radius-sm: 4px; --radius: 8px; --radius-lg: 10px; --radius-xl: 14px;
}

body { line-height: 1.75; }
h1, h2, h3, h4, .hero-title, .hero-subtitle, .tab-feats span { word-break: normal; letter-spacing: 0; }
h1, h2, h3, h4 { line-height: 1.4; font-weight: 600; }

.hero { padding: 72px 0 40px; }
.hero-title { font-size: 3.5rem; font-weight: 700; line-height: 1.25; letter-spacing: 0.01em; }
.hero-subtitle { font-size: 1.08rem; line-height: 1.85; }

.section-padding { padding: 72px 0; }
.section-title { margin-bottom: 44px; }
.section-title h2 { font-size: 2.1rem; letter-spacing: 0; }
.section-title p { max-width: 780px; line-height: 1.85; }
.nav-desktop { gap: 22px; }
.nav-link { font-size: 0.9rem; }

/* 数据条 */
.zh-stats { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: var(--bg); }
.zh-stats .container { display: grid; grid-template-columns: repeat(4, 1fr); }
.zh-stat { padding: 26px 12px; text-align: center; border-right: 1px solid var(--border); }
.zh-stat:last-child { border-right: 0; }
.zh-stat b { display: block; font-size: 2.3rem; font-weight: 700; color: var(--orange); line-height: 1.2; }
.zh-stat span { font-size: 0.9rem; color: var(--text-3); }

/* 右侧悬浮咨询 */
.zh-float {
  position: fixed; right: 18px; top: 50%; transform: translateY(-50%); z-index: 900;
  display: flex; flex-direction: column; background: var(--bg); border: 1px solid var(--border);
  border-radius: var(--radius); box-shadow: var(--shadow-md); overflow: hidden;
}
.zh-float a { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 68px; padding: 12px 4px; font-size: 0.74rem; color: var(--text-2); }
.zh-float a + a { border-top: 1px solid var(--border); }
.zh-float a:hover { background: var(--orange); color: #fff; }
.zh-float a.primary { background: var(--orange); color: #fff; }
.zh-float a.primary:hover { background: var(--orange-hover); }
.zh-float i { font-size: 1rem; }

@media (max-width: 1280px) { .zh-float { right: 8px; } }

/* 手机：底部固定操作条 */
@media (max-width: 768px) {
  body { padding-bottom: 56px; }
  .hero-title { font-size: 2.3rem; }
  .section-title h2 { font-size: 1.6rem; }
  .zh-stats .container { grid-template-columns: repeat(2, 1fr); padding: 0; }
  .zh-stat:nth-child(2) { border-right: 0; }
  .zh-stat:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
  .zh-float {
    top: auto; bottom: 0; left: 0; right: 0; transform: none; flex-direction: row;
    border-radius: 0; border-width: 1px 0 0;
  }
  .zh-float a { flex: 1; width: auto; flex-direction: row; justify-content: center; gap: 6px; height: 56px; padding: 0; font-size: 0.92rem; }
  .zh-float a + a { border-top: 0; }
  .zh-float a.top { display: none; }
}

/* 헤더 — 번역 문구가 길어 꼬리표와, 오른쪽 버튼과 겹치는 메뉴는 뺀다 */
.logo-tag { display: none; }
.nav-desktop a[href="#demo"] { display: none; }