/* ============================================================
   02-topbar.css  顶部栏（5个tab共用）
   改：logo位置、标题文字、分享按钮样式
   自定义logo图片：images/top_crown.png
   自定义分享图标：images/share.png
   ============================================================ */
.topbar {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 14px;
  background: linear-gradient(90deg, rgba(28,60,72,.85), rgba(50,40,90,.75));
  border: 1px solid rgba(80,220,200,.35);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  margin-bottom: 12px;
}
.brand { display:flex; align-items:center; gap:10px; min-width:0; }
.crown {
  width: 42px; height: 42px; border-radius: 12px; flex-shrink:0;
  background: radial-gradient(circle at 30% 30%, #ffd56a, #8a5a16);
  display:flex; align-items:center; justify-content:center; font-size:22px;
  border: 1px solid rgba(255,215,130,.5);
}
.brand-text { min-width:0; }
.brand-text .t1 { font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brand-text .t2 { font-size:11px; color:#9fd8cf; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.share {
  width: 44px; height: 44px; border-radius: 14px; flex-shrink:0;
  background: linear-gradient(135deg, #3fd9c2, #5b6fd6);
  display:flex; align-items:center; justify-content:center;
  border: 1px solid rgba(255,255,255,.25);
  cursor: pointer;
}
.share svg { width:22px; height:22px; fill:#fff; }