/* ===== 2026-10-25 动效体系：活跃 · 大气（jx-motion） ===== */
/* 1. Hero 极光呼吸 */
.jx-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.jx-aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;animation:jxBreath 14s ease-in-out infinite}
.jx-aurora i:nth-child(1){width:52vw;height:52vw;left:-12%;top:-20%;background:radial-gradient(circle,rgba(255,122,26,.32),transparent 65%)}
.jx-aurora i:nth-child(2){width:42vw;height:42vw;right:-10%;bottom:-16%;background:radial-gradient(circle,rgba(255,176,102,.2),transparent 65%);animation-delay:-7s}
@keyframes jxBreath{0%,100%{transform:scale(1) translate(0,0);opacity:.4}50%{transform:scale(1.15) translate(2%,-3%);opacity:.62}}

/* 2. Hero 入场编排 */
@keyframes jxUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.tech-hero-copy .tech-kicker{animation:jxUp .8s var(--jx-ease) .12s both}
.tech-hero-copy h1{animation:jxUp .9s var(--jx-ease) .24s both}
.tech-hero-copy>p{animation:jxUp .9s var(--jx-ease) .36s both}
.tech-hero-copy .tech-proof{animation:jxUp .9s var(--jx-ease) .48s both}
.tech-hero-copy .tech-hero-actions{animation:jxUp .9s var(--jx-ease) .6s both}

/* 3. 滚动进场 */
.jx-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s var(--jx-ease),transform .75s var(--jx-ease);transition-delay:var(--d,0s)}
.jx-reveal.jx-in{opacity:1;transform:none}

/* 4. 卡片微交互 */
#fh5co-about-us .border-radius{transition:transform .45s var(--jx-ease),border-color .45s var(--jx-ease),box-shadow .45s var(--jx-ease)}
#fh5co-about-us .border-radius:hover{transform:translateY(-8px)}
#fh5co-about-us .media-img img{transition:transform .55s var(--jx-ease)}
#fh5co-about-us .border-radius:hover .media-img img{transform:scale(1.1) rotate(-2deg)}
.gallery-item{transition:transform .5s var(--jx-ease)}
.gallery-item:hover{transform:translateY(-6px)}
.gallery-item .overlay h3,.gallery-item .overlay p{transition:color .35s var(--jx-ease)}
.gallery-item:hover .overlay h3{color:var(--jx-accent)}
.gallery-item img{transition:transform .6s var(--jx-ease),filter .6s var(--jx-ease)}
.gallery-item:hover img{transform:scale(1.06)}
/* AI 卡左侧 accent 生长条 */
#jx-ai .line-big>div>div{position:relative;overflow:hidden}
#jx-ai .line-big>div>div::before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:var(--jx-accent);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--jx-ease)}
#jx-ai .line-big>div>div:hover::before{transform:scaleY(1)}
/* 资讯日期 hover */
#fh5co-news-list .f-day{transition:color .3s var(--jx-ease)}
#fh5co-news-list .media:hover .f-day{color:var(--jx-accent)}
.jx-news-card{transition:transform .45s var(--jx-ease),border-color .45s var(--jx-ease),box-shadow .45s var(--jx-ease)}
.jx-news-thumb img{transition:transform .6s var(--jx-ease)}
.jx-news-card:hover .jx-news-thumb img{transform:scale(1.07)}
/* 5. CTA 按钮扫光 */
.tech-btn-primary{position:relative;overflow:hidden;isolation:isolate}
.tech-btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.42) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s var(--jx-ease);z-index:-1}
.tech-btn-primary:hover::after{transform:translateX(120%)}
.tech-btn{transition:transform .35s var(--jx-ease),box-shadow .35s var(--jx-ease),border-color .35s var(--jx-ease)}
.tech-btn:hover{transform:translateY(-2px)}
/* 6. 案例 tab 切换淡入 */
.show_content{animation:jxFade .45s var(--jx-ease)}
@keyframes jxFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* 7. 区块标题短线伸展 */
.full-screen-en-title::after{animation:jxGrow .8s var(--jx-ease) .15s both}
@keyframes jxGrow{from{width:0}to{width:26px}}
/* 8. 可访问性：减少动态 */
@media (prefers-reduced-motion:reduce){
  .jx-aurora,.jx-reveal,.jx-hero-in,.tech-hero-copy .tech-kicker,.tech-hero-copy h1,.tech-hero-copy>p,.tech-hero-copy .tech-proof,.tech-hero-copy .tech-hero-actions,.full-screen-en-title::after,.show_content{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
  .jx-reveal{opacity:1!important;transform:none!important}
}

/* 9. 大气细节：区块标题渐变 + kicker 装饰线 */
.full-screen-en-title{background:linear-gradient(180deg,#fffdf8 0%,#f2ece2 55%,#d8cfc0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tech-section-kicker,.tech-hero-copy .tech-kicker{position:relative;padding:0 34px}
.tech-hero-copy .tech-kicker::before,.tech-hero-copy .tech-kicker::after,.tech-section-kicker::before,.tech-section-kicker::after{content:"";position:absolute;top:50%;width:22px;height:1px;background:linear-gradient(90deg,transparent,var(--jx-accent))}
.tech-hero-copy .tech-kicker::before,.tech-section-kicker::before{left:0}
.tech-hero-copy .tech-kicker::after,.tech-section-kicker::after{right:0;background:linear-gradient(90deg,var(--jx-accent),transparent)}
/* 渐变文字在减少动态偏好下仍保留（纯视觉无动态） */