/* ============================================================
   章：星夜（polos · P3）
   两个半球的星空、五百次回眸=流星、两极连线。
   ============================================================ */

.ch-night { background: linear-gradient(180deg, var(--night-0) 0%, var(--night-1) 60%, #24365c 100%);
  color: var(--night-text); }
.night-frame { width: min(680px, 92vw); margin: 0 auto; position: relative; z-index: 2; }
.ch-night .eyebrow { color: var(--night-glow); opacity: .85; }
.ch-night blockquote { border-left: 2px solid var(--night-glow); padding-left: 22px; }
.ch-night .bi .es { font-size: 21px; }
.ch-night .serif-es { font-style: italic; }
.ch-night .bi .zh { color: var(--night-sub); opacity: 1; }
.ch-night .grande { font-size: clamp(26px, 4.6vw, 38px); color: var(--night-glow); }

/* —— 流星（五百次回眸） —— */
.meteors { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.meteor { position: absolute; width: 130px; height: 1.5px;
  background: linear-gradient(90deg, #fff, transparent); opacity: 0;
  transform: rotate(-32deg); animation: shoot 3.6s linear infinite; }
@keyframes shoot {
  0% { opacity: 0; transform: rotate(-32deg) translateX(0); }
  4% { opacity: .9; }
  16% { opacity: 0; transform: rotate(-32deg) translateX(-46vw); }
  100% { opacity: 0; transform: rotate(-32deg) translateX(-46vw); }
}

/* —— 两极 —— */
.hemis { display: grid; grid-template-columns: auto 1fr auto; align-items: end; gap: 10px; margin: 44px 0 36px; }
.hemi { display: grid; justify-items: center; gap: 8px; }
.hemi label { font-family: var(--f-mono); font-size: 11px; letter-spacing: .22em; color: var(--night-sub); }
.pin { width: 10px; height: 10px; border-radius: 50%; background: var(--night-glow);
  box-shadow: 0 0 14px 3px rgba(255,233,189,.65); }
.arc { width: 100%; height: 90px; overflow: visible; }
.arc-path { stroke: var(--night-glow); stroke-width: 1.5; stroke-dasharray: 4 7; opacity: .9;
  filter: drop-shadow(0 0 5px rgba(255,233,189,.5)); }

@media (prefers-reduced-motion: reduce) {
  .meteor { animation: none; opacity: 0; }
}