:root{--fade-duration:1.5s;--bg-overlay:rgba(0, 0, 0, 0.4);--bg-color:#f4f7f6;--text-color:#333;--bg-color:#f2f2f7;--card-bg:#ffffff;--active-text:#ffffff;}
h1,h2,h3{font-family:Noto Serif SC!important;text-transform:capitalize;}
p{margin:0.6em 0;}
.toggle-wrapper{margin:0 0.4em 0 0;}
.switch{width:80px;height:32px;position:relative;display:inline-block;margin:0 0.4em 0 0;}
.toggle-wrapper input{opacity:0;width:0;height:0;}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.4);transition:.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50px;display:flex;align-items:center;justify-content:space-around;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);}
.switch .slider-text-zh,.switch .slider-text-en{width:36px;font-size:0.85em;display:flex;text-align:center;z-index:1;transition:color 0.3s, opacity 0.3s;pointer-events:none;z-index:10000;align-items:center;justify-content:center;position:relative;z-index:10000000;}
.toggle-wrapper .slider-text:before{position:absolute;content:"";height:28px;width:36px;left:2px;transition:.4s cubic-bezier(0.4, 0, 0.2, 1);border-radius:50px;z-index:2;}
.toggle-wrapper .slider-text-zh{color:var(--active-text);opacity:1;}
.toggle-wrapper .slider-text-en{color:var(--inactive-text);opacity:0.8;font-size:0.7em;}
.toggle-wrapper input:checked + .slider-text:before{transform:translateX(40px);}
.toggle-wrapper input:checked + .slider-text.slider-text-zh{color:#fff;opacity:1;}
.toggle-wrapper input:checked + .slider-text.slider-text-en{color:#fff;opacity:1;}
.toggle-bilingual .switch-slider{background-color:var(--theme-ui-colors-secondary);}

[lang="en"]{display:none;}
[lang="zh"]{display:block;}
body.show-english [lang="en"]{display:block;}
body.show-english [lang="zh"]{display:none;}

.hero{margin-top:-70px;position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;}
.hero::after{content:'';position:absolute;inset:0;background:var(--bg-overlay);z-index:0;}
.hero .video-container{position:fixed;top:0;left:0;z-index:-1;}
.hero-content{width:80%;height:100vh;z-index:1;position:relative;align-items:center;}
.hero-content.align-right{justify-content:end;}
#HeroVideo{position:fixed;}
.cover-header{position:absolute;}
.cover-headline{}   

.lang-zh.cover-header{right:0;}
.lang-zh h1{display:flex;margin:auto;line-height:1.2;}
.lang-zh h1 em,.lang-zh h1 span{margin:0 0.1em;letter-spacing:0.1em;padding:0;height:100%;writing-mode:vertical-rl;text-align:center;display:block;font-weight:bold;}
.lang-zh h1 em{font-size:3em;opacity:0;transform:translateY(20px);animation:fadeIn 2s ease-out .6s forwards;}
.lang-zh h1 span{font-size:1.9em;margin-top:1.3em;opacity:0;animation:fadeInSubtle 3s ease-out 1.6s forwards;}

.lang-en.cover-header{left:0;top:50%;}
.lang-en h1{display:block;margin:auto;line-height:1.2;text-align:left;}
.lang-en h1 em,.lang-en h1 span{padding:0;display:block;font-weight:bold;}
.lang-en h1 em{font-size:2.8em;opacity:0;animation:fadeIn 2s ease-out .6s forwards;}
.lang-en h1 span{font-size:1.6em;margin:-1em 0 0 6em;opacity:0;animation:fadeIn 3s ease-out 1.6s forwards;}

.video-container{width:100%;height:100%;position:relative;}
#Intro{width:100%;font-size:1.2em;line-height:1.6;height:100vh;z-index:1;align-items:center;display:flex;}
#Intro .content{width:70%;margin:auto;}

#Wrapper{position:relative;width:100%;display:block;}
.feature-section{min-height:100vh;width:100%;padding:0;margin:auto;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;position:relative;background-color:rgba(0,0,0,0.8);}

.feature-section.featured{display:block;padding-top:30%;width:100%;}
.feature-section.featured::before{content:'';position:absolute;inset:0;background:linear-gradient(190deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);z-index:10;height:100vh;}
.feature-section.featured .feature-content{width:100%;padding:4em 0;}
.feature-text{width:60%;margin:auto;}
.feature-text a{color:var(--theme-ui-colors-main);}
.feature-container{margin:10% auto 0 auto;}

.sticky-bg{min-height:100%;width:100%;background-size:cover;background-position:center top;background-repeat:no-repeat;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.8);}
#Feature01 .sticky-bg{background-image:url(../imgs/li-geng-wei-d.webp);background-color:#172201;}
#Feature02 .sticky-bg{background-image:url(../imgs/shen-yue-d.webp);background-color:#151822;}
#Feature03 .sticky-bg{background-image:url(../imgs/lin-fang-wei-d.webp);background-color:#120200;}

.feature-content{width:80%;padding:10em 0;z-index:1;text-align:center;margin:auto;text-align:left;position:relative;z-index:10000;}
.feature-section h2{font-size:2.4em;margin:0 0 0.6em 0;padding:0;line-height:1.2;}
.feature-section h2 em,.feature-section h2 span{display:block;}
.feature-section h2 em{font-size:1.4em;}
.feature-section h2 span{opacity:.7;}
.feature-content p{font-size:1.1em;width:70%;letter-spacing:0.04em;line-height:1.5;}

.feature-story{width:80%;display:grid;grid-template-columns:repeat(4, 1fr);gap:0.4em;margin:4em auto 0 auto;}
.card{border-radius:0.6em;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s;backdrop-filter:blur(10px) brightness(1.2);padding:0;margin:0;position:relative;background-color:#000;border:1px solid rgba(255, 255, 255, 0.15);}
.card:hover{transform:translateY(-10px);backdrop-filter:none;border:1px solid rgba(255, 255, 255, 0.3);}
.card img{width:100%;display:block;opacity:0.8;}
.card:hover img{opacity:1;}
.card h3.card-label{font-size:0.8em;padding:0.2em 0.6em 0.3em 0.6em;margin:0 0 0.8em 0;font-family:Noto Sans SC!important;background:var(--theme-ui-colors-main);color:#fff;display:table;line-height:1.4;border-radius:0.3em;}
.card-item{width:100%;height:100%;line-height:1.4;position:absolute;bottom:-1px;display:flex;align-items:end;transition:0.3s;}
.card-item:after{height:70%;width:100%;position:absolute;left:0;bottom:0;display:block;content:'';background:linear-gradient(0deg,rgba(5,5,20,1) 0%, rgba(5,5,20,0) 100%);transition:0.3s;}
.card:hover .card-item:after{bottom:-3em;background:linear-gradient(0deg,rgba(5,5,20,0.8) 0%, rgba(5,5,20,0) 100%);}
.card:hover .card-item{padding-bottom:1em;}
.card-content{width:100%;padding:1.6em;position:relative;z-index:1000;display:block;}
.card-content a{font-size:1.1em;color:rgba(255,255,255,0.8);}

.reveal-content{position:relative;opacity:0;transform:translateY(50px);transition:all 1.6s ease-out;}
.reveal-content.reveal{opacity:1;transform:translateY(0);}

.conclusion-section{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(0.4em) brightness(.5) hue-rotate(20deg);}
.conclusion-section .content{font-size:1.4em;}

.container-16x9{width:100%;}

.hero .vjs-control-bar,.video-js .vjs-dock-text{display:none;}

@keyframes fadeIn{
to{opacity:1;transform:translateY(0);}
}

@keyframes fadeInSubtle{
to{opacity:0.4;transform:translateY(0);}
}

@media screen and (min-width:1280px){
#Intro .content,.feature-content,.feature-text{width:60%;}
}

@media screen and (max-width:1100px) and (max-width:1179px){
#Intro .content,.feature-content,.feature-text{width:70%;}
}

@media screen and (min-width:320px) and (max-width:767px){
.hero{margin-top:-50px;}
.hero-content{width:90%;align-items:end;}
.cover-header{right:0;}
.switch{width:60px;height:24px;}
.switch .slider:before{width:28px;height:22px;}
.switch .slider-text-zh,.switch .slider-text-en{width:24px;font-size:0.7em;}
.switch input:checked + .slider:before{transform:translateX(28px);}
.lang-zh h1{justify-items:end;justify-content:end;align-items:end;}
.lang-zh h1 em,.lang-zh h1 span{margin:0;line-height:1.3;display:block;}
.lang-zh h1 em{font-size:2.4em;}
.lang-zh h1 span{font-size:1.4em;}
.lang-zh h1 span{padding-top:3em;}
.lang-en h1{justify-content:end;text-align:right;}
.lang-en h1 em{font-size:2em;}
.lang-en h1 span{font-size:1em;margin:0em 1.6em 0 0;}

#Intro{align-items:start;line-height:1.4;}
#Intro .content{padding:1em;}
#Intro .lang-en{text-align:left;}
#Intro .content,.feature-content,.feature-text{width:90%;}
.feature-section.full-width .feature-content{width:100%;}
.card{border-radius:0.4em;}
.card:hover{transform:none;backdrop-filter:none;}
.card-content{padding:0;}
.card h3.card-label{font-size:0.9em;padding:0.1em 0.4em 0.2em 0.4em;}
.card-item{line-height:1.2;padding:0.8em 1em;}
.card-item:after{height:60%;background:linear-gradient(0deg,rgba(5,5,20,0.8) 0%, rgba(5,5,20,0) 100%)}
.feature-text{width:80%;}
.feature-content{padding:1em;}
.feature-content p{width:100%;}
.feature-container{position: relative;}
.feature-section{width:100%;background-size:100% auto;background-attachment:fixed;}
.feature-section.featured .feature-content{padding:66% 0 0 0;}
.feature-section h2{font-size:2em;}
[lang="zh"].feature-text h2 span{font-size:0.7em;}
[lang="zh"].feature-text h2 em{font-size:1.1em;}
[lang="en"].feature-text h2 span{font-size:0.7em;}
[lang="en"].feature-text h2 em{font-size:1.1em;line-height:1.2;}
.feature-story{width:100%;padding:1em;grid-template-columns:repeat(2, 1fr);gap:0.8em;}
.sticky-bg{background-size:auto 100%;}
#Feature01 .sticky-bg{background-image:url(../imgs/li-geng-wei-m.webp);}
#Feature02 .sticky-bg{background-image:url(../imgs/shen-yue-m.webp);}
#Feature03 .sticky-bg{background-image:url(../imgs/lin-fang-wei-m.webp);}

#Feature01 .feature-story{background-color:#334308;}
#Feature02 .feature-story{background-color:#151822;}
#Feature03 .feature-story{background-color:#251302;}
.container-9x16{width:100%;}
}