/* ============================================================
   产品报价切换条 (pricing-switcher)
   ------------------------------------------------------------
   作用页: sale-cloud/ 下 10 个定价页 (products-*.html + saleprice.html)
   依赖:   js/pricing-switcher.js (从 .pro-left 左侧菜单自动读取 9 个产品链接注入)
           css/mobile-hf.css (移动端固定头 64px)

   【仅移动端】 —— PC 端不改动:
     · PC 端本就靠左侧 .pro-left 菜单做产品导航, 此处默认隐藏切换条;
     · 移动端 .pro-left 整块 display:none, 且全局汉堡抽屉不含产品页链接,
       导致手机上无法切换到其它产品报价页 —— 此条 sticky 吸顶 + 可横滑,
       在手机端直接切产品。

   PC:  隐藏 (display:none), 不影响任何桌面布局;
   移动: 吸顶在固定头之下 (top:64px), 单行横滑不换行, 手指可滑到任意产品。
   ============================================================ */

/* 默认 (PC / 桌面): 完全隐藏, 不改 PC 布局。PC 由左侧 .pro-left 菜单导航 */
.pricing-switcher {
  display: none !important;
}

/* 仅移动端 (≤768px): 显示横排胶囊切换条, 吸顶在固定头 (64px) 之下 */
@media (max-width: 768px) {
  .pricing-switcher {
    position: sticky !important;
    top: 64px !important;
    z-index: 9000 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100% !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e8eaed !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap !important;
    /* 隐藏滚动条, 视觉更干净 */
    scrollbar-width: none !important;
  }
  .pricing-switcher::-webkit-scrollbar { display: none !important; }

  .pricing-switcher a {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: #19355e !important;
    text-decoration: none !important;
    border: 1px solid #e3e7ee !important;
    border-radius: 999px !important;
    background: #f7f8fc !important;
    white-space: nowrap !important;
    transition: background .15s ease, color .15s ease, border-color .15s ease !important;
  }
  .pricing-switcher a:active { background: #eef3ff !important; }

  /* 当前产品高亮: 蓝→靛→青 渐变胶囊 (与全站 AI 风格一致) */
  .pricing-switcher a.active {
    color: #ffffff !important;
    font-weight: 600 !important;
    border-color: transparent !important;
    background: linear-gradient(115deg, #0564F5 0%, #4a7bff 50%, #06bcd4 100%) !important;
    box-shadow: 0 3px 12px rgba(5, 100, 245, 0.28) !important;
  }
}