/* ==========================================================================
   目录树：文章标题【前面】的「页面查看权限」图标
   --------------------------------------------------------------------------
   权限取值见 conf.DocPermission*（0 公开 / 1 会员看全部 / 2 仅会员 / 3 仅金牌会员），
   由节点上的 data-perm 属性驱动：
     - 阅读页侧边目录：models.DocumentTree.getDocumentTree() 拼进 <a data-perm>
     - 编辑模式目录树：FindDocumentTree() 放进 jstree 的 a_attr
     - 文档保存后由 JS 同步更新 data-perm（三个编辑器都会带回来）

   ⚠️ 用伪元素而不是往 <a> 里塞 <i>：jstree 初始化/重建节点时会接管锚点的内部结构，
   塞进去的元素有丢的风险；伪元素挂在外层属性上，重建也还在。

   ⚠️ 公开（0）刻意不显示图标：公开是默认值，每篇都挂个图标只会把目录糊掉，
   反过来「没有图标 = 公开」反而一眼能认出来。非要让公开也显示，照着 1/2/3 那三条
   再加一条 data-perm 为 0 的 ::before 即可（注意是开头，不是末尾）。

   这套图标与站内既有的会员角标保持一致（金色 #e6a23c，fa-diamond 表示会员/金牌）。

   ⚠️ 1 级用黄色 #ffc107，与 3 级的金色 #f0b400 同属暖色，靠图标形状（半星 vs 钻石）区分。
   ========================================================================== */

/* 图标统一：放在标题文字【前面】，小一号、不吃点击区域 */
/*
  为什么在开头（用户 2026-10-06 明确）：知识库的文档名往往很长，目录栏又窄，
  标题会折成两三行 —— 图标若放在末尾，就跟着落到第二/三行的末尾，
  一眼扫目录时根本看不见（“这篇要不要会员”变成了谜）。放开头则整列对齐、一眼可扫。
*/
.jstree-anchor[data-perm="1"]::before,
.jstree-anchor[data-perm="2"]::before,
.jstree-anchor[data-perm="3"]::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /* 图标只是提示，不该被当成文字选中 */
    -webkit-user-select: none;
    user-select: none;
}

/* 1 会员看全部：普通读者只看得到试读，会员才能看全文 —— 用「半颗星」表达 */
.jstree-anchor[data-perm="1"]::before {
    content: "\f123"; /* fa-star-half-o */
    color: #ffc107;
}

/* 2 仅会员：锁 */
.jstree-anchor[data-perm="2"]::before {
    content: "\f023"; /* fa-lock */
    color: #e6a23c;
}

/* 3 仅金牌会员：钻石（与站内会员/金牌角标同一个图标） */
.jstree-anchor[data-perm="3"]::before {
    content: "\f219"; /* fa-diamond */
    color: #f0b400;
}

/* 说明：阅读页【正文标题下方不显示】页面权限，重要度星级也不显示（产品要求，
   标题区保持干净）。权限级别只在上面这些目录图标（在标题开头）+ 悬浮提示里体现。

   所以这里不提供标题下那种徒标样式（article-perm 那一套）—— 别再往标题下加回去。

   历史提醒：2026-10-06 曾经做成「正文标题下挂一个 #article-perm 徒标」并推了一版
   （`fe30c0e`），当天用户就纠正了：那个徒标属于【左侧导航栏里那一篇的标题】，
   而且要在标题【开头】。于是徒标、renderArticlePerm()、接口回传的 doc_perm* 一并删掉了
   —— 这些老名字在 views_read_render_test.go 里都是禁止出现的。 */

