.opening-hero{height:100vh!important;height:100dvh!important;min-height:0!important;max-height:none!important;width:100%;aspect-ratio:auto;background:#090906;isolation:isolate}
.opening-hero:before,.opening-hero:after{content:none!important}
#opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,23,26,.72),rgba(17,23,26,.20) 48%,transparent 76%);opacity:0;transition:opacity 1s;pointer-events:none}
.opening-hero .opening-title{inset:0!important;position:absolute;display:flex;flex-direction:column;justify-content:center;padding:6% 7.5%;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-weight:700;font-size:clamp(22px,3.65vw,76px);line-height:1.55;letter-spacing:.025em;color:#fff;pointer-events:none}
.opening-title span{display:block;opacity:0;transform:translateY(28px);will-change:transform,opacity;transition:opacity .85s,transform 1.1s cubic-bezier(.16,1,.3,1)}
.opening-title span:first-child{font-size:1.24em;margin-bottom:.12em}
.home-ready .opening-title span{opacity:1;transform:translateY(0);}
.home-ready .opening-title span:nth-child(2){transition-delay:.13s}.home-ready .opening-title span:nth-child(3){transition-delay:.26s}
.home-ready .hero-shade{opacity:1}
.opening-action,.opening-replay{position:absolute;z-index:3;bottom:5%;right:4%;border:1px solid #ffffff55;border-radius:40px;background:#161a1a55;color:white;padding:10px 18px;font-size:13px;backdrop-filter:blur(8px)}
.opening-replay{display:none}.home-ready .opening-action{display:none}.video-ended .opening-replay{display:block}
body.opening-active{overflow:hidden}body.opening-active nav,body.opening-active .top{visibility:hidden}
body.opening-active .opening-hero{z-index:100}
body.opening-active .opening-hero video{object-fit:cover}
@media(prefers-reduced-motion:reduce){.opening-title span,.hero-shade{transition:none;transform:none;filter:none}}

html{scrollbar-gutter:auto;scrollbar-width:none}body.opening-active{overflow:clip}.opening-hero{contain:layout paint}#opening-video{transform:translateZ(0)}

html::-webkit-scrollbar{display:none}
.opening-frame{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
#opening-video{object-position:center center}
@media(max-width:600px){.opening-hero .opening-title{font-size:clamp(28px,7vw,42px);padding:8%}}