:root{--white:#fff;--black:#000;--off:#fefdf9;--panel:#ecedec;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#fff;font-family:Inter,Arial,sans-serif}.page{position:relative;min-height:100vh;overflow:hidden;background-image:linear-gradient(90deg,rgba(15,70,21,.28),rgba(80,130,26,.12)),url('https://images.higgs.ai/?default=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260624_110248_b62f758d-f68c-4045-a7b4-91771d6d0a0f.png&w=1280&q=85');background-size:cover;background-position:center;background-repeat:no-repeat}.page:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,72,16,.13),rgba(62,113,17,.05) 52%,rgba(0,0,0,.12));pointer-events:none}.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#123a2a;color:#fff}.brand{font:500 30px/1 'DM Sans',sans-serif;letter-spacing:-.05em}.nav-links{position:absolute;left:50%;display:flex;gap:40px;transform:translateX(-50%);font:500 18px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.9)}.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.icon-btn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.menu-btn{display:none}.mobile-menu{display:none}.hero{position:relative;z-index:1;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;padding:70px 40px 190px}.hero-copy{position:relative;z-index:3;max-width:900px}.hero h1{margin:0;font:400 clamp(48px,10.1vw,155px)/.81 'DM Sans',sans-serif;letter-spacing:-.07em}.headline-line{display:block;white-space:nowrap}.word{display:inline-block;overflow:hidden;vertical-align:bottom}.word>span{display:inline-block;opacity:0;animation:wordReveal .7s var(--ease) both}.word.dim{color:rgba(255,255,255,.45)}.inline-capsule{height:clamp(60px,10vw,160px);width:auto;margin-left:clamp(8px,1.5vw,24px);vertical-align:middle;transform-origin:center}.cta-row{display:flex;align-items:center;gap:50px;margin-top:75px}.explore-btn{display:inline-flex;align-items:center;justify-content:space-between;width:310px;height:72px;padding:0 23px;border-radius:6px;background:#000;color:#fff;font:500 22px/1 'Inter',sans-serif;letter-spacing:-.03em}.cta-row p{max-width:310px;margin:0;color:#fff;font:400 18px/1.45 'Inter',sans-serif;letter-spacing:-.03em}.desktop-product{position:absolute;z-index:2;display:block;width:clamp(600px,80vw,1412px);height:auto;right:clamp(-400px,-20vw,-100px);bottom:-10%;filter:drop-shadow(0 26px 25px rgba(0,0,0,.32));pointer-events:none}.mobile-product{display:none}.panels{position:relative;z-index:6;display:grid;grid-template-columns:2fr 1fr 2fr;color:#000}.panel{position:relative;min-height:205px;overflow:hidden}.panel-one{background:var(--panel);padding:30px 35px}.panel-one-content{position:relative;z-index:2}.panel-one h2{max-width:350px;margin:0 0 28px;font:400 35px/1.1 'DM Sans',sans-serif;letter-spacing:-.05em}.panel-one a{font:400 18px/1 'Inter',sans-serif;letter-spacing:-.03em;text-decoration:underline}.panel-one>img{position:absolute;right:0;bottom:0;height:100%;width:auto;mix-blend-mode:multiply}.panel-two{background:var(--off);padding:30px 28px 24px;display:flex;flex-direction:column;justify-content:space-between}.carousel-stage{position:relative;min-height:92px}.carousel-card{position:absolute;inset:0;display:flex;align-items:flex-start;gap:15px;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}.carousel-card.active{opacity:1;transform:translateY(0);pointer-events:auto}.card-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;color:#fff}.card-icon.black{background:#000}.card-icon.emerald{background:#065f46}.card-icon.cyan{background:#155e75}.card-icon.amber{background:#b45309}.carousel-card p{max-width:210px;margin:3px 0 0;color:rgba(0,0,0,.8);font:400 18px/1.2 'Inter',sans-serif;letter-spacing:-.03em}.dots{display:flex;gap:7px}.dots button{height:2px;flex:1;border:0;border-radius:999px;background:rgba(0,0,0,.2);cursor:pointer}.dots button.active{background:#000}.panel-three{display:flex;align-items:center;gap:28px;padding:26px 32px;background:#000;color:#fff}.panel-three>img{width:208px;height:142px;object-fit:contain}.panel-three strong{display:block;margin-bottom:8px;font:400 35px/1 'Inter',sans-serif;letter-spacing:-.05em}.panel-three p{max-width:220px;margin:0;color:rgba(255,255,255,.6);font:400 18px/1.2 'Inter',sans-serif}.animate-fade-in{animation:fadeIn .7s var(--ease) both}.animate-fade-up{animation:fadeUp .8s var(--ease) both}.animate-slide-left{animation:slideInLeft .8s var(--ease) both}.animate-slide-right{animation:slideInRight .8s var(--ease) both}.animate-scale-in{animation:scaleIn 1s var(--ease) both}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.delay-1100{animation-delay:1.1s}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wordReveal{from{opacity:0;transform:translateY(100%);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:1023px){.nav{padding:18px 32px}.nav-links{gap:22px;font-size:16px}.hero{min-height:680px;padding:70px 32px 260px}.desktop-product{display:none}.mobile-product{position:relative;display:block;z-index:2;width:151%;max-width:1296px;height:auto;align-self:center;margin:40px auto -220px;filter:drop-shadow(0 22px 25px rgba(0,0,0,.35))}.panel-one h2{font-size:28px}.panel-three{padding:20px}.panel-three>img{width:160px;height:110px}.panel-three strong{font-size:30px}.panel-three p{font-size:16px}}@media(max-width:767px){.nav{padding:16px 20px}.brand{font-size:27px}.nav-links{display:none}.nav-actions{gap:4px}.nav-actions .icon-btn:not(.menu-btn),.avatar{display:none}.menu-btn{display:grid}.mobile-menu{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:26px;background:rgba(0,0,0,.9);font:400 28px/1 'DM Sans',sans-serif}.mobile-menu a{color:#fff}.hero{min-height:580px;padding:70px 20px 70px}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-.06em}.headline-line{white-space:normal}.inline-capsule{display:none}.cta-row{flex-direction:column;align-items:stretch;gap:20px;margin-top:36px}.explore-btn{width:100%;height:56px;font-size:18px}.cta-row p{max-width:310px;font-size:14px}.mobile-product{width:180%;margin-top:10px;margin-bottom:-180px}.panels{grid-template-columns:1fr}.panel{min-height:185px}.panel-one{padding:26px 22px}.panel-one h2{font-size:28px;max-width:280px}.panel-one>img{height:100%;right:-18px}.panel-two{padding:24px 22px}.carousel-stage{min-height:78px}.carousel-card p{font-size:15px}.panel-three{padding:18px 20px}.panel-three>img{width:120px;height:82px}.panel-three strong{font-size:28px}.panel-three p{font-size:14px}}
.hero-title-cn{font-size:clamp(46px,7.2vw,112px)!important;line-height:.95!important;letter-spacing:-.06em!important}
.brand-logo-link{display:flex;align-items:center;height:44px}.brand-logo{display:block;width:84px;height:44px;object-fit:contain;object-position:left center}.hero-title-cn{font-size:clamp(42px,5.5vw,72px)!important;line-height:1.02!important;letter-spacing:-.055em!important;max-width:760px}.hero-title-cn .headline-line{white-space:normal}
.hero-title-cn{font-size:clamp(38px,4vw,58px)!important;max-width:650px!important}
.page{background:#f1f4ef!important;background-image:none!important}.page:before{display:none!important}.hero{background-image:url('photoused/campus2.png');background-position:center;background-size:cover;background-repeat:no-repeat}.desktop-product{width:clamp(520px,38vw,720px);right:clamp(-20px,1vw,24px);bottom:-8%;max-height:none;object-fit:contain}.mobile-product{width:82%;max-width:660px;margin:10px auto -100px;object-fit:contain}
@media(min-width:1024px){.desktop-product{width:clamp(460px,34vw,640px);right:clamp(-80px,-4vw,-30px);bottom:-8%}}
@media(max-width:1023px){.mobile-product{width:72%;max-width:540px;margin:10px -10% -100px auto;object-fit:contain;transform:translateX(-5%)}}
.hero-art-layer{position:absolute;top:80px;left:0;right:0;height:calc(100vh - 80px);z-index:30;pointer-events:none}.desktop-product,.mobile-product{z-index:30}
@media(min-width:1024px){.desktop-product{bottom:0}}
@media(max-width:1023px){.mobile-product{position:absolute;top:-86px;right:-9%;bottom:auto;width:72%;max-width:540px;margin:0;transform:translateX(-5%);z-index:30}}
@media(min-width:1024px){.desktop-product{width:clamp(560px,42vw,780px);right:clamp(-130px,-7vw,-36px)}}
@media(max-width:1023px){.mobile-product{width:96%;max-width:none;right:-16%;transform:translateX(-4%)}}
.hero-title-cn{font-size:clamp(50px,6vw,90px)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:760px!important}
@media(max-width:767px){.hero-title-cn{font-size:50px!important;line-height:1.02!important;max-width:330px!important}}
.privacy-label,.privacy-metrics article>span{font-size:18px!important}
.privacy-cta-logo{display:block;width:clamp(180px,18vw,260px);height:auto;margin:0 auto clamp(26px,3vw,38px);object-fit:contain}
.privacy-metrics strong{margin-top:8px!important}
.sliding-card img{width:128%!important;max-width:none!important;height:clamp(280px,38vh,430px)!important;margin-left:-4vw!important;object-fit:cover!important}
.sliding-card:nth-child(4) img{object-fit:cover!important;background:none!important;padding:0!important}
.sliding-card:nth-child(4) img{transform:scale(1.12)!important;transform-origin:center center}
@media(max-width:900px){.sliding-card img{width:125%!important;margin-left:-36px!important}}
@media(max-width:600px){.sliding-card img{width:116%!important;margin-left:-24px!important}}

/* 四个滑动板块的图片保持在墨绿色卡片内部，避免放大后被裁切。 */
.sliding-card img {
  width: 100% !important;
  max-width: 100% !important;
  height: clamp(225px, 32vh, 360px) !important;
  margin-left: 0 !important;
  object-fit: cover !important;
  transform: none !important;
}
.sliding-card:nth-child(4) img {
  object-fit: cover !important;
  background: none !important;
  padding: 0 !important;
  transform: none !important;
}
@media(max-width:900px){
  .sliding-card img { width: 100% !important; margin-left: 0 !important; }
}
@media(max-width:600px){
  .sliding-card img { width: 100% !important; margin-left: 0 !important; }
}

/* 底端 CTA：logo、标题和说明依次渐显并轻微弹跳入场。 */
.privacy-cta-logo,
.privacy-cta h4,
.privacy-cta p {
  opacity: 0;
  transform: translateY(26px) scale(.96);
  will-change: opacity, transform;
}
.privacy-cta.is-visible .privacy-cta-logo {
  animation: privacyCtaBounce 1.05s .04s cubic-bezier(.22,1,.36,1) both;
}
.privacy-cta.is-visible h4 {
  animation: privacyCtaBounce 1.05s .16s cubic-bezier(.22,1,.36,1) both;
}
.privacy-cta.is-visible p {
  animation: privacyCtaBounce 1.05s .28s cubic-bezier(.22,1,.36,1) both;
}
@keyframes privacyCtaBounce {
  0% { opacity: 0; transform: translate3d(0,22px,0) scale(.97); }
  52% { opacity: 1; transform: translate3d(0,-5px,0) scale(1.012); }
  72% { transform: translate3d(0,1.5px,0) scale(.998); }
  86% { transform: translate3d(0,-.8px,0) scale(1.002); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}
@media(prefers-reduced-motion: reduce){
  .privacy-cta-logo,
  .privacy-cta h4,
  .privacy-cta p {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}

/* 非滑动板块：进入视口播放，离开后清除状态，返回时再次播放。 */
[data-replay-motion] {
  opacity: 0;
  transform: translate3d(0,28px,0);
  transition: opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform;
}
[data-replay-motion].motion-visible {
  opacity: 1;
  transform: translate3d(0,0,0);
}
@media(prefers-reduced-motion: reduce){
  [data-replay-motion] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* 窄屏浏览器预览：手机图层向下留出顶部安全边距。 */
@media(max-width:1023px){
  .mobile-product { top: 120px !important; }
}

/* 宽屏浏览器缩放预览时，实际显示的是桌面手机图；同步向下留出顶部安全区。 */
@media(min-width:1024px){
  .desktop-product { bottom: -140px !important; }
}

/* 首屏 slogan 放宽，避免末尾词语在浏览器预览中被单独挤到下一行。 */
.hero-copy { max-width: 1100px; }

/* 开始探索文字稍向右移，箭头位置保持不变。 */
.explore-btn { padding-left: 36px !important; }

/* slogan 的每一行保持完整，尤其是末尾“更好”。 */
@media(min-width:768px){
  .hero-copy { width: min(1100px, calc(100vw - 48px)); max-width: none !important; }
  .hero-title-cn { width: 100%; max-width: none !important; }
  .hero-title-cn .headline-line { white-space: nowrap !important; }
}

/* 首页首屏：校园图铺满，导航悬浮为半透明胶囊。 */
.page { background: #f1f4ef !important; }
.nav {
  position: absolute;
  top: 24px;
  left: 50%;
  z-index: 80;
  width: max-content;
  min-width: 0;
  transform: translateX(-50%);
  min-height: 64px;
  padding: 9px 43px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 999px;
  background: rgba(26, 47, 35, .66);
  color: #fff;
  box-shadow: 0 14px 34px rgba(22, 42, 29, .16), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(14px) saturate(115%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
}
.brand-logo-link { position: absolute; top: 20px; left: 36px; z-index: 90; width: 84px; height: 56px; display: flex; align-items: center; }
.brand-logo { display: block; width: 84px; height: 54px; object-fit: contain; object-position: left center; }
.nav-links { position: static; width: auto; justify-content: center; transform: none; gap: clamp(16px, 1.8vw, 24px); font-size: 16px; color: rgba(255,255,255,.94); }
.nav-links a { color: inherit; text-decoration: none; white-space: nowrap; transition: color .2s ease, opacity .2s ease; }
.nav-links a:hover { color: #d8f1dd; }
.hero {
  min-height: 100vh !important;
  padding: clamp(140px, 17vh, 190px) clamp(24px, 6vw, 80px) clamp(90px, 12vh, 150px) !important;
  background-image: linear-gradient(90deg, rgba(13, 44, 27, .34), rgba(13, 44, 27, .06) 62%, rgba(0,0,0,.12)), url('photoused/campus2.png') !important;
  background-size: cover !important;
  background-position: center !important;
}
.hero-copy { z-index: 35; max-width: 760px; }
.hero-title-cn { color: #fff !important; text-shadow: 0 3px 20px rgba(15, 35, 22, .24); }
.explore-btn {
  background: #466b54 !important;
  border: 1px solid rgba(221, 245, 226, .24);
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(33, 73, 46, .22);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.explore-btn {
  border: none !important;
  border-radius: 999px !important;
  background: #466b54 !important;
  box-shadow: 0 12px 24px rgba(33, 73, 46, .22);
}
.explore-btn:hover { background: #527861 !important; transform: translateY(-2px); box-shadow: 0 16px 28px rgba(33, 73, 46, .28); }
.hero-art-layer { top: 0; height: 100vh; z-index: 100; }
.desktop-product, .mobile-product { z-index: 100 !important; }

@media(max-width:767px){
  .brand-logo-link { top: 12px; left: 20px; width: 64px; height: 40px; }
  .brand-logo { width: 64px; height: 38px; }
  .nav { top: 62px; width: calc(100% - 24px); min-height: 62px; padding: 10px 12px; }
  .nav-links { width: 100%; gap: 12px; font-size: 13px; }
  .hero { min-height: 100svh !important; padding: 152px 20px 80px !important; }
  .hero-copy { max-width: 100%; }
  .explore-btn { height: 58px; }
}