/* xxmy 可运行代码块（2026-10-02，v1.6）
   v1.4 运行按钮挪到「输入框的右上角」；v1.5 加交互运行按钮 + 交互输入行（.xxmy-run-live / .xxmy-run-btn-inter）；
   v1.6 加「只显示运行部分」形态 `.xxmy-run-bare`（短代码写 code="0"，用于文章里**已经有一份源码展示**的场合，
   把运行条接在那份源码下面，代码不显示两遍）。
   用户口径：「代码是和文章里固定窗口展示代码一致」＋「**定高 + 内部滚动**」——
   ① **外观照文章正文的代码块**：同一套变量（--code-bg / --code-line / --radius）、同字号 13.5px、同行高 1.65，
      连主题的「复制」按钮也照旧注入（所以外层卡片直接用主题代码窗的颜色，代码区不再另设边框底色）；
   ② **代码区与输出区都是"固定窗口"**：超过高度就在**块内滚动**，不把文章撑长。
   要调高度只改下面两条 max-height（--code 420px ≈ 19 行；--out 320px ≈ 14 行）。 */
.xxmy-run{margin:22px 0;border:1px solid var(--code-line);border-radius:var(--radius);
  background:var(--code-bg);overflow:hidden}
.xxmy-run-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:10px 16px;border-bottom:1px solid var(--code-line);background:var(--card)}
.xxmy-run-title{font-weight:600;font-size:14.5px}
.xxmy-run-lang{font-size:11.5px;padding:1px 7px;border-radius:999px;
  background:var(--badge-bg);color:var(--acc);font-weight:600}
.xxmy-run-btn{margin-left:auto;cursor:pointer;border:0;border-radius:8px;
  background:var(--acc);color:#fff;font-size:13.5px;font-weight:600;padding:7px 16px}
.xxmy-run-btn:hover{filter:brightness(1.08)}
.xxmy-run-btn:disabled{opacity:.6;cursor:progress}
.xxmy-run-hint{font-size:12px;color:var(--text-3);flex-basis:100%}
/* 代码区：与主题 .entry-content pre 同字号/行高/内边距；边框底色交给外层卡片（不套两层窗） */
.xxmy-run-code{margin:0;padding:14px 16px;overflow:auto;background:transparent;
  font-size:13.5px;line-height:1.65;
  max-height:420px}                     /* ← 定高：超过就在块内滚动（用户口径） */
.xxmy-run-code code{background:none;padding:0;color:var(--text);white-space:pre;
  font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,"Courier New",monospace;font-size:13.5px}
/* 预设输入 / 输出：整宽堆叠（不并排两个小窗），高度随内容 */
.xxmy-run-io{border-top:1px solid var(--code-line);background:var(--card)}
.xxmy-run-in{padding:12px 16px}
.xxmy-run-in+.xxmy-run-in{border-top:1px solid var(--line-soft)}
.xxmy-run-inhead{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.xxmy-run-lbl{font-size:12px;color:var(--text-3)}
.xxmy-run-inhead .xxmy-run-btn{padding:5px 14px;font-size:13px}   /* 输入框右上角那排按钮，比工具条里略小 */
.xxmy-run-acts{display:inline-flex;align-items:center;gap:8px}
/* 「⌨ 交互运行」做成幽灵按钮，跟主按钮区分主次 */
.xxmy-run-btn-inter{background:var(--card,#fff);color:var(--acc);border:1px solid var(--acc)}
.xxmy-run-btn-inter:hover{background:var(--badge-bg,#eef4ff);filter:none}
/* 交互输入行：只在交互会话进行中出现 */
.xxmy-run-live{display:flex;gap:8px;margin-top:8px}
.xxmy-run-livein{flex:1;min-width:0;box-sizing:border-box;border:1px solid var(--code-line);border-radius:6px;
  padding:7px 10px;font-size:13px;line-height:1.5;background:var(--card,#fff);color:var(--text);
  font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,"Courier New",monospace}
.xxmy-run-livein:focus{outline:2px solid var(--acc);outline-offset:-1px;border-color:var(--acc)}
.xxmy-run-send{border:0;border-radius:6px;background:var(--acc);color:#fff;font-size:13px;font-weight:600;
  padding:0 14px;cursor:pointer}
.xxmy-run-send:hover{filter:brightness(1.08)}
.xxmy-run-stdin{display:block;width:100%;box-sizing:border-box;resize:none;overflow:hidden;
  border:0;padding:0;background:transparent;color:var(--text);
  font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,"Courier New",monospace;
  font-size:13px;line-height:1.65;min-height:1.65em;white-space:pre-wrap;word-break:break-word}
/* 输出：也用**主题代码窗**那一套（浅底 + 细边 + 圆角），跟文章里的代码块观感一致 */
.xxmy-run-out{margin:0;white-space:pre-wrap;word-break:break-word;
  background:var(--code-bg);border:1px solid var(--code-line);border-radius:var(--radius);
  padding:10px 12px;color:var(--text);
  font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,"Courier New",monospace;
  font-size:13px;line-height:1.65;
  max-height:320px;overflow:auto}       /* ← 输出也定高滚（长菜单/长表格不撑长文章） */
.xxmy-run-meta{padding:6px 16px 10px;font-size:12px;color:var(--text-3);background:var(--card)}
.xxmy-run-meta:empty{display:none}

/* v1.6 只显示运行部分（[run id="…" code="0"]）：接在上面那份源码展示（iframe 代码展示页）下面，
   视觉上像它下面接的一截 —— 去掉顶边与上圆角，和上面的卡片贴成一体 */
.xxmy-run-bare{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}
.xxmy-run-bare .xxmy-run-bar{padding-top:9px;padding-bottom:8px}