.ld { display: none; }
.aom-ld .ld {
  --ld-ink: #231815; --ld-paper: #F4F2EE; --ld-gold: #A28C64; --ld-gold-dark: #C9B48C; --ld-sub: #B8AB9C;
  --ld-ease: cubic-bezier(.16, 1, .3, 1); --ld-in: cubic-bezier(.55, 0, .75, .2); --ld-swap: cubic-bezier(.65, 0, .35, 1);
  display: block !important; position: fixed; inset: 0; z-index: 9000; overflow: hidden; cursor: pointer;
  background: var(--ld-ink) url(img/grain-dark.png?v=20c47549) 0 0 / 128px; color: var(--ld-paper);
  font-family: "Hanken Grotesk", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  animation: ld-out .55s var(--ld-swap) var(--ld-out-at, 2.1s) both;
  -webkit-user-select: none; user-select: none;
}

.aom-ld .ld.ld--skip { animation: ld-skip .32s var(--ld-swap) both; }
.aom-ld .ld.ld--skip * { animation-play-state: paused !important; }
@keyframes ld-out { to { opacity: 0; visibility: hidden; } }
@keyframes ld-skip { to { opacity: 0; visibility: hidden; } }


.ld__skip {
  position: absolute; left: 0; right: 0; bottom: max(24px, env(safe-area-inset-bottom)); margin: 0; text-align: center;
  font-size: 16px; line-height: 1.75; color: var(--ld-sub); letter-spacing: .04em;
  animation: ld-fade .4s var(--ld-ease) .55s both;
}
@keyframes ld-fade { from { opacity: 0; } }


.ld-bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; background: #E8E4DD; flex: none; }
.ld-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(35, 24, 21, .28); }
.ld-bar span { margin-left: 10px; padding: 3px 12px; border-radius: 999px; background: #F4F2EE; font-size: 13px; line-height: 1.4; color: #4A3F39; font-variant-numeric: tabular-nums; white-space: nowrap; }