:root{
  --bg:#0d1117; --fg:#c9d1d9; --hi:#e6edf3;
  --ps:#3fb950; --dim:#8b949e; --cur:#3fb950;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg)}
body{
  color:var(--fg);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;
  min-height:100vh;
  display:flex;flex-direction:column;      /* footer 沉底 */
  padding:16px 20px 0;
}

/* ===== 顶部实时时钟 ===== */
.clock{color:var(--dim);font-size:13.5px;letter-spacing:.4px;margin-bottom:16px}

/* ===== 命令块 ===== */
.cmdline{white-space:nowrap;overflow:hidden}
.block{margin-bottom:8px}      /* 输出 → 下一条命令 的间距（原 6px，拉大）*/
.cmdline{white-space:nowrap;overflow:hidden}   /* 不变 */
.outline{
  white-space:pre-wrap;word-break:break-word;
  margin-top:8px;               /* 命令 → 输出 的间距（原来贴太紧）*/
}
.ps{color:var(--ps);font-weight:700;margin-right:.4em}
.echo{color:var(--hi)}

/* 打字光标（自写结尾光标 + TypeIt 命令光标统一成绿色块） */
.cursor{display:inline-block;width:.6em;background:var(--cur);color:transparent;
        animation:blink 1s steps(1) infinite;vertical-align:-.08em;margin-left:1px}
.ti-cursor{color:var(--ps);font-weight:700;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* ===== 逐字播放：只有播到当前块才显示（html.js 由 head 注入）=====
   无 JS / 未启用动画时，全部块直接显示（兜底不白屏） */
html.js .block{display:none}
html.js .block.play{display:block}

/* ===== 输出（Markdown 渲染结果）===== */
.outline{white-space:pre-wrap;word-break:break-word}
html.js .outline{display:none}              /* 新增：命令打字中，输出区先藏 */
html.js .block.out-show .outline{display:block}  /* 新增：轮到输出时才显示 */
.outline p{margin:0}
.outline ul,.outline ol{margin:.2em 0 .2em 1.4em}
.outline li{margin:.1em 0}
.outline blockquote{color:var(--dim);border-left:3px solid var(--dim);padding-left:.6em;margin:.2em 0}
.outline a{color:#58a6ff;text-decoration:none;border-bottom:1px dotted #58a6ff}
.outline code{background:#161b22;padding:.05em .35em;border-radius:4px;font-size:.92em}
.outline strong,.outline b{color:var(--hi)}

/* ===== 底部中间常驻署名（沉底）===== */
footer.credit{
  margin-top:auto;
  padding:24px 0 30px;
  text-align:center;
  color:var(--dim);opacity:.85;
  font-size:13px;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.ds-logo{width:auto;height:20px;display:block}

/* ===== 手机适配 ===== */
@media(max-width:520px){
  main.screen{font-size:14px}
  .ds-logo{height:18px}
}