:root { --brand-text: #f3f8ff; }
html[data-theme="light"] { --brand-text: #071f36; }
.brand-lockup { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; color: var(--brand-text); text-decoration: none; }
.brand-symbol { display: block; width: 40px; height: 50px; flex-shrink: 0; object-fit: contain; }
.brand-wordmark { display: flex; flex-direction: column; gap: 3px; white-space: nowrap; }
.brand-name { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 23px; font-weight: 700; letter-spacing: .12em; line-height: 1.2; }
.brand-english { font-family: "Inter", sans-serif; font-size: 12px; font-weight: 500; letter-spacing: .19em; line-height: 1.2; }
.brand-footer .brand-symbol { width: 44px; height: 55px; }
.brand-footer .brand-name { font-size: 25px; }
.brand-footer .brand-english { font-size: 13px; }
.brand-stacked { flex-direction: column; gap: 5px; }
.brand-stacked .brand-symbol { width: 34px; height: 42px; }
.brand-stacked .brand-wordmark { align-items: center; gap: 2px; }
.brand-stacked .brand-name { font-size: 13px; letter-spacing: .07em; }
.brand-stacked .brand-english { font-size: 8px; letter-spacing: .09em; }
.brand-svg-text { fill: var(--brand-text); font-family: "PingFang SC", "Microsoft YaHei", sans-serif; }
@media (max-width: 639px) {
  .brand-header .brand-wordmark { display: none; }
  .brand-header .brand-symbol { width: 32px; height: 40px; }
}