.opening-hero .opening-title{justify-content:center;gap:30px;padding-block:8vh 0;font-family:'Microsoft YaHei','PingFang SC',SimHei,sans-serif;font-weight:1000;letter-spacing:.045em;line-height:1.28}
.opening-hero .opening-title>span{width:fit-content;max-width:100%;paint-order:stroke fill;filter:none;text-shadow:0 5px 0 rgba(118,51,4,.12)}
.opening-hero .opening-title>span:first-child{font-size:clamp(57.6px,6.3vw,126px);margin:0;color:#ff6500;-webkit-text-stroke:6.3px white;letter-spacing:.065em}
.opening-hero .opening-title>span:nth-child(2){font-size:clamp(32.4px,4.185vw,82.8px);color:white;-webkit-text-stroke:4.5px #ff6500;line-height:1.4}
.site-nav{display:grid;grid-template-columns:minmax(164px,1fr) auto minmax(140px,1fr);gap:28px;padding:24px 4.3%}
.site-nav .nav-brand{justify-self:start}.site-nav .nav-links{justify-self:center;gap:22px;font-size:14px}
.site-nav .nav-links>a{padding:7px 14px;border-radius:5px;transition:background .2s,color .2s,opacity .2s}
.site-nav .nav-links>a::after{content:none}
.site-nav .nav-links>a[aria-current]{background:#fff;color:#ff7900}
.site-nav .nav-links>a:hover{background:#ffffff26;opacity:1}
.site-nav.is-scrolled .nav-links>a[aria-current]{background:#fff0e1;color:#ff7900}
.site-nav.is-scrolled .nav-links>a:hover{background:#fff0e1}
.site-nav>.nav-cta{justify-self:end;border:1px solid #ffffffa0;border-radius:32px;padding:11px 20px;font-size:13px;color:inherit;white-space:nowrap;transition:background .2s}
.site-nav>.nav-cta span{display:inline-block;margin-left:18px;border-left:1px solid #ffffff70;padding-left:16px}
.site-nav>.nav-cta:hover{background:#ffffff20}.site-nav.is-scrolled>.nav-cta{border-color:#30302e50}.site-nav.is-scrolled>.nav-cta span{border-color:#30302e30}
.site-nav>.nav-cta[aria-current]{color:#ff7900;border-color:#ff7900}
@media(max-width:1200px){.site-nav{grid-template-columns:minmax(148px,1fr) auto minmax(118px,1fr);gap:16px;padding:22px 4%}.site-nav .nav-links{gap:3px;font-size:12px}.site-nav .nav-links>a{padding:7px 10px}.site-nav>.nav-cta{padding:10px 14px;font-size:12px}.site-nav>.nav-cta span{margin-left:10px;padding-left:10px}.site-nav .nav-brand img{width:148px}}
@media(max-width:760px){.site-nav{display:flex;padding:20px 6%}.site-nav .nav-links,.site-nav>.nav-cta{display:none}.opening-hero .opening-title{gap:24px;padding-block:6vh 0}.opening-hero .opening-title>span:first-child{font-size:clamp(54px,12vw,88px);-webkit-text-stroke:5px white}.opening-hero .opening-title>span:nth-child(2){font-size:clamp(25px,6.1vw,42px);-webkit-text-stroke:3px #ff6500}}
/* Orange brand on both hero and content navigation. */
.site-nav .nav-brand img{visibility:hidden;filter:none}
.site-nav .nav-brand::after{content:'';position:absolute;inset:0;background:var(--orange);-webkit-mask:url('assets/liuliu-brand-transparent.png') center/contain no-repeat;mask:url('assets/liuliu-brand-transparent.png') center/contain no-repeat;pointer-events:none}
.site-nav{isolation:isolate}
.site-nav::before{content:'';position:absolute;inset:0 0 -65px;z-index:-1;background:linear-gradient(to bottom,rgba(0,0,0,.68),rgba(0,0,0,.34) 48%,transparent);pointer-events:none;transition:opacity .3s}
.site-nav.is-scrolled::before{opacity:0}
@media(max-width:760px){.opening-hero .opening-title>span:first-child{font-size:clamp(48.6px,10.8vw,79.2px);-webkit-text-stroke:4.5px white}.opening-hero .opening-title>span:nth-child(2){font-size:clamp(22.5px,5.49vw,37.8px);-webkit-text-stroke:2.7px #ff6500}}
/* Keep the cooperation artwork aligned with the content area. */
.partner-head aside::before{right:0}
/* Plain title fills, shifted 20px left without disturbing entrance motion. */
.opening-hero .opening-title{translate:-20px 0}
.opening-hero .opening-title>span:first-child,.opening-hero .opening-title>span:nth-child(2){-webkit-text-stroke:0;text-shadow:none}