/* ─── CSS 变量（Termux/Terminus 深黑极简主题） ─────────────────── */
:root {
  --bg-0: #000000;
  --bg-1: #0d1117;
  --bg-2: #161b22;
  --bg-3: #21262d;
  --border: rgba(48, 54, 61, 0.9);
  --border-hi: rgba(63, 185, 80, 0.45);
  --border-blue: rgba(88, 166, 255, 0.45);
  --accent: #3fb950;
  --accent-dim: rgba(63, 185, 80, 0.15);
  --accent-blue: #58a6ff;
  --danger: #f85149;
  --text-1: #e6edf3;
  --text-2: #8b949e;
  --text-3: #484f58;
  color-scheme: dark;
}

/* ─── 全局 reset ──────────────────────────────────────────────── */
html,
body,
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: var(--bg-1);
  color: var(--text-1);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    "Segoe UI", sans-serif;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* ─── xterm 滚动条主题 ───────────────────────────────────────── */
.xterm-viewport {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(63, 185, 80, 0.4) rgba(0, 0, 0, 0.5);
  -ms-overflow-style: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
}

.xterm-viewport::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.xterm-viewport::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}

.xterm-viewport::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(63, 185, 80, 0.45);
}

.xterm-viewport::-webkit-scrollbar-thumb:hover {
  background: rgba(63, 185, 80, 0.7);
}
