/* ===== 底部组件：右侧固定客服条 + 页脚 ===== */

/* ===== 右侧固定客服条 ===== */
.kefu-tab {
  position: fixed; right: 12px; top: 50%; transform: translateY(-50%); z-index: 1040;
  display: flex; width: 40px; padding: 14px 0;
  flex-direction: column; align-items: center; gap: 8px;
  color: #333; background: rgba(255,255,255,.96);
  border: 1px solid #e8e8e8; border-radius: 6px;
  font-size: 12px; writing-mode: vertical-rl; letter-spacing: 3px;
  box-shadow: 0 6px 18px rgba(0,0,0,.1); cursor: pointer;
  transition: all .25s ease;
}
.kefu-tab:hover { color: #fff; background: linear-gradient(180deg, #1e62ec, #327cfb); border-color: var(--biz-blue); }
@media (max-width: 700px) { .kefu-tab { right: 8px; bottom: 72px; top: auto; transform: none; } }

/* ===== 页脚（美育 #333 底） ===== */
.footer { font-size: 14px; color: #999; background: #333; margin-top: 20px; }
.footer-main { padding-top: 45px; padding-bottom: 35px; }
.footer-grid { display: grid; grid-template-columns: minmax(260px,1.55fr) repeat(4, minmax(135px,1fr)); gap: 42px; }
@media (max-width: 860px) {
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; } 
    
 
    
    
}
.footer-brand { display: flex; margin-bottom: 15px; align-items: center; text-decoration: none; }
.footer-brand span {
  display: flex; width: 37px; height: 37px; margin-right: 10px;
  color: #fff; background: var(--biz-blue); border-radius: 10px 4px 10px 4px;
  align-items: center; justify-content: center; font-weight: 700;
}
.footer-brand strong { color: #fff; font-size: 23px; }
.footer p { margin-bottom: .4rem; }
.footer .about { font-size: 13px; line-height: 22px; color: #999; }
.footer .about a { color: #bbb; }
.footer .about a:hover { color: #fff; }
.footer h6 { margin: 0 0 10px; color: #ddd; font-size: 16px; font-weight: 600; letter-spacing: 2px; }
.footer li a { display: block; padding: 5px 0; font-size: 15px; color: #999; }
.footer li a:hover { color: #fff; }
.footer-statement {
  margin-top: 26px; padding: 12px 15px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: 5px; font-size: 12.5px; line-height: 20px; color: #888;
}
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 14px 0 18px; }
.footer-bottom .site-shell { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: #999; }
.footer-bottom a { color: #999; }
.footer-bottom a:hover { color: #fff; }