/* ============================================================
   MSC 统一顶部栏覆盖样式
   参照主页(index.html)：仅统一「高度 / 宽度」与
   「左上角金色 logo + MSC·幻天屿 文字（位置 / 尺寸 / 字体）」。
   不修改任何 HTML，不影响右侧图标、小海虾链接
   (/order/xiazhang.html) 与主题切换。
   部署方式：在各页 </head> 前插入
   <link rel="stylesheet" href="/assets/msc-header.css">
   ============================================================ */

/* —— 顶部栏：高度 / 宽度 统一（与主页一致 56px / 100%） —— */
.msc-unify,
.header,
.site-header,
.home-header,
.explore-header,
header.header,
header.site-header,
div.header {
  height: 56px !important;
  width: 100% !important;
  padding: 0 40px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  /* 防纵向 flex 容器(body: flex-column 且高度锁视口)把顶栏压到内容高度 */
  min-height: 56px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

/* —— 左上角 logo —— */
.header-logo,
.header-logo-link,
a.header-logo,
.logo-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  color: inherit !important;
  flex: 0 0 auto !important;
}

.header-logo img,
.header-logo-img,
.logo-wrap img,
#logoImg,
.header-logo-link img,
img.header-logo-img {
  height: 32px !important;
  width: 32px !important;
  border-radius: 8px !important;
  object-fit: contain !important;
  display: block !important;
}

/* —— 品牌文字 MSC·幻天屿 —— */
.header-brand,
.header-logo-text,
.header .brand,
.site-header .brand,
.home-header .brand,
.explore-header .brand,
header .brand {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -0.3px !important;
  color: var(--text, #1a1a1a) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display',
    'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

/* —— 移动端：与主页一致缩进 —— */
@media (max-width: 640px) {
  .header,
  .site-header,
  .home-header,
  .explore-header,
  header.header,
  header.site-header,
  div.header {
    padding: 0 20px !important;
  }
}