/* ============================================================
 * 使用指南：可折叠大纲（数据与渲染见 js/guide.js）
 * ------------------------------------------------------------
 * · 一级 = 章，二级 = X.Y，三级预留；
 * · 默认全部收起：<details> 不写 open 即是收起状态；
 * · 层级缩进 + 展开箭头，风格沿用站内蓝色主题变量。
 * ========================================================== */
.guide-tree{display:flex;flex-direction:column;gap:8px}

.gd-node{border:1px solid rgba(43,89,214,0.17);border-radius:11px;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.9));
  overflow:hidden}
.gd-node>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:9px;
  padding:11px 14px;color:#0e2a5e;font-size:13.5px;font-weight:600;
  user-select:none;transition:background .15s}
.gd-node>summary::-webkit-details-marker{display:none}
.gd-node>summary:hover{background:rgba(47,123,255,.06)}
/* 展开箭头：收起时指右，展开时指下 */
.gd-node>summary::before{content:'';flex:0 0 auto;width:7px;height:7px;
  border-right:2px solid #4da3ff;border-bottom:2px solid #4da3ff;
  transform:rotate(-45deg);transition:transform .18s;margin-left:2px}
.gd-node[open]>summary::before{transform:rotate(45deg)}

/* 正文（正文稍后补：给节点加 body 字段即可） */
.gd-body{padding:0 16px 12px 33px;font-size:12.8px;line-height:1.85;color:var(--mut)}
.gd-body p{margin:0 0 8px}
.gd-body a{color:#1f56d6;text-decoration:none;border-bottom:1px solid rgba(43,89,214,.35);word-break:break-all}
.gd-body a:hover{color:#0e2a5e}
.gd-body ul,.gd-body ol{margin:0 0 8px;padding-left:20px}
.gd-todo{color:var(--mut2);font-size:12px;font-style:normal}
.gd-note{margin:8px 0;padding:7px 10px;border-radius:8px;font-size:12px;color:#8a5a00;
  background:rgba(255,138,46,.1);border-left:2.5px solid rgba(255,138,46,.55)}

/* 正文内的表格（如 1.2 功能一览）：窄屏时可横向滚动 */
.gd-tablewrap{overflow-x:auto;margin:10px 0 4px}
.gd-body .gd-table{width:100%;min-width:560px;border-collapse:collapse;font-size:12px;
  background:rgba(255,255,255,.72)}
.gd-body .gd-table caption{caption-side:top;text-align:left;font-size:12px;color:#2b4374;
  font-weight:600;padding:0 0 6px}
.gd-body .gd-table th,.gd-body .gd-table td{border:1px solid rgba(43,89,214,0.2);
  padding:7px 9px;vertical-align:top;line-height:1.7;text-align:left;word-break:break-word}
.gd-body .gd-table th{background:rgba(47,123,255,.1);color:#0e2a5e;font-weight:600;white-space:nowrap}

/* 子级（节 / 三级）：向内缩进 */
.gd-kids{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px 25px}

/* 二级 */
.gd-l2{border-color:rgba(43,89,214,0.13);background:rgba(255,255,255,.72)}
.gd-l2>summary{font-size:12.8px;font-weight:500;padding:9px 12px;color:#2b4374}
.gd-l2>.gd-body{padding-left:29px}

/* 三级 */
.gd-l3{border-color:rgba(43,89,214,0.1);background:rgba(255,255,255,.6)}
.gd-l3>summary{font-size:12.4px;font-weight:500;padding:8px 12px;color:#3a5170}
.gd-l3>.gd-body{padding-left:29px}