/* 人人 AI 通识课 · 共享顶栏 + 移动端优化
   各页在 inline <style> 之后 <link> 引入（便于覆盖）。颜色用各页已有的 CSS 变量，自动适配暖色/科技黑双主题。 */

/* 贴顶细横条：预留 48px 高度，永不压正文 */
.topbar {
  position: fixed; top: 0; left: 0; right: 0; height: 48px; z-index: 50;
  display: flex; align-items: center; gap: 8px; padding: 0 12px;
  background: rgba(250, 249, 245, .92);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line);
}
.topbar .tb-back { font-size: 13px; color: var(--clay); text-decoration: none; white-space: nowrap; }
.topbar .tb-title { flex: 1; min-width: 0; text-align: center; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar .tb-ctrl { display: flex; gap: 6px; flex: none; }
.topbar .ticon { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--line); background: var(--paper); color: var(--muted); cursor: pointer; font-size: 15px; line-height: 1; padding: 0; }
html[data-theme=dark] .topbar { background: rgba(10, 14, 21, .92); }

/* 移动端：减各容器内边距，给正文腾地方 */
@media (max-width: 560px) {
  .list { padding-left: 15px !important; padding-right: 15px !important; }
  .wrap { padding-left: 15px !important; padding-right: 15px !important; }
  .head { padding: 15px 15px; }
  .block { padding: 0 15px 13px; }
  .play { margin: 6px 10px 15px; }
  .mount { padding: 8px 11px 15px; }
}