/* Den · 工具清架。配色与字体沿用 den-brain.css 的既有语汇：
   正文 #493f47，斜体小字 #b28b9f，标签 #9a89aa，强调 #795c96，衬线 Cormorant Garamond。 */

.den-tools { min-height: 100%; padding: max(22px, env(safe-area-inset-top)) 18px 130px; overflow: auto; }

/* 顶部计数条 */
.dt-sum {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px;
  margin: 4px 2px 16px; padding: 13px 15px;
  border: 1px solid rgba(137, 104, 166, .16); border-radius: 22px;
  background: rgba(255, 255, 255, .72); box-shadow: 0 18px 44px rgba(77, 53, 98, .08);
  backdrop-filter: blur(18px);
}
.dt-sum b { display: block; font: 600 27px/1 Cormorant Garamond, serif; color: #493f47; }
.dt-sum small { display: block; margin-top: 4px; color: #9a89aa; font-size: 10px; letter-spacing: .18em; }
.dt-sum-note { max-width: 46%; color: #b28b9f; font: italic 10.5px/1.45 Cormorant Garamond, serif; text-align: right; }

/* 分组 */
.dt-group { margin-bottom: 12px; border-bottom: 1px solid rgba(137, 104, 166, .1); }
.dt-group:last-child { border-bottom: 0; }

.dt-head {
  display: grid; grid-template-columns: auto 1fr auto 18px; align-items: center; gap: 10px;
  width: 100%; padding: 12px 6px; border: 0; background: transparent; text-align: left; color: #493f47;
}
.dt-head b { display: block; font-size: 16px; font-weight: 520; }
.dt-head small { display: block; margin-top: 3px; color: #b28b9f; font: italic 10.5px Cormorant Garamond, serif; letter-spacing: .12em; }
.dt-head i { font-size: 18px; font-style: normal; color: #b38b9f; transition: transform .18s ease; }
.dt-group.open .dt-head i { transform: rotate(90deg); }

/* 活性点：绿=通，琥珀=配置了但打不通，灰=未配置 */
.dt-orb { width: 8px; height: 8px; border-radius: 50%; background: #c9bcd4; box-shadow: 0 0 0 3px rgba(201, 188, 212, .18); }
.dt-orb.live { background: #7fb08a; box-shadow: 0 0 0 3px rgba(127, 176, 138, .2); }
.dt-orb.dead { background: #d9a05b; box-shadow: 0 0 0 3px rgba(217, 160, 91, .22); }

.dt-count { color: #9a89aa; font: 11px ui-monospace, monospace; letter-spacing: .08em; }

/* 工具列表 */
.dt-list { padding: 0 4px 12px; }
.dt-group:not(.open) .dt-list { display: none; }

.dt-tool {
  display: grid; grid-template-columns: auto 1fr; gap: 10px;
  width: 100%; margin-top: 6px; padding: 10px 12px;
  border: 1px solid rgba(137, 104, 166, .12); border-radius: 16px;
  background: rgba(255, 255, 255, .55); text-align: left; color: #493f47;
}
.dt-tool .dt-num { color: #b38b9f; font: 9.5px ui-monospace, monospace; letter-spacing: .1em; padding-top: 3px; }
.dt-tool code { display: block; font: 12px ui-monospace, monospace; color: #795c96; word-break: break-all; }
.dt-tool p { margin: 5px 0 0; font-size: 11.5px; line-height: 1.5; color: #6b5d6f; }

/* 参数 */
.dt-args { margin: 7px 0 0; padding: 0; list-style: none; }
.dt-args li { margin-top: 3px; font: 10.5px/1.45 ui-monospace, monospace; color: #8b7d92; }
.dt-args .dt-req { color: #a8677f; }
.dt-args .dt-type { color: #b0a3b8; }
.dt-args em { color: #9a8fa2; font-style: normal; }

.dt-empty { margin: 8px 4px; color: #b28b9f; font: italic 11px Cormorant Garamond, serif; }

/* 说明 */
.dt-help { margin-top: 18px; padding: 13px 15px; border-radius: 18px; background: rgba(248, 245, 251, .8); }
.dt-help b { font-size: 12px; color: #55455f; }
.dt-help p { margin: 6px 0 0; font-size: 10.5px; line-height: 1.6; color: #8b7d92; }