:root{
  --bg:#01190d;
  --panel:#003a22;
  --panel-2:#004329;
  --green:#12e761;
  --green2:#0dc958;
  --gold:#f4da8f;
  --text:#f7fff9;
  --muted:#b6c9bf;
  --header-h:52px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
.shell{width:min(1540px,calc(100% - 48px));margin:0 auto}

.site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:50;background:rgba(0,35,24,.93);border-bottom:1px solid rgba(255,255,255,.04);backdrop-filter:blur(12px)}
.nav-shell{width:min(1480px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand img{width:93px;height:auto}
.desktop-nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}
.desktop-nav a{opacity:.94;transition:.2s}
.desktop-nav a:hover,.desktop-nav a.active{color:#ffe89c}
.menu-btn{display:none;border:0;background:none;width:38px;padding:8px}
.menu-btn span{height:2px;background:#fff;margin:5px 0;display:block}
.mobile-nav{display:none}

.hero{position:relative;margin-top:var(--header-h);width:100%;aspect-ratio:1920/780;background:#000;overflow:hidden}
.hero-track,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;pointer-events:none;transition:opacity .75s ease;background:#000}
.hero-slide.is-active{opacity:1;pointer-events:auto}
.hero-slide img,.hero-slide video{width:100%;height:100%;object-fit:contain;object-position:center;background:#000}
.hero-arrow{position:absolute;top:50%;translate:0 -50%;z-index:5;border:0;background:rgba(0,0,0,.25);color:white;width:46px;height:70px;font-size:42px;opacity:0;transition:.2s}
.hero:hover .hero-arrow{opacity:1}
.hero-arrow.prev{left:14px}
.hero-arrow.next{right:14px}
.hero-dots{position:absolute;z-index:6;left:50%;bottom:13px;translate:-50% 0;display:flex;gap:8px}
.hero-dots button{width:28px;height:3px;border:0;padding:0;background:rgba(255,255,255,.25)}
.hero-dots button.active{background:#18d55d}

.news-zone,.section-shell,.brand-title,.feature-row,.site-footer{background:var(--bg)}
.news-zone{padding:50px 0 88px;border-top:2px solid rgba(224,190,93,.95)}
.download-row{display:flex;justify-content:center;align-items:center;gap:74px;margin:18px 0 38px}
.download-image-btn{display:block;width:158px;transition:transform .28s ease,filter .28s ease,box-shadow .28s ease;transform-origin:center}
.download-image-btn:hover{transform:translateY(-5px) scale(1.035);filter:brightness(1.08);box-shadow:0 16px 28px rgba(0,0,0,.22),0 0 18px rgba(18,231,97,.14)}
.download-image-btn img{display:block;width:100%;height:auto}
.section-heading{text-align:center;padding:58px 0 38px}
.section-heading.compact{padding:16px 0 28px}
.section-heading h2{margin:0;color:var(--gold);font-size:34px}
.section-heading p{font-size:15px;margin:14px 0 0;font-weight:700}

.news-layout{display:grid;grid-template-columns:minmax(0,1.56fr) minmax(420px,.96fr);gap:20px;max-width:1460px;align-items:stretch;min-height:620px}
.news-feature{height:620px;min-width:0;background:var(--panel-2);display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:transform .32s ease,box-shadow .32s ease}
.news-feature img{width:100%;height:100%;object-fit:cover;transition:transform .42s ease}
.news-feature-copy{padding:22px 30px 26px;min-height:140px}
.news-feature-copy h3{font-size:20px;margin:0 0 10px;color:#ffffff}
.news-feature-copy p{font-size:14px;line-height:1.7;color:#eefaf3;margin:0 0 12px;font-weight:700}
.news-feature-copy time{font-size:14px;color:#9ed0af;font-weight:700}
.news-list{display:grid;grid-template-rows:repeat(5,1fr);gap:12px;height:620px;padding-left:0}
.news-item{min-height:0;background:var(--panel);display:grid;grid-template-columns:200px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .32s ease,box-shadow .32s ease,background .32s ease}
.news-item img{width:200px;height:100%;object-fit:cover;transition:transform .42s ease}
.news-item div{padding:14px 16px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.news-item h3{font-size:15px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#ffffff;font-weight:700}
.news-item p{font-size:13px;margin:0;color:#95c7ab}
.news-item time{display:block;margin-top:10px;font-size:13px;color:#9ed0af;font-weight:700}
.news-feature:hover,.news-item:hover{transform:translateY(-8px);box-shadow:0 18px 36px rgba(0,0,0,.24),0 0 22px rgba(18,231,97,.10)}
.news-feature:hover img,.news-item:hover img{transform:scale(1.04)}

.ambassadors{padding-bottom:118px}
.ambassador-grid{display:grid;grid-template-columns:1fr 1fr;gap:160px;max-width:1320px;align-items:end}
.ambassador-card{margin:0;display:flex;align-items:flex-end;justify-content:center;min-width:0}
.ambassador-card img{width:100%;max-width:520px;height:auto;object-fit:contain;filter:drop-shadow(0 24px 38px rgba(0,255,112,.14));transition:transform .35s ease,filter .35s ease}
.ambassador-card img:hover{transform:translateY(-12px) scale(1.04);filter:drop-shadow(0 32px 44px rgba(0,255,112,.18))}

.friends{padding-bottom:128px}
.friend-carousel{position:relative;display:flex;align-items:center;gap:36px;max-width:1480px}
.friend-window{overflow:hidden;flex:1}
.friend-track{display:flex;gap:60px;transition:transform .45s ease}
.friend-track figure{margin:0;flex:0 0 calc((100% - 180px)/4);transition:transform .32s ease,filter .32s ease}
.friend-track figure:hover{transform:translateY(-10px) scale(1.045);filter:drop-shadow(0 22px 34px rgba(0,255,112,.18))}
.friend-track img{width:100%;filter:drop-shadow(0 12px 20px rgba(0,255,112,.12));transition:inherit}
.friend-arrow{border:0;background:none;color:#fff;font-size:58px;width:44px;opacity:.9;transition:.2s}
.friend-arrow:hover{color:var(--gold);transform:scale(1.08)}
.brand-title{padding-top:8px}
.brand-title .section-heading{padding-bottom:14px}

.feature-row{min-height:780px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:120px;padding:94px 0}
.feature-row.reverse .feature-copy{order:2}
.feature-row.reverse .feature-media{order:1}
.feature-copy h3{font-size:42px;color:#18e968;line-height:1.42;margin:0 0 30px}
.feature-copy p{font-size:18px;line-height:1.85;font-weight:700;max-width:620px;margin:0 0 26px}
.feature-copy a{color:#1be968;font-size:22px;transition:color .2s ease,letter-spacing .2s ease}
.feature-copy a:hover{color:#84ffaf;letter-spacing:.6px}
.feature-media{display:flex;justify-content:center;align-items:center}
.feature-media img{width:min(860px,122%);max-height:760px;object-fit:contain;filter:drop-shadow(0 30px 42px rgba(0,255,100,.10));transition:transform .36s ease,filter .36s ease}
#feature5 .feature-media img{width:min(960px,132%)}
#feature6 .feature-media img{width:min(860px,126%)}
#feature7 .feature-media img{width:min(760px,116%)}
#feature8 .feature-media img{width:min(760px,116%)}
.feature-media img:hover{transform:translateY(-12px) scale(1.045);filter:drop-shadow(0 36px 48px rgba(0,255,100,.16))}
.last-feature{padding-bottom:150px}
.reveal{opacity:.25;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in-view{opacity:1;transform:none}

.site-footer{border-top:1px solid rgba(255,255,255,.18);padding:60px 0 72px}
.footer-shell{display:flex;justify-content:space-between;align-items:flex-end}
.footer-links{display:flex;flex-direction:column;gap:32px;font-size:17px;font-weight:700}
.footer-links a{transition:color .2s ease,transform .2s ease}
.footer-links a:hover{color:var(--gold);transform:translateX(4px)}
.footer-brand{text-align:center}
.footer-brand img{width:172px;margin:0 auto 26px;transition:transform .3s ease}
.footer-brand img:hover{transform:scale(1.04)}
.footer-brand p{font-size:14px;font-weight:700}

@media (max-width:1200px){
  .shell{width:min(1080px,calc(100% - 52px))}
  .nav-shell{width:min(1080px,calc(100% - 52px))}
  .news-layout{max-width:1040px;min-height:520px;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:16px}
  .news-feature{height:520px}
  .news-list{height:520px}
  .news-item{grid-template-columns:150px 1fr}
  .news-item img{width:150px}
  .ambassador-grid{max-width:920px;gap:95px}
  .ambassador-card img{max-width:360px}
  .friend-carousel{max-width:1040px}
  .friend-track{gap:36px}
  .friend-track figure{flex-basis:calc((100% - 108px)/4)}
  .feature-row{gap:70px;min-height:620px;padding:76px 0}
  .feature-copy h3{font-size:31px}
  .feature-copy p{font-size:15px}
  .feature-media img{width:min(640px,112%);max-height:560px}
  #feature5 .feature-media img{width:min(700px,120%)}
  #feature6 .feature-media img{width:min(650px,114%)}
  #feature7 .feature-media img,#feature8 .feature-media img{width:min(600px,108%)}
}

@media (max-width:900px){
  .shell{width:min(100% - 40px,820px)}
  .nav-shell{width:min(100% - 36px,820px)}
  .desktop-nav{display:none}
  .menu-btn{display:block}
  .mobile-nav{position:absolute;top:52px;left:0;right:0;background:rgba(0,28,19,.98);padding:12px 22px 18px;display:none;flex-direction:column}
  .mobile-nav.open{display:flex}
  .mobile-nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
  .hero{aspect-ratio:1920/780}
  .download-row{gap:18px;flex-wrap:wrap}
  .download-image-btn{width:118px}
  .news-layout{grid-template-columns:1fr;min-height:auto}
  .news-feature{height:auto}
  .news-feature img{height:48vw;min-height:220px}
  .news-list{height:auto;margin-top:10px;display:flex;flex-direction:column}
  .news-item{min-height:82px;grid-template-columns:145px 1fr}
  .news-item img{width:145px;height:100%}
  .ambassador-grid{gap:40px}
  .ambassador-card img{max-width:280px}
  .friend-track{gap:22px}
  .friend-track figure{flex-basis:calc((100% - 44px)/3)}
  .feature-row{gap:35px;min-height:470px;padding:50px 0}
  .feature-copy h3{font-size:24px}
  .feature-copy p{font-size:13px}
  .feature-media img,#feature5 .feature-media img,#feature6 .feature-media img,#feature7 .feature-media img,#feature8 .feature-media img{width:min(100%,620px);max-height:430px}
  .footer-links{font-size:15px}
  .footer-brand img{width:150px}
}

@media (max-width:620px){
  :root{--header-h:50px}
  .shell{width:min(100% - 28px,620px)}
  .brand img{width:88px}
  .hero{aspect-ratio:1920/780;min-height:0}
  .hero-arrow{display:none}
  .hero-dots{bottom:7px}
  .hero-dots button{width:20px}
  .news-zone{padding-top:18px}
  .download-row{margin-top:4px;gap:10px}
  .download-image-btn{width:104px}
  .section-heading{padding:31px 0 22px}
  .section-heading h2{font-size:20px}
  .news-feature img{height:54vw}
  .news-item{grid-template-columns:105px 1fr;min-height:62px}
  .news-item img{width:105px}
  .ambassador-grid{grid-template-columns:1fr 1fr;gap:14px}
  .ambassador-card img{max-width:220px}
  .friend-track{gap:16px}
  .friend-track figure{flex-basis:calc((100% - 16px)/2)}
  .friend-arrow{font-size:38px}
  .feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:8px;padding:40px 0 56px;min-height:auto}
  .feature-row .feature-copy,.feature-row .feature-media,.feature-row.reverse .feature-copy,.feature-row.reverse .feature-media{order:unset}
  .feature-copy{text-align:left}
  .feature-copy h3{font-size:19px;margin-bottom:14px}
  .feature-media img,#feature5 .feature-media img,#feature6 .feature-media img,#feature7 .feature-media img,#feature8 .feature-media img{max-height:360px;width:100%}
  .footer-shell{align-items:center;gap:30px}
  .footer-links{font-size:14px;gap:18px}
  .footer-brand{text-align:right}
  .footer-brand img{margin-left:auto;margin-right:0;width:132px}
  .footer-brand p{font-size:12px}
}