/* S2 second beat (#four): the 4 numbers. Two real ones (1小时图 version, red), two LockCards 第一晚公开. v7, 12 Nov 2026.
   Same dark ground as #one-setting (ds-sec--tight); a hairline marks the new beat. */

#four .ds-h2 .l, #four .fn-punch .l { display: block; }
#four::before { content: ""; position: absolute; top: 0; left: 50%; width: min(var(--ds-max), calc(100% - 2 * var(--ds-gutter))); transform: translateX(-50%);
  border-top: 1px solid var(--ds-line-d); }
#four.ds-sec--tight { padding-top: var(--ds-s8); }

#four .fn-src { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-s2); margin: 0 0 var(--ds-s2); font: 400 var(--ds-fs-fine)/1.5 var(--ds-zh); color: var(--ds-mute-d); }

#four .fn-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ds-s2); margin: 0; padding: 0; list-style: none; }
#four .fn-cell { display: flex; flex-direction: column; min-height: 128px; padding: var(--ds-s4); }
#four .fn-cell .fn-l { margin: 0; font: 900 var(--ds-fs-h3)/var(--ds-lh-h3) var(--ds-zh); color: var(--ds-text-d); }   /* fix loop (skim): 最后结果 / 中途最惨 at h3 scale */
#four .fn-cell .ds-big { margin-top: auto; white-space: nowrap; }
#four .fn-cell .ds-big-note { margin-top: var(--ds-s2); }
#four .fn-cell.fn-cell--lock { display: grid; padding: 0; }
#four .fn-cell--lock .ds-lock { min-height: 128px; }
#four .fn-cell--lock .ds-lock-blur { display: flex; flex-direction: column; }
#four .fn-cell--lock .ds-lock-blur .ds-big { margin-top: var(--ds-s4); }

#four .fn-fine { margin: var(--ds-s2) 0 0; }
#four .fn-punch { margin: var(--ds-s5) 0 0; color: var(--ds-text-d); }
#four .ds-cta { margin-top: var(--ds-s5); }

@media (max-width: 360px) {
  #four .fn-cell { padding: 12px; }
}
@media (min-width: 960px) {
  #four.ds-sec--tight { padding-top: var(--ds-s9); }
  #four .fn-grid { gap: var(--ds-s4); }
  #four .fn-cell, #four .fn-cell--lock .ds-lock { min-height: 168px; }
  #four .fn-cell { padding: var(--ds-s5); }
}