/* assets/css/components/tabs.css — 选项卡：下载中心（三个产品）与帮助中心（三组内容）共用。
   桌面端是横向标签条，窄屏转为可横向滚动的滑块，不折叠成下拉（保内容可直接访问）。 */

/* ============ 标签条 ============ */
.tabs{
  display:flex; gap:0; border-bottom:1px solid var(--line);
  overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
}
.tabs::-webkit-scrollbar{ display:none; }
.tab{
  position:relative; flex:none; padding:14px 22px;
  font-size:15px; font-weight:500; color:var(--muted); white-space:nowrap;
  transition:color .15s ease;
}
.tab::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:var(--cinnabar); transform:scaleX(0); transition:transform .18s ease;
}
.tab:hover{ color:var(--ink); }
.tab[aria-selected="true"]{ color:var(--ink); font-weight:700; }
.tab[aria-selected="true"]::after{ transform:scaleX(1); }

/* ============ 面板 ============ */
.panel{ padding-top:40px; }
.panel[hidden]{ display:none; }
/* 面板内的首个区块不再重复上间距 */
.panel > * + *{ margin-top:40px; }