/* code.css — 代码块：chroma class-based 高亮 + .code-card chrome（浅色精修版）。
   由 post.html 与 editor.html 共同引入。token 配色见 style.css 的 --code-*。 */

.code-card {
  background: var(--code-bg);
  border: 1px solid var(--hairline);
  border-radius: var(--r-lg);
  margin: 28px 0;
  overflow: hidden;
}
.code-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 14px;
  border-bottom: 1px solid var(--hairline);
  background: var(--surface-card);
}
.code-head .lang {
  font-family: var(--font-mono); font-size: 12px; font-weight: 600;
  color: var(--muted); letter-spacing: 0.5px;
}
.code-head .copy-btn {
  font-family: var(--font-sans); font-size: 12px; font-weight: 600;
  color: var(--muted); cursor: pointer; user-select: none;
  padding: 2px 8px; border-radius: var(--r-sm); transition: color .15s ease, background .15s ease;
}
.code-head .copy-btn:hover { color: var(--ink); background: var(--canvas); }
.code-head .copy-btn i { margin-right: 5px; }
.code-head .copy-btn.copied { color: var(--success); }
.code-card pre {
  margin: 0; padding: 18px 20px; overflow-x: auto;
  background: transparent; border: none; border-radius: 0;
  font-family: var(--font-mono); font-size: 14px; line-height: 1.7;
  color: var(--code-text); tab-size: 2;
}
.code-card pre code { color: inherit; font-family: inherit; background: none; padding: 0; }

/* chroma 暖色 token 主题（class-based） */
.chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: var(--code-keyword); }
.chroma .kt { color: var(--code-builtin); }
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .se, .chroma .sd, .chroma .sx { color: var(--code-string); }
.chroma .m, .chroma .mi, .chroma .mf, .chroma .mh, .chroma .il { color: var(--code-number); }
.chroma .nf, .chroma .fm { color: var(--code-func); }
.chroma .nc, .chroma .nn { color: var(--code-func); }
.chroma .nb, .chroma .bp { color: var(--code-builtin); }
.chroma .nt { color: var(--code-tag); }
.chroma .c, .chroma .c1, .chroma .cm, .chroma .cs, .chroma .ch { color: var(--code-comment); font-style: italic; }
.chroma .o, .chroma .ow { color: var(--code-punct); }
.chroma .nd, .chroma .ni, .chroma .na, .chroma .nv, .chroma .vc, .chroma .vg { color: var(--code-builtin); }
.chroma .gh, .chroma .gu { color: var(--code-keyword); font-weight: 600; }