/* ============================================================
   三册返回入口 · 共享样式（三个版本通过 ../hub-nav.css 引入）
   - 书封面：回到本书自己的开场封面
   - 三册首页：回到根目录的整屏三册入口
   两个入口用「描边 / 实心」+ 直白文字区分，避免混淆
   ============================================================ */
.hub-back {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 11px; letter-spacing: .12em; line-height: 1; white-space: nowrap;
  padding: 7px 13px; border-radius: 999px;
  border: 1px solid currentColor; color: inherit;
  background: transparent; cursor: pointer; opacity: .88;
  transition: opacity .25s ease, transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.hub-back:hover { opacity: 1; transform: translateY(-2px); background: rgba(255, 253, 247, .18); }
.hub-back:focus-visible { outline: 2px solid #E3C39B; outline-offset: 3px; }
.hub-back .hb-ico { font-size: 13px; line-height: 1; font-weight: 400; }

/* 总入口：实心奶油纸，最醒目 */
.hub-back--hub {
  color: #3B382F; border-color: rgba(91, 78, 60, .26); background: #FAF6F0;
  box-shadow: 0 6px 18px rgba(20, 28, 18, .16);
}
.hub-back--hub:hover { color: #3B382F; background: #FFFDF7; box-shadow: 0 10px 24px rgba(20, 28, 18, .22); }

/* 全屏封面上的角落入口 */
.hub-back--corner {
  position: absolute; right: clamp(18px, 3vw, 44px); top: clamp(18px, 3vh, 36px); z-index: 5;
}

@media (max-width: 600px) {
  .hub-back { font-size: 10px; padding: 6px 10px; gap: 5px; letter-spacing: .08em; }
  .hub-back .hb-ico { font-size: 11px; }
}