.brand{min-width:300px}
.brand-logo{display:block;width:294px;height:auto;object-fit:contain;filter:drop-shadow(0 2px 5px #000)}
.brand-en{font-size:8px;letter-spacing:3.6px;margin-top:-1px;padding-left:55px}
@media (min-width:981px) and (max-width:1366px){
  .topbar{padding:0 2.2vw;gap:16px}
  .brand{min-width:230px}
  .brand-logo{width:224px}
  .brand-en{padding-left:42px;letter-spacing:2.6px}
  .nav{gap:16px}
  .nav a{font-size:13px}
  .top-actions a{padding:8px 9px;font-size:12px}
  .hero-copy{left:6vw;top:23%}
  .hero h1{font-size:72px}
}
@media (max-width:980px){
  .brand{min-width:220px}
  .brand-logo{width:215px}
  .brand-en{display:none}
}
@media (max-width:620px){
  .brand{min-width:185px}
  .brand-logo{width:180px}
}

/* 浅色区域统一使用深色标题，避免与米色背景混在一起 */
.news-section .section-heading > p,
.guide-section .section-heading > p{
  color:#8b5d20;
}
.news-section .section-heading > h2,
.guide-section .section-heading > h2{
  color:#2a2118;
  text-shadow:none;
}