/* 站点页脚：覆盖父主题 Twenty Twenty-Four 的 parts/footer.html 所引用的
   pattern「twentytwentyfour/footer」。
   原 pattern 末尾硬编码了「Designed with WordPress」署名行，无任何设置可关闭；
   且三列链接（Team / History / Careers / Privacy Policy / Terms and Conditions /
   Contact Us / Facebook / Instagram / Twitter/X）全是 url="#" 的占位死链。
   故整段替换为：品牌标识 + 真实课程链接 + 版权行。
   配色沿用主题本体：页面底 #f9f9f9、正文 #111、次要文字 #636363（=contrast-2）。 */

.ht-footer {
  margin-top: 0;
  background: #fff;
  border-top: 1px solid rgba(17, 17, 17, .12);
}
.ht-footer-inner {
  max-width: min(1280px, 92vw);
  margin: 0 auto;
  padding: 56px 0 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
}

/* 左：品牌 + 一句话定位（沿用顶部导航的「龙」字标识） */
.ht-footer-brand { flex: 1 1 300px; min-width: 0; }
.ht-footer-brandlink {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: #111;
}
.ht-footer-brandtext { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.ht-footer-cn { font-size: 17px; font-weight: 500; letter-spacing: .01em; }
.ht-footer-en {
  font-size: 10px; font-weight: 500; letter-spacing: .09em; text-transform: uppercase;
  color: #636363; margin-top: 2px;
}
.ht-footer-tag { margin: 12px 0 0; font-size: 14px; line-height: 1.6; color: #636363; }

/* 右：两组真实链接（只放确实存在的页面/锚点，不用占位符） */
.ht-footer-nav { display: flex; flex-wrap: wrap; gap: 48px; flex: 0 1 auto; }
.ht-footer-col { display: flex; flex-direction: column; gap: 10px; min-width: 120px; }
.ht-footer-h {
  margin: 0 0 2px;
  font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
  color: #111;
}
.ht-footer-col a {
  font-size: 14px; color: #636363; text-decoration: none;
  transition: color .18s;
}
.ht-footer-col a:hover, .ht-footer-col a:focus-visible { color: #b8442e; }
.ht-footer-col a:focus-visible { outline: 2px solid #b8442e; outline-offset: 2px; border-radius: 3px; }

/* 底部细条 */
.ht-footer-bar { border-top: 1px solid rgba(17, 17, 17, .09); }
.ht-footer-barinner {
  max-width: min(1280px, 92vw);
  margin: 0 auto;
  padding: 18px 0 26px;
  display: flex; flex-wrap: wrap; gap: 16px;
  justify-content: space-between; align-items: center;
  font-size: 13px; color: #636363;
}
.ht-footer-barinner a { color: #636363; text-decoration: none; transition: color .18s; }
.ht-footer-barinner a:hover, .ht-footer-barinner a:focus-visible { color: #b8442e; }
.ht-footer-barinner a:focus-visible { outline: 2px solid #b8442e; outline-offset: 2px; border-radius: 3px; }

@media (max-width: 620px) {
  .ht-footer-inner { padding: 40px 0 28px; gap: 28px; }
  .ht-footer-nav { gap: 32px; }
}