/* 原 Logo 的轮廓字体：保留现有字形，包括英文 O 中的小鸦。 */
@font-face {
  font-family: 'BlackCrow Wordmark';
  src: url('../fonts/blackcrow-wordmark.woff2?v=3') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

/* 页头：中文、英文的字体、字号、颜色、字距可分别调整。默认值沿用原样式。 */
header .brand {
  --brand-bird-size: 30px;
  --brand-wordmark-size: 22px;
  --brand-cn-font: 'BlackCrow Wordmark', sans-serif;
  --brand-en-font: 'BlackCrow Wordmark', sans-serif;
  --brand-cn-size: calc(var(--brand-wordmark-size) * 240 / 180);
  --brand-en-size: calc(var(--brand-wordmark-size) * 140 / 180);
  --brand-cn-color: #fff;
  --brand-en-color: #fff;
  --brand-cn-spacing: 0;
  --brand-en-spacing: 0;
  --brand-text-gap: calc(var(--brand-wordmark-size) * 46 / 180);
  --brand-divider-size: calc(var(--brand-wordmark-size) * 22 / 180);
  --brand-divider-height: calc(var(--brand-wordmark-size) * 149 / 180);
  --brand-divider-gap: calc(var(--brand-wordmark-size) * 48 / 180);
  --brand-hover-duration: .4s;
}

header .brand > img {
  height: var(--brand-bird-size);
}

header .brand-wordmark {
  transition: transform var(--brand-hover-duration);
}

header .brand:hover .brand-wordmark {
  transform: translateY(-2px);
}

.brand .brand-wordmark {
  display: inline-flex;
  align-items: center;
  gap: var(--brand-text-gap);
  direction: ltr;
  white-space: nowrap;
}

.brand .brand-name,
.brand .brand-name-en {
  display: block;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  line-height: 1;
  text-transform: none;
}

.brand .brand-name {
  font-family: var(--brand-cn-font);
  font-size: var(--brand-cn-size);
  letter-spacing: var(--brand-cn-spacing);
  color: var(--brand-cn-color);
}

.brand .brand-name-en {
  font-family: var(--brand-en-font);
  font-size: var(--brand-en-size);
  letter-spacing: var(--brand-en-spacing);
  color: var(--brand-en-color);
}

/* 优先于上方通用文字规则，避免分隔线独占一行、英文下沉。 */
header .brand .brand-name-en {
  display: inline-flex;
  align-items: center;
  gap: var(--brand-divider-gap);
}

header .brand .brand-name-en::before {
  content: '';
  display: block;
  flex: none;
  width: var(--brand-divider-size);
  height: var(--brand-divider-height);
  border-radius: 999px;
  background: currentColor;
}

/* 页脚：保留图形 / 英文 / 中文的原排列，分别控制大小与间距。 */
footer .brand--footer {
  --brand-cn-font: 'BlackCrow Wordmark', sans-serif;
  --brand-en-font: 'BlackCrow Wordmark', sans-serif;
  --brand-bird-size: 39.8172px;
  --brand-cn-size: 28.3333px;
  --brand-en-size: 10.1398px;
  --brand-cn-color: #fff;
  --brand-en-color: #fff;
  --brand-cn-spacing: 0;
  --brand-en-spacing: 0;
  --brand-icon-gap: 10.1398px;
  --brand-text-gap: 5.9355px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--brand-icon-gap);
  padding-bottom: 3.957px;
  text-decoration: none;
}

footer .brand--footer .brand-symbol {
  display: block;
  width: auto;
  height: var(--brand-bird-size);
  object-fit: contain;
}

footer .brand--footer .brand-wordmark {
  flex-direction: column;
}

footer .brand--footer .brand-name-en {
  order: -1;
}

@media (max-width: 900px) {
  header .brand {
    --brand-wordmark-size: 20px;
  }
}

/* 手机端沿用原图片的中英文比例，以及原先各断点下的尺寸和布局。 */
@media (max-width: 760px) {
  header .brand {
    --brand-wordmark-size: calc(150px * 180 / 1470);
  }
  header .brand {
    --brand-en-size: calc(var(--brand-wordmark-size) * 108 / 180);
    --brand-divider-size: calc(var(--brand-wordmark-size) * 16 / 180);
    --brand-divider-height: calc(var(--brand-wordmark-size) * 115 / 180);
    --brand-divider-gap: calc(var(--brand-wordmark-size) * 38 / 180);
  }
}

@media (max-width: 390px) {
  header .brand {
    --brand-wordmark-size: calc((min(184px, 100vw - 182px) - 46px) * 180 / 1470);
  }
}

@media (max-width: 360px) {
  header .brand {
    --brand-bird-size: clamp(22px, calc(20vw - 42px), 30px);
    --brand-wordmark-size: calc((100vw - 182px - clamp(36px, 27.5vw - 52px, 47px)) * 180 / 1470);
  }
}