/* ============================================================
   内页通用头部样式补充（与首页共用 .site-header 结构）
   内页使用 .header-inner + .main-nav 结构，
   首页使用 .header-nav-row + .nav-left/.nav-right 结构
============================================================ */

/* 移动端导航展开 */
@media (max-width: 900px) {
  .header-nav-row {
    flex-wrap: wrap;
    height: auto;
    padding: 12px 0;
    position: relative;
  }
  .nav-left,
  .nav-right {
    display: none;
    flex-direction: column;
    width: 100%;
    order: 3;
    background: var(--clr-bg-dark);
    border-top: 1px solid var(--clr-border);
  }
  .nav-left.mobile-open,
  .nav-right.mobile-open {
    display: flex;
  }
  .nav-left li a,
  .nav-right li a {
    height: auto;
    padding: 13px 20px;
    border-bottom: 1px solid var(--clr-border);
    border-left: none;
  }
  .header-logo {
    order: 1;
    flex: 1;
    min-width: auto;
    padding: 0 16px;
    flex-direction: row;
    gap: 10px;
  }
  .header-logo img { height: 40px; }
  .header-logo .logo-cn { font-size: 16px; margin-top: 0; }
  .nav-toggle {
    display: flex;
    order: 2;
  }
  /* 内页 main-nav 移动端 */
  .main-nav {
    display: none;
    position: absolute;
    top: 86px;
    left: 0; right: 0;
    background: var(--clr-bg-dark);
    border-top: 1px solid var(--clr-border);
    z-index: 999;
  }
  .main-nav.open { display: block; }
  .main-nav ul { flex-direction: column; }
  .main-nav ul li a {
    height: auto;
    padding: 13px 20px;
    border-bottom: 1px solid var(--clr-border);
  }
}

/* 内页 .header-inner 中的 Logo 样式 */
.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.site-logo img { height: 46px; width: auto; }
.site-logo .logo-text {
  font-size: 20px;
  font-weight: 700;
  color: var(--clr-text-light);
  letter-spacing: 2px;
}
.site-logo .logo-text span { color: var(--clr-primary); }