/* Owner approved full-width slanted nav V2 (zh-only or en-only), no carousel and no horizontal swipe. */
.vr-site .vr-top{isolation:isolate;background:linear-gradient(180deg,#071220,#080f1b)!important;box-shadow:0 8px 24px #0002}
.vr-site .vr-top .vr-wrap.vr-nav-shell{
 max-width:1240px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
 flex-wrap:nowrap!important;gap:12px!important;padding:14px 20px 12px!important;min-width:0
}
.vr-site .vr-nav-brand-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%}
.vr-site .vr-nav-brand-row .vr-brand{
 min-width:0;margin:0;flex:0 1 auto;font-size:clamp(14px,2.4vw,22px)!important;font-weight:850!important;
 color:#e2f6ff!important;letter-spacing:.015em!important;line-height:1.2;overflow-wrap:normal
}
.vr-site .vr-nav-brand-row .vr-brand em{color:#67ebfc!important;font-size:1.06em}
.vr-site .vr-nav-lang{flex:0 0 auto;margin:0!important;display:inline-flex;align-items:center;justify-content:center;
 min-height:39px;min-width:56px;padding:0 11px!important;border-radius:6px!important;
 border:1px solid #507c99!important;background:#102538!important;color:#c7f5ff!important;font-size:12px;font-weight:700;text-decoration:none}
.vr-site nav.vr-slanted-menu{
 display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;
 width:100%;min-width:0;max-width:100%;margin:0!important;padding:0!important;overflow:visible!important;
 flex:none!important;flex-wrap:nowrap!important;align-items:stretch!important
}
.vr-site nav.vr-slanted-menu .vr-nav-tab{
 min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:4px;min-height:104px;height:auto;padding:10px 3px 14px!important;
 color:#e0edff!important;text-decoration:none!important;white-space:normal!important;
 border:1px solid #284d74!important;background:linear-gradient(145deg,#19304e 0%,#101d34 48%,#0b162a 100%);
 box-shadow:inset 0 2px #476f9a50,inset 0 -3px #070f1d,0 3px 8px #0005;
 clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);
 transition:filter .18s,background-color .18s,box-shadow .18s;
 cursor:pointer;
}
.vr-site nav.vr-slanted-menu .vr-nav-tab:hover{filter:brightness(1.25)}
.vr-site nav.vr-slanted-menu .vr-nav-tab.is-active{
 background:linear-gradient(160deg,#164b76,#133557 56%,#10233d);
 color:#acfbff!important;border-color:#69dcfa!important;
 box-shadow:inset 0 3px #81eaffaa,0 0 13px #45c5f73d;
}
.vr-site nav.vr-slanted-menu .vr-nav-tab-booking.is-active{background:linear-gradient(145deg,#08728a,#0d4966 72%,#07374e)}
.vr-site .vr-nav-icon{display:flex;align-items:center;justify-content:center;min-width:0;color:#9ed2fe}
.vr-site .vr-nav-tab.is-active .vr-nav-icon{color:#64f1ff}
.vr-site .vr-nav-icon svg{display:block;width:24px;height:24px}
.vr-site .vr-nav-label{
 display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:100%;min-height:28px;
 line-height:1.16;font-size:clamp(10px,1.3vw,14px);font-weight:750!important;letter-spacing:0!important;
 text-align:center;white-space:normal!important;word-break:keep-all;overflow-wrap:normal
}
.vr-site .vr-nav-label span{display:block;max-width:100%;white-space:nowrap}
.vr-site .vr-nav-tab-index{position:absolute;left:10px;bottom:4px;color:#7994b8;font:600 9px/1.1 ui-monospace,monospace}
.vr-site .vr-nav-tab-light{position:absolute;left:25%;right:25%;top:0;height:3px;background:#6df8ff;opacity:0}
.vr-site .vr-nav-tab.is-active .vr-nav-tab-light{opacity:1}
.vr-site .vr-nav-tab:focus-visible,.vr-site .vr-nav-lang:focus-visible{outline:3px solid #f0fbff!important;outline-offset:4px}
@media(min-width:1101px){
 .vr-site .vr-top .vr-wrap.vr-nav-shell{gap:10px!important;padding:11px 24px 15px!important}
 .vr-site nav.vr-slanted-menu{gap:8px!important}
 .vr-site nav.vr-slanted-menu .vr-nav-tab{min-height:82px;padding:7px 4px 13px!important}
 .vr-site .vr-nav-icon svg{height:22px;width:22px}
 .vr-site .vr-nav-label{font-size:13px}
}
@media(max-width:540px){
 .vr-site .vr-top .vr-wrap.vr-nav-shell{gap:10px!important;padding:10px 9px 10px!important}
 .vr-site .vr-nav-brand-row{padding:0 5px}
 .vr-site .vr-nav-brand-row .vr-brand{font-size:16px!important;letter-spacing:-.01em!important}
 .vr-site .vr-nav-en .vr-nav-brand-row .vr-brand{font-size:clamp(12px,3.4vw,15px)!important;white-space:nowrap}
 .vr-site .vr-nav-lang{min-height:34px;min-width:48px;padding:0 7px!important;font-size:11px}
 .vr-site nav.vr-slanted-menu{gap:2px!important}
 .vr-site nav.vr-slanted-menu .vr-nav-tab{
   min-height:91px; padding:9px 0 15px!important;clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);
   border-width:1px!important;gap:5px
 }
 .vr-site .vr-nav-icon svg{width:19px;height:19px}
 .vr-site .vr-nav-label{font-size:12px;line-height:1.08;min-height:25px;letter-spacing:-.035em!important}
 .vr-site .vr-nav-en .vr-nav-label{font-size:clamp(7.7px,2.35vw,10px);letter-spacing:-.025em!important;line-height:1.15}
 .vr-site .vr-nav-en .vr-nav-tab-birthday .vr-nav-label{font-size:clamp(7px,2.15vw,9px)}
 .vr-site .vr-nav-tab-index{font-size:8px;left:5px;bottom:5px}
}
@media(max-width:355px){
 .vr-site .vr-top .vr-wrap.vr-nav-shell{padding-inline:5px!important}
 .vr-site nav.vr-slanted-menu{gap:1px!important}
 .vr-site nav.vr-slanted-menu .vr-nav-tab{min-height:84px}
 .vr-site .vr-nav-icon svg{width:16px;height:16px}
 .vr-site .vr-nav-label{font-size:11px}
 .vr-site .vr-nav-en .vr-nav-label{font-size:7.5px}
 .vr-site .vr-nav-en .vr-nav-tab-birthday .vr-nav-label{font-size:6.8px}
}
@media(prefers-reduced-motion:reduce){.vr-site .vr-nav-tab{transition:none!important}}