/* 得獎公告.psd — published artboard (0, 2622), 750 × 3534. */
@font-face {
  font-family: "Meiji Winners Sans TC";
  src: url("/fonts/meiji-winners-sans-tc.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
.winners-body { font-family: "Meiji Winners Sans TC", "Noto Sans TC", sans-serif; }
.winners-body .site-shell { background: #fff4d7; }
.winners-body .winners-page {
  position: relative; min-height: 100dvh; container-type: inline-size; color: #320000;
  background: #fff4d7 url("/img/winner/0910/page-background.jpg") center top / 100% auto no-repeat;
}
.winners-body .winners-page-header { position: relative; width: 100%; aspect-ratio: 750 / 170; }
.winners-body .winners-page-header .hero-nav { top: 3.6cqw; }
.winners-body .winners-page-content { padding-bottom: 13.46667cqw; }
.winners-body .winners-intro { position: relative; height: 64.93333cqw; text-align: center; }
.winners-body .winners-subtitle-art { position: absolute; left: 25.6%; top: 5.06667cqw; width: 47.86667%; height: auto; }
.winners-body .winners-title-art { position: absolute; left: 15.46667%; top: 13.33333cqw; width: 68.93333%; height: auto; }
.winners-body .winners-cookie { position: absolute; height: auto; pointer-events: none; }
.winners-body .winners-cookie-bamboo { left: 2.66667%; top: 21.86667cqw; width: 6.13333%; }
.winners-body .winners-cookie-mushroom { left: 90.93333%; top: 4.93333cqw; width: 6.26667%; }
.winners-body .winners-intro p {
  position: absolute; left: 4%; width: 92%; margin: 0;
  font-size: 4.26667cqw; line-height: 1.3125; letter-spacing: .04em; font-weight: 500;
}
.winners-body .winners-intro-thanks { top: 32.53333cqw; }
.winners-body .winners-intro-result { top: 45.86667cqw; }
.winners-body .winners-awards { width: 87.2%; margin: 0 auto; }
.winners-body .winners-awards-panel {
  position: relative; display: grid; gap: 6.4cqw;
  padding: 6.4cqw 6.4cqw 6.53333cqw; border-radius: 2.13333cqw;
  background-size: 100% 100%; background-repeat: no-repeat;
}
.winners-body .winners-awards-vote { background-image: url("/img/winner/0910/vote-prizes-bg.png"); }
.winners-body .winners-awards-invoice {
  margin-top: 4cqw; color: white;
  background-image: url("/img/winner/0910/invoice-prizes-bg.png");
}
.winners-body .winners-rope { position: absolute; z-index: 1; top: -6.26667cqw; width: 4.43425%; height: auto; pointer-events: none; }
.winners-body .winners-rope-left { left: 0; }
.winners-body .winners-rope-right { right: 0; }
.winners-body .winners-prize { min-width: 0; }
.winners-body .winners-prize-meta { display: flex; align-items: center; gap: 2.13333cqw; min-height: 5.6cqw; font-size: 3.2cqw; line-height: 1.33333; font-weight: 500; }
.winners-body .winners-prize-tag { display: inline-flex; align-items: center; min-height: 5.6cqw; padding: 0 3.2cqw; border-radius: .8cqw; background: #320000; color: #fff; white-space: nowrap; }
.winners-body .winners-awards-invoice .winners-prize-tag { background: white; color: #320000; }
.winners-body .winners-prize-value { white-space: nowrap; }
.winners-body .winners-prize-name { margin: .53333cqw 0 2.8cqw; font-size: 4.8cqw; line-height: 1.58333; letter-spacing: .04em; font-weight: 700; }
.winners-body .winners-list { max-height: 65.33333cqw; overflow-y: auto; padding: 2cqw 4.26667cqw; border-radius: 2.13333cqw; background: #fff; color: #320000; }
.winners-body .winners-list:focus-visible { outline: 3px solid #a77725; outline-offset: 4px; }
.winners-body .winners-list ol { padding: 0; margin: 0; list-style: none; }
.winners-body .winners-list li {
  display: flex; justify-content: space-between; align-items: center; gap: 2cqw;
  height: 12.26667cqw; border-bottom: .26667cqw solid #714747;
  font-size: 4.26667cqw; line-height: 1.3125; letter-spacing: .04em; font-weight: 700;
}
.winners-body .winners-list li:last-child { border-bottom-color: transparent; }
.winners-body .winners-person, .winners-body .winners-phone { white-space: nowrap; }
.winners-body .winners-phone { font-variant-numeric: tabular-nums; }
.winners-body .winners-list-empty { margin: 0; padding: 3.2cqw 0; text-align: center; font-size: 4.26667cqw; line-height: 1.5; }

/* 尚未公告 — 750 × 1334; the content group is centered around y = 670. */
.winners-body .winners-pending-content { display: flex; min-height: calc(100dvh - 22.66667cqw); align-items: center; justify-content: center; padding: 0 2cqw 22.66667cqw; }
.winners-body .winners-coming-soon { width: 100%; text-align: center; }
.winners-body .winners-voting-box { width: 52cqw; max-width: none; height: auto; margin: 0 auto; }
.winners-body .winners-coming-soon-copy { margin-top: 4.8cqw; }
.winners-body .winners-coming-soon-copy h1 { margin: 0; font-size: 8.8cqw; line-height: 1.21212; letter-spacing: .08em; font-weight: 700; }
.winners-body .winners-coming-soon-copy p { margin: 1.86667cqw 0 0; font-size: 4.26667cqw; line-height: 1.3125; letter-spacing: .04em; font-weight: 500; }
.winners-body .winners-quick-links { position: fixed; z-index: 90; right: max(8px, calc((100vw - 750px) / 2 + 16px)); bottom: max(min(3.6vw, 27px), env(safe-area-inset-bottom)); width: min(21.73333vw, 163px); aspect-ratio: 163 / 315; pointer-events: none; }
.winners-body .winners-quick-links a { position: absolute; display: block; width: 100%; pointer-events: auto; }
.winners-body .winners-quick-links img { width: 100%; height: auto; }
.winners-body .winners-quick-vote { top: 0; }
.winners-body .winners-quick-invoice { bottom: 0; }

@media (min-width: 751px) and (max-height: 1024px) {
  .winners-body .winners-pending-content { padding: 3.2cqw 2cqw 4.8cqw; }
  .winners-body .winners-coming-soon {
    flex: 0 0 auto; container-type: inline-size;
    width: min(100cqw, max(320px, calc((100dvh - 22.66667cqw - 8cqw) * 1.25418)));
  }
}

.winners-body .winners-prize-note { margin: 0 0 2.8cqw; font-size: 3.2cqw; line-height: 1.6; }