:root{font-size:min(13.333333vw,100px);color-scheme:light;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#e5f1fe}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;padding:0}body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
.navigation-poster{position:relative;margin:0;padding:0;width:100%;min-height:max(100vh,calc(100vw * 1.95));min-height:max(100svh,calc(100vw * 1.95));isolation:isolate}
.poster-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;z-index:-1}
.navigation-actions{position:absolute;left:50%;bottom:max(2.8%,env(safe-area-inset-bottom));width:78%;max-width:6.2rem;transform:translateX(-50%);z-index:10}
.navigation-row{display:flex;justify-content:space-between;gap:.22rem}
.navigation-button{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;text-decoration:none;-webkit-tap-highlight-color:transparent}
.navigation-button>img{display:block;width:100%;height:auto}
.navigation-button>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.36rem;font-weight:700;letter-spacing:.02rem;text-shadow:0 1px 2px #00285a59;pointer-events:none;white-space:nowrap}
.navigation-support{width:100%;margin-top:.18rem}.navigation-support>span{gap:.12rem}.navigation-support .support-icon{width:.48rem;height:.48rem;object-fit:contain}
.navigation-button:focus-visible{outline:3px solid #135ca5;outline-offset:4px;border-radius:12px}.navigation-button:active{opacity:.92}
@media(max-width:760px){html,body{overflow-anchor:none;overscroll-behavior-y:none}.navigation-poster{min-height:var(--hy-entry-height,calc(max(100svh,195vw) + 64px))}.navigation-actions{bottom:max(24px,env(safe-area-inset-bottom))}}