/* 紫橙云品牌吸顶导航(客户中心/购物车通用) */
.yun-topbar { background:#2a1c52; position:sticky; top:0; z-index:2100; }
.yun-topbar-in { padding:0 24px; height:58px; display:flex; align-items:center; }
.yun-logo { font-size:19px; font-weight:700; color:#fff; letter-spacing:.5px; text-decoration:none; }
.yun-grad { background:linear-gradient(120deg,#a78bfa,#fb923c); -webkit-background-clip:text; background-clip:text; color:transparent; }
.yun-nav { display:flex; gap:28px; margin-left:52px; }
.yun-nav a { color:#b9c0d0; font-size:14px; text-decoration:none; }
.yun-nav a:hover, .yun-nav a.on { color:#fff; }
.yun-nav-r { margin-left:auto; display:flex; gap:12px; align-items:center; }
.yun-ghost { color:#e8eaf0; border:1px solid rgba(255,255,255,.25); padding:6px 15px; border-radius:6px; font-size:13px; text-decoration:none; }
.yun-ghost:hover { border-color:#fff; }
.yun-mainbtn { background:#f97316; color:#fff; padding:6px 17px; border-radius:6px; font-size:13px; font-weight:600; text-decoration:none; }
.yun-mainbtn:hover { background:#ea580c; }
@media (max-width:960px) { .yun-nav { display:none; } .yun-topbar-in { padding:0 16px; } }

/* ===== 导航 8 项后的窄屏保护（与官网 idc.css 保持一致） ===== */
@media (min-width: 961px) and (max-width: 1180px) {
  .yun-nav { gap: 18px; margin-left: 30px; }
}