/* 平板直向只顯示整頁提示；不在手機或桌面強制方向。 */
#yxLandscapeNotice[hidden]{display:none!important}
#yxLandscapeNotice{position:fixed;inset:0;z-index:2147483646;box-sizing:border-box;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
 padding:calc(30px + env(safe-area-inset-top)) 8vw calc(30px + env(safe-area-inset-bottom));
 background:radial-gradient(circle at 50% 25%,#244b69 0%,#071321 65%);color:#f9f6ef;text-align:center;
 font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;overflow:hidden}
.yx-tablet-portrait-locked,.yx-tablet-portrait-locked body{overscroll-behavior:none!important;overflow:hidden!important;height:100%!important}
#yxLandscapeNotice h1{font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.3;margin:0;color:#ffdda1}
#yxLandscapeNotice p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;max-width:34em;margin:0}
.yx-landscape-glyph{width:144px;height:142px;display:grid;place-items:center;position:relative}
.yx-landscape-glyph span{display:block;border:7px solid #ffdda1;background:#214761;border-radius:15px;width:117px;height:76px;transform:rotate(-19deg);box-shadow:0 8px 29px #0009}
.yx-landscape-glyph span:after{content:"";position:absolute;right:7px;top:50%;height:7px;width:7px;border-radius:100%;background:#ffdda1;transform:translateY(-50%)}
@media(prefers-reduced-motion:no-preference){.yx-landscape-glyph span{animation:yxRotateHint 2.4s ease-in-out 1}@keyframes yxRotateHint{from{transform:rotate(-75deg)}to{transform:rotate(-19deg)}}}