/* 網站共用的載入與排隊畫面。 */
#loading,#queue{position:fixed;inset:0;z-index:20;display:grid;place-items:center;text-align:center;background:radial-gradient(120% 90% at 50% 35%,#fffbf2,#efe3c8);transition:opacity .5s}
#loading.done{opacity:0;pointer-events:none}
#loading>div,#queue>div{padding:0 24px;max-width:560px}
#loading h1,#queue h1{font-size:clamp(34px,7vw,64px);margin:0;letter-spacing:2px}
#loading h1 small,#queue h1 small{display:block;font-size:.4em;color:var(--coral);letter-spacing:8px;margin-top:10px}
#loading p,#queue p{color:var(--muted);margin:14px 0 0;font-size:15px}
.bar{width:220px;height:6px;border-radius:3px;background:#e5dfd2;margin:22px auto 0;overflow:hidden}
.bar i{display:block;height:100%;width:30%;background:var(--coral);border-radius:3px;animation:slide 1.2s ease-in-out infinite}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}
#loadErr{color:#a3381c!important;max-width:520px;font-size:14px!important;line-height:1.6}
#queue{z-index:21}
#loading[hidden],#queue[hidden]{display:none}