/* ===== 横向分类条的两侧引导键（只给手机版横条用）=====
   滚动到最左时右侧出现「后翻」，滚动到最右时左侧出现「前翻」；
   桌面版左侧竖排分类栏保持原样，不加任何按钮。
   按钮保持第一版的窄形状（宽 32px），高度与分类标签对齐（由 JS 写入 --guide-h），
   上下边与分类标签完全同一条线；分类条左右各留 44px 给按钮，不压住分类文字。 */
.gallery-layout{position:relative}
/* 绝对定位：不参与 .gallery-layout 的网格排布，避免影响原有版式 */
.nav-guides{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:8}
.nav-guides[hidden]{display:none!important}
/* 覆盖在分类条这一行上（top/height 由 JS 按分类条实际位置设置），左右各一个 */
.nav-guides[data-mode="horizontal"]{position:absolute;left:0;right:0;justify-content:space-between;padding-left:0;padding-right:0}
.nav-guide{pointer-events:auto;position:relative;isolation:isolate;display:grid;place-items:center;width:44px;height:var(--guide-h,44px);padding:0;border:0;background:transparent;color:#1269c7;font:800 17px/1 "PingFang SC","Microsoft YaHei",Arial,sans-serif;opacity:0;visibility:hidden;transition:opacity .18s ease;cursor:pointer}
.nav-guide::before{content:"";position:absolute;inset-block:0;left:50%;width:32px;z-index:-1;transform:translateX(-50%);border:1px solid #d6e0e9;border-radius:6px;background:#fff;box-shadow:0 1px 6px rgba(18,86,201,.12);transition:background-color .18s ease,border-color .18s ease,transform .12s ease}
.nav-guide.show{opacity:1;visibility:visible;transition-delay:0s}
.nav-guide:hover::before{border-color:#1269c7;background:#edf6ff}
.nav-guide:active::before{transform:translateX(-50%) scale(.94)}
.nav-guide:focus-visible{outline:3px solid rgba(42,173,235,.48);outline-offset:2px}
/* 桌面端使用完整的竖向分类栏；即使长译文产生像素级溢出，也不显示横向引导键。 */
@media(min-width:981px){.nav-guides{display:none!important}}
@media(max-width:980px){
  /* 统一 901–980px 的临界宽度：保持单行横向分类卡片，避免 Safari 窗口下回退成两行文字。 */
  .category-nav{
    position:static!important;
    top:auto!important;
    width:calc(100% - 88px)!important;
    max-width:calc(100% - 88px)!important;
    margin:0 44px 10px!important;
    padding:2px 0 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-y;
    cursor:grab;
    -webkit-overflow-scrolling:touch
  }
  .category-nav::-webkit-scrollbar{display:none}
  .category-nav .line-sidebar__list{
    display:flex!important;
    width:max-content!important;
    min-width:100%!important;
    flex-flow:row nowrap!important;
    gap:6px!important;
    padding:0 2px!important
  }
  .category-nav .line-sidebar__item{
    display:flex!important;
    flex:0 0 auto!important;
    min-height:44px!important;
    padding:0 12px!important;
    align-items:center!important;
    border:1px solid #d6e0e9!important;
    border-radius:6px!important;
    background:#fff!important;
    transform:none!important
  }
  .category-nav .line-sidebar__item.active{
    border-color:#1269c7!important;
    background:#edf6ff!important
  }
  .category-nav .line-sidebar__marker{display:none!important}
  .category-nav .line-sidebar__label{
    display:flex!important;
    gap:6px!important;
    transform:none!important
  }
}