/**
 * xuye/anchor-nav block styles — mirror of prototypes/xuye/styles.css .product-anchor.
 * 原型行号范围:1985–2016(base)、2609/2891(断点)。
 * Breakpoints:1080px / 680px(沿用原型,不新增)。
 */
@layer xuye-block {
  .xuye-x-anchor-nav {
    position: sticky;
    z-index: 20;
    top: 84px;
    display: flex;
    gap: 6px;
    padding: 10px;
    margin-top: 18px;
    overflow-x: auto;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--wp--preset--color--line, #dfe8ec);
    border-radius: 8px;
    box-shadow: 0 12px 26px rgba(10, 28, 38, 0.08);
    backdrop-filter: blur(12px);
  }

  .xuye-x-anchor-nav a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 16px;
    color: #26343d;
    border-radius: 6px;
    font-size: 0.86rem;
    font-weight: 700;
  }

  .xuye-x-anchor-nav a:hover,
  .xuye-x-anchor-nav a.xuye-x-active {
    color: #fff;
    background: var(--wp--preset--color--teal, #008c91);
  }
}

@layer xuye-responsive {
  @media (max-width: 1080px) {
    .xuye-x-anchor-nav {
      top: 72px;
    }
  }

  @media (max-width: 680px) {
    .xuye-x-anchor-nav {
      top: 64px;
      width: min(100% - 32px, 1320px);
    }
  }
}