html, body { margin: 0; height: 100%; background: #000; color: #fff; font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif; overflow: hidden; }
.top { display: flex; justify-content: space-between; align-items: center; padding: 2vh 3vw; font-size: 3vh; color: #7E8DA6; }
.now { padding: .4vh 2vw; border-radius: 999px; background: #1A2538; color: #5B6B85; font-weight: 700; }
.now.on { background: #3DDC84; color: #04070F; }
.p { padding: 0 4vw; font-size: 8vh; line-height: 1.3; font-weight: 700; min-height: 40vh; }
.lb { padding: 2vh 4vw 0; font-size: 2.6vh; color: #7E8DA6; }
.np { padding: 0 4vw; font-size: 4.4vh; line-height: 1.35; color: #A9BAD1; }
.r { position: fixed; left: 4vw; right: 4vw; bottom: 2vh; font-size: 2.6vh; color: #7E8DA6; }