@charset "UTF-8";
/* 跨境首页动效：光晕、环绕轨道、进入视口渐入与轻量交互。 */
.portal-hero{position:relative;isolation:isolate;overflow:hidden}
.portal-hero::before{content:"";position:absolute;z-index:0;top:-44%;right:-13%;width:min(66vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 48%,#15e6d551 0,#0a819445 25%,#082b3c00 67%);filter:blur(25px);pointer-events:none;animation:portal-aurora 17s ease-in-out infinite alternate}
.portal-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#70d8df28 1px,transparent 1px),linear-gradient(90deg,#70d8df28 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 12%,#000 100%)}
.portal-hero .hero-text,.portal-hero .hero-art{position:relative;z-index:1}
.hero-art{transform:translate3d(var(--art-shift-x,0px),var(--art-shift-y,0px),0);transition:transform .45s cubic-bezier(.2,.7,.25,1)}
.hero-art::before{content:"";position:absolute;inset:13% 9%;border-radius:50%;background:#19d9d653;filter:blur(55px);pointer-events:none}
.hero-art>img{position:relative;z-index:1;animation:portal-art-float 7s ease-in-out infinite;will-change:transform}
.motion-orbit{position:absolute;z-index:0;pointer-events:none;border-radius:50%;inset:3% -4%;border:1px solid #5debd45c;box-shadow:inset 0 0 25px #20d7ca13,0 0 28px #20d7ca12;animation:portal-orbit 26s linear infinite}
.motion-orbit::after{content:"";position:absolute;left:14%;top:11%;width:9px;height:9px;border-radius:50%;background:#69f9e9;box-shadow:0 0 14px #5ef4e8,0 0 28px #5ef4e8}
.motion-orbit-inner{inset:13% 7%;border-style:dashed;border-color:#7ce8e63a;animation-direction:reverse;animation-duration:34s}
.motion-orbit-inner::after{width:6px;height:6px;left:79%;top:6%}
.motion-spark{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#b6fff5;box-shadow:0 0 12px #54f6e7,0 0 25px #54f6e7;pointer-events:none;animation:portal-spark 4s ease-in-out infinite}
.motion-spark-one{top:15%;left:12%}.motion-spark-two{right:10%;bottom:18%;animation-delay:2s}
.art-tag{z-index:3;animation:portal-tag-float 5.5s ease-in-out infinite}
.art-tag.tag-two{animation-delay:-2.6s}
.portal-header{transition:box-shadow .28s,border-color .28s}
.portal-header.is-scrolled{box-shadow:0 9px 30px #062d3b18;border-color:#bfd9df}

html.motion-enhanced .hero-text .overline{animation:portal-hero-enter .65s both}
html.motion-enhanced .hero-text h1{animation:portal-hero-enter .8s .08s both}
html.motion-enhanced .hero-text>p{animation:portal-hero-enter .8s .18s both}
html.motion-enhanced .hero-actions{animation:portal-hero-enter .8s .27s both}
html.motion-enhanced .hero-note{animation:portal-hero-enter .8s .36s both}
html.motion-enhanced .hero-art{animation:portal-hero-enter .9s .2s both}
html.motion-enhanced .motion-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.75,.22,1);transition-delay:var(--reveal-delay,0ms)}
html.motion-enhanced .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}

@media(hover:hover) and (pointer:fine){
  .workspace-card,.service-grid article,.ai-grid article,.about-cards article{transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s,box-shadow .32s,background-color .32s}
  .workspace-card:hover{transform:translateY(-8px);border-color:#57c9bd;box-shadow:0 24px 46px #093d5020}
  .service-grid article:hover,.ai-grid article:hover{transform:translateY(-6px)}
  .service-grid article:hover{border-color:#48c3b8;box-shadow:0 18px 35px #0b63771c}
  .ai-grid article:hover{background:#ffffff12;border-color:#52dacc88;box-shadow:0 16px 32px #001a2c35}
  .about-cards article:hover{transform:translateX(5px);border-color:#36c6bc}
  html.motion-enhanced .workspace-card.motion-reveal.is-visible:hover{transform:translateY(-8px)}
  html.motion-enhanced .service-grid article.motion-reveal.is-visible:hover,html.motion-enhanced .ai-grid article.motion-reveal.is-visible:hover{transform:translateY(-6px)}
  html.motion-enhanced .about-cards article.motion-reveal.is-visible:hover{transform:translateX(5px)}
  .cta,.header-entry{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,background-color .25s,border-color .25s}
  .cta:hover,.header-entry:hover{transform:translateY(-3px);box-shadow:0 12px 26px #001e2a26}
  .cta::after{content:"";position:absolute;top:-60%;left:-40%;width:30%;height:230%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(25deg) translateX(-230%);transition:transform .7s;pointer-events:none}
  .cta:hover::after{transform:rotate(25deg) translateX(620%)}
}

@keyframes portal-aurora{from{transform:translate3d(-5%,3%,0) scale(.9);opacity:.55}to{transform:translate3d(6%,-4%,0) scale(1.13);opacity:.9}}
@keyframes portal-orbit{to{transform:rotate(360deg)}}
@keyframes portal-art-float{50%{transform:translateY(-9px)}}
@keyframes portal-tag-float{50%{transform:translateY(-7px)}}
@keyframes portal-spark{50%{opacity:.3;transform:scale(.6)}}
@keyframes portal-hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:760px){
  .portal-hero::before{width:110vw;top:27%;right:-43%;filter:blur(32px)}
  .motion-orbit{inset:12% 0}.motion-orbit-inner{inset:20% 9%}
  .hero-art{transform:none!important}
  .art-tag{animation-duration:6.5s}
}
@media(prefers-reduced-motion:reduce){
  .portal-hero::before,.motion-orbit,.motion-spark,.hero-art>img,.art-tag,html.motion-enhanced .hero-text .overline,html.motion-enhanced .hero-text h1,html.motion-enhanced .hero-text>p,html.motion-enhanced .hero-actions,html.motion-enhanced .hero-note,html.motion-enhanced .hero-art{animation:none!important}
  .hero-art,.portal-header,.cta,.header-entry,.workspace-card,.service-grid article,.ai-grid article,.about-cards article{transition:none!important;transform:none!important}
  html.motion-enhanced .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
}