/* Extra pages + toast only. Do not restyle homepage palace chrome. */
#toast {
  position: fixed; top: 24px; left: 50%; transform: translateX(-50%);
  z-index: 80; background: #0C2238; color: #E9D09E; padding: 10px 18px;
  border: 1px solid #C5A059; border-radius: 8px; font-size: 13px; display: none;
  font-family: "Noto Serif SC", serif;
}
#toast.on { display: block; }
.tabs-bd img { max-width: 100%; height: auto; }
.writing-vertical { writing-mode: vertical-rl; }
.yayun-shell { font-family: "Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif; }
.yayun-shell .material-symbols-outlined { font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; vertical-align: middle; }
.yayun-desc img { max-width: 100%; height: auto; }
.yayun-shell ::-webkit-scrollbar { display: none; }
.yayun-shell .addr-card.active { box-shadow: inset 0 0 0 1.5px #cca72f; }
.yayun-shell .pay-option.active { box-shadow: inset 0 0 0 1.5px #cca72f; }
#member-center .overflow-x-auto { flex-wrap: nowrap; }
#member-center .overflow-x-auto > button { white-space: nowrap; flex-shrink: 0; }
.notice-html img { max-width: 100%; height: auto; }
.notice-html table { width: 100%; border-collapse: collapse; }
.notice-html p { margin: 0.75em 0; }
html:not(.vue-ready) .pc-modal-layer { display: none !important; }
.pc-modal-layer { display: none; }
.pc-modal-layer.is-open { display: flex !important; }
.home-mega-scroll::-webkit-scrollbar { width: 6px; }
.home-mega-scroll::-webkit-scrollbar-track { background: rgba(0,0,0,.18); border-radius: 4px; }
.home-mega-scroll::-webkit-scrollbar-thumb { background: rgba(197,160,89,.65); border-radius: 4px; }