.win {
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  animation: crt-flicker 8s infinite;
}

@keyframes crt-flicker {
  0%, 100%    { opacity: 1; }
  88%         { opacity: 1; }
  89%         { opacity: 0.96; }
  90%         { opacity: 1; }
  95%         { opacity: 0.98; }
  96%         { opacity: 1; }
}

/* ── 标题栏 ───────────────────────────── */
.bar {
  flex: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--border);
  background: transparent;
  user-select: none;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.dots { display: flex; gap: 6px; flex: none; }
.dots i {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: var(--c);
  box-shadow: 0 0 6px var(--c);
  opacity: .9;
}

.bar-title {
  flex: 1;
  text-align: center;
  font-size: 11px;
  letter-spacing: .16em;
  color: var(--dimmer);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bar-right {
  flex: none;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  letter-spacing: .12em;
  color: var(--dim);
}

.live {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--fg);
  box-shadow: 0 0 8px var(--fg);
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: .3; }
}

/* ── 屏幕 ─────────────────────────────── */
.screen {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 24px 28px 48px;
  scrollbar-width: thin;
  scrollbar-color: var(--border) transparent;
}
.screen::-webkit-scrollbar { width: 8px; }
.screen::-webkit-scrollbar-thumb { background: var(--border); }
.screen::-webkit-scrollbar-track { background: transparent; }

#output > * { margin: 0; }
#output > * + * { margin-top: .25em; }
#output > .gap { height: .8em; }

/* ── 移动端 ───────────────────────────── */
@media (max-width: 640px) {
  body { font-size: 14px; }
  .screen { padding: 16px 14px 36px; }
  .bar { padding: 8px 12px; gap: 10px; }
  .bar-title { display: none; }
  .bar-right { margin-left: auto; }

  .kv .k { width: 15ch; }
  .ep .p { width: auto; flex: 1; }
  .ep .d { display: none; }
}