/* Shared mall chrome: homepage, about and legal pages use the same brand shell. */
body.mall-brand-page {
  --brand-ink:#191919;
  --brand-paper:#f5f3ef;
  --brand-line:#dedbd5;
  --brand-muted:#77736d;
  --brand-red:#b94735;
  background:var(--brand-paper);
}
body.mall-brand-page .topbar {
  height:32px;
  background:var(--brand-ink);
  color:rgba(255,255,255,.65);
  letter-spacing:.2px;
}
body.mall-brand-page .topbar .kd-container { max-width:1680px; }
body.mall-brand-page .topbar-right { gap:18px; }
body.mall-brand-page .topbar a,
body.mall-brand-page .topbar button {
  color:rgba(255,255,255,.65);
  border:0;
  background:none;
  font-size:12px;
}
body.mall-brand-page .topbar a:hover,
body.mall-brand-page .topbar button:hover { color:#fff; }
body.mall-brand-page .topbar-ann .bi { color:#d99777; }
body.mall-brand-page .kd-header {
  background:var(--brand-paper);
  border-bottom:1px solid var(--brand-ink);
}
body.mall-brand-page .header-inner {
  max-width:1680px;
  padding-top:20px;
  padding-bottom:18px;
  gap:36px;
}
body.mall-brand-page .brand { flex:0 1 360px; min-width:0; }
body.mall-brand-page .brand-text { min-width:0; }
body.mall-brand-page .brand-logo-fallback {
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--brand-ink);
  color:#fff;
  border-radius:50%;
  font-family:var(--font-serif);
  font-size:21px;
}
body.mall-brand-page .brand-cn {
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--brand-ink);
  font-size:20px;
  letter-spacing:1px;
}
body.mall-brand-page .brand-en {
  color:#9a9a9a;
  letter-spacing:2px;
}
body.mall-brand-page .search-wrap { max-width:620px; }
body.mall-brand-page .search-box {
  height:44px;
  border:1px solid var(--brand-ink);
  background:#fff;
}
body.mall-brand-page .search-box:focus-within { border-color:var(--brand-red); }
body.mall-brand-page .search-scope {
  width:46px;
  justify-content:center;
  padding:0;
  border-right:0;
  color:var(--brand-ink);
}
body.mall-brand-page .search-btn {
  width:92px;
  background:var(--brand-ink);
  letter-spacing:0;
  font-size:14px;
}
body.mall-brand-page .search-btn:hover { background:var(--brand-red); }
body.mall-brand-page .hot-words {
  margin-top:7px;
  gap:14px;
  color:#9a9a9a;
}
body.mall-brand-page .hot-words a:hover { color:var(--brand-red); }
body.mall-brand-page .header-actions { gap:18px; }
body.mall-brand-page .ha-item { color:var(--brand-muted); }
body.mall-brand-page .ha-item .bi { color:var(--brand-ink); font-size:19px; }
body.mall-brand-page .ha-item:hover,
body.mall-brand-page .ha-item:hover .bi { color:var(--brand-red); }
body.mall-brand-page .kd-nav {
  background:var(--brand-paper);
  border-bottom:1px solid var(--brand-ink);
}
body.mall-brand-page .kd-nav .kd-container {
  max-width:1680px;
  height:48px;
}
body.mall-brand-page .nav-cats {
  width:150px;
  background:var(--brand-ink);
  font-size:13px;
  letter-spacing:1px;
}
body.mall-brand-page .nav-menu a {
  padding:0 22px;
  color:var(--brand-ink);
  font-size:14px;
  letter-spacing:0;
}
body.mall-brand-page .nav-menu a::after {
  height:2px;
  background:var(--brand-red);
}
body.mall-brand-page .nav-menu a:hover,
body.mall-brand-page .nav-menu li.active a { color:var(--brand-red); }
body.mall-brand-page .nav-right {
  gap:16px;
  color:var(--brand-muted);
  font-size:12px;
}
body.mall-brand-page .nav-right .bi { color:var(--brand-red); }
body.mall-brand-page .cat-pop {
  left:calc(50% - 840px);
  background:var(--brand-ink);
}
body.mall-brand-page .kd-footer {
  margin-top:0;
  background:var(--brand-ink);
}
body.mall-brand-page .ft-promise {
  border-bottom:1px solid rgba(255,255,255,.12);
}
body.mall-brand-page .ft-promise .kd-container {
  padding-top:26px;
  padding-bottom:26px;
}
body.mall-brand-page .ft-promise-item .bi {
  color:#d99777;
  font-size:25px;
}
body.mall-brand-page .ft-promise-item strong { letter-spacing:1px; }
body.mall-brand-page .ft-main {
  padding-top:40px;
  padding-bottom:34px;
}
body.mall-brand-page .footer-logo-text {
  min-width:0;
  font-family:var(--font-serif);
  font-size:20px;
  letter-spacing:1px;
  line-height:1.35;
}
body.mall-brand-page .ft-desc {
  max-width:280px;
  color:rgba(255,255,255,.5);
}
body.mall-brand-page .ft-col h4 { letter-spacing:1px; }
body.mall-brand-page .ft-col a:hover { color:#e6a38d; }
body.mall-brand-page .ft-bottom {
  border-top:1px solid rgba(255,255,255,.1);
  padding-top:16px;
  padding-bottom:16px;
}
@media (max-width:1100px) {
  body.mall-brand-page .header-inner { gap:25px; }
  body.mall-brand-page .nav-menu a { padding:0 14px; }
}
@media (max-width:768px) {
  body.mall-brand-page .topbar-left { display:none; }
  body.mall-brand-page .topbar-right {
    width:100%;
    justify-content:flex-end;
    gap:14px;
  }
  body.mall-brand-page .header-inner {
    gap:14px;
    padding:15px 16px;
  }
  body.mall-brand-page .brand-cn { font-size:19px; }
  body.mall-brand-page .brand-en { font-size:8px; }
  body.mall-brand-page .header-actions { gap:12px; }
  body.mall-brand-page .kd-nav .kd-container { height:42px; }
  body.mall-brand-page .nav-menu { overflow:auto; }
  body.mall-brand-page .nav-menu a {
    padding:0 13px;
    font-size:13px;
    white-space:nowrap;
  }
  body.mall-brand-page .nav-right { display:none; }
  body.mall-brand-page .ft-promise .kd-container {
    grid-template-columns:repeat(2,1fr);
    gap:22px;
  }
  body.mall-brand-page .ft-main {
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  body.mall-brand-page .ft-main>div:first-child { grid-column:1/-1; }
  body.mall-brand-page .ft-col:last-child { display:none; }
}