/* 静态技能页 —— 服务端渲染，供搜索引擎与直接访问 */
body.doc { background: var(--bg); }
.doc-wrap { max-width: 860px; margin: 0 auto; padding: 0 24px 80px; }
.doc-nav {
  padding: 20px 0 18px; font-size: 13px; color: var(--muted);
  border-bottom: 1px solid var(--line); margin-bottom: 30px;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.doc-nav a { color: var(--muted); text-decoration: none; }
.doc-nav a:hover { color: var(--fg); }
.doc-nav .sp { color: var(--muted-2); }
.doc-h1 {
  font-family: var(--mono); font-size: clamp(24px, 4vw, 36px); font-weight: 650;
  letter-spacing: -.02em; margin: 0 0 14px; word-break: break-word; line-height: 1.25;
}
.doc-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 22px; }
.doc-badges span {
  font-size: 12px; padding: 4px 11px; border-radius: 999px;
  border: 1px solid var(--line-2); color: var(--muted);
}
.doc-badges span.c {
  color: var(--c); border-color: color-mix(in srgb, var(--c) 45%, transparent);
  background: color-mix(in srgb, var(--c) 13%, transparent);
}
.doc-purpose {
  font-size: 17px; line-height: 1.7; color: #cdd9e6; margin: 0 0 22px;
  padding-left: 14px; border-left: 3px solid var(--c);
}
.doc-cta {
  display: flex; gap: 10px; flex-wrap: wrap; margin: 26px 0 8px;
}
.doc article.md { max-height: none; overflow: visible; }
.doc-sec {
  font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted-2); margin: 34px 0 12px; display: flex; align-items: center; gap: 10px;
}
.doc-sec::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.rel { display: flex; flex-wrap: wrap; gap: 8px; }
.rel a {
  font-family: var(--mono); font-size: 12px; padding: 6px 12px; border-radius: 8px;
  border: 1px solid var(--line); background: var(--panel); color: var(--muted);
  text-decoration: none; transition: all .15s;
}
.rel a:hover { color: #fff; border-color: color-mix(in srgb, var(--c) 55%, transparent); }
.doc-foot {
  margin-top: 50px; padding-top: 22px; border-top: 1px solid var(--line);
  font-size: 12.5px; color: var(--muted-2); line-height: 1.8;
}
.doc-foot a { color: var(--accent); text-decoration: none; }