/* =========================================================
 * PC详情页富文本编辑器 - 前台锚点导航条样式
 * ---------------------------------------------------------
 * 可配置 CSS 变量（以下为默认值，可被后台样式面板覆盖）：
 *   --wa-bar-color          拉杆颜色
 *   --wa-bar-hover-color    拉杆悬停颜色
 *   --wa-bar-height         拉杆粗细(px)
 *   --wa-bar-track-height   拉杆轨道容器高度(px)
 *   --wa-bar-track-color    轨道背景色
 *   --wa-active-text-color  激活文字颜色
 *   --wa-border-color       导航条边框颜色
 *   --wa-bar-mode           拉杆长度模式 auto/fixed
 *   --wa-bar-length         fixed 模式拉杆长度(px/百分比)
 *   --wa-bar-min-length     auto 模式最短长度(px)
 *   --wa-bar-radius         拉杆圆角(px)
 * ========================================================= */
.plugins-wangeditor-anchor-nav{
    --wa-bar-color:#ff0000;
    --wa-bar-hover-color:#cc0000;
    --wa-bar-height:6px;
    --wa-bar-track-height:14px;
    --wa-bar-track-color:#f0f0f0;
    --wa-active-text-color:#ff0000;
    --wa-border-color:#e5e5e5;
    --wa-bar-mode:auto;
    --wa-bar-length:120px;
    --wa-bar-min-length:40px;
    --wa-bar-radius:3px;
    background:#ffffff;
    border:1px solid var(--wa-border-color);
    border-top:none;
    box-shadow:none;
}

/* 内容区：隐藏浏览器原生滚动条（滚动能力保留，由自定义拉杆接管） */
.plugins-wangeditor-anchor-nav .plugins-wangeditor-anchor-nav-content{
    overflow-x:auto;overflow-y:hidden;white-space:nowrap;
    scrollbar-width:none; /* Firefox */
    -ms-overflow-style:none; /* IE / 旧 Edge */
}
.plugins-wangeditor-anchor-nav .plugins-wangeditor-anchor-nav-content::-webkit-scrollbar{display:none;width:0;height:0;}

/* 自定义拉杆轨道（内容溢出时才显示） */
.plugins-wangeditor-anchor-scrollbar{
    display:none;
    position:relative;
    height:var(--wa-bar-track-height);
    background:var(--wa-bar-track-color);
    overflow:hidden;
}
.plugins-wangeditor-anchor-scrollbar.show{display:block;}

/* 自定义拉杆：长度由JS按 --wa-bar-mode 计算，粗细/颜色直接读变量 */
.plugins-wangeditor-anchor-scrollbar-thumb{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
    height:var(--wa-bar-height);
    height:min(var(--wa-bar-height), var(--wa-bar-track-height));
    width:var(--wa-bar-length); /* 兜底宽度，实际由JS计算 */
    background:var(--wa-bar-color);
    border-radius:var(--wa-bar-radius);
    cursor:pointer;
    touch-action:none;
    min-width:8px;
}
.plugins-wangeditor-anchor-scrollbar-thumb:hover,
.plugins-wangeditor-anchor-scrollbar-thumb.dragging{background:var(--wa-bar-hover-color);}

.plugins-wangeditor-anchor-nav .item{display:inline-block;padding:10px 18px;font-size:14px;color:#555555;cursor:pointer;text-decoration:none;user-select:none;-webkit-user-select:none;}
.plugins-wangeditor-anchor-nav .item:hover{color:#333333;}
/* 激活高亮色跟随配置 */
.plugins-wangeditor-anchor-nav .item.active{color:var(--wa-active-text-color);}