/* YAKESI motion system: restrained, memorable, progressively enhanced. */
:root{--motion-x:50%;--motion-y:28%}html{scroll-behavior:smooth}body{transition:opacity .22s ease,filter .22s ease}body.page-leave{opacity:0;filter:blur(3px)}
body:has(.studio-nav)::before,.detail-dark::before{content:"";position:fixed;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(circle at var(--motion-x) var(--motion-y),rgba(115,225,210,.105),transparent 25%),radial-gradient(circle at 78% 20%,rgba(149,128,255,.075),transparent 28%);filter:blur(28px);animation:cosmic-breathe 12s ease-in-out infinite alternate}.aurora{animation:aurora-drift 14s ease-in-out infinite alternate;will-change:transform}.aurora-b{animation-delay:-6s;animation-direction:alternate-reverse}
.motion-ready [data-motion]{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}.motion-ready [data-motion].is-visible{opacity:1;transform:none}.motion-ready [data-motion]:not(.is-visible){pointer-events:none}
.motion-card{position:relative;isolation:isolate;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s ease,box-shadow .28s ease;--card-x:50%;--card-y:50%}.motion-card::before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--card-x) var(--card-y),rgba(115,225,210,.16),transparent 58%);transition:opacity .3s ease}
@media(hover:hover){.motion-card:hover{transform:translateY(-5px);border-color:rgba(115,225,210,.48)!important;box-shadow:0 20px 48px rgba(8,12,20,.18)}.motion-card:hover::before{opacity:1}.motion-card img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.motion-card:hover img{transform:scale(1.03)}}
button,.button,.primary-btn,.secondary-btn,.nav-cta,.header-cta,.choice-actions a,.gateway-actions a{transition:transform .18s ease,box-shadow .25s ease,filter .25s ease}button:active,.button:active,.primary-btn:active,.secondary-btn:active,.nav-cta:active,.header-cta:active,.choice-actions a:active,.gateway-actions a:active{transform:translateY(1px) scale(.985)!important}@media(hover:hover){.primary-btn:hover,.nav-cta:hover,.header-cta:hover,.quote-link:hover{filter:brightness(1.06);box-shadow:0 0 0 5px rgba(115,225,210,.08),0 12px 30px rgba(64,218,198,.18)}}
.process-list li{position:relative;transition:background .35s ease,padding-left .35s ease}.process-list li>span{transition:color .3s ease,text-shadow .3s ease,transform .3s ease}.process-list li.motion-active{padding-left:18px;background:linear-gradient(90deg,rgba(115,225,210,.08),transparent 52%)}.process-list li.motion-active>span{color:#9effd8;text-shadow:0 0 14px rgba(115,225,210,.65);transform:scale(1.08)}
details{overflow:hidden}details summary i{transition:transform .25s ease}details[open] summary i{transform:rotate(45deg)}.gateway-qr,.brief-qr,.qr-card,.detail-contact-qr{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@media(hover:hover){.gateway-qr:hover,.brief-qr:hover,.qr-card:hover,.detail-contact-qr:hover{transform:translateY(-4px) scale(1.018);box-shadow:0 18px 45px rgba(0,0,0,.18)}}.copyable-phone{cursor:pointer}.copyable-phone::after{content:" 点击复制";margin-left:8px;opacity:.52;font-size:10px;font-weight:600}.copyable-phone.copied::after{content:" 已复制";opacity:1}
/* Main ship identity and hub navigation. */
.hero-orbit{animation:ship-float 7s ease-in-out infinite alternate}.planet{animation:planet-pulse 5s ease-in-out infinite alternate}.satellite{animation:satellite-float 4.8s ease-in-out infinite alternate}.sat-b{animation-delay:-1.5s}.sat-c{animation-delay:-3s}
.site-header nav a,.studio-nav nav a{position:relative;transition:color .25s ease}.site-header nav a::after,.studio-nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;border-radius:2px;background:currentColor;transition:right .3s cubic-bezier(.22,1,.36,1)}.site-header nav a.nav-active,.studio-nav nav a.nav-active{color:var(--purple,#73e1d2)}.site-header nav a.nav-active::after,.studio-nav nav a.nav-active::after{right:0}
.knowledge-page>h1,.hub-hero h1,.detail-hero h1{animation:title-arrive .7s cubic-bezier(.22,1,.36,1) both}.tool-logo{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}@media(hover:hover){.tool-card:hover .tool-logo{transform:rotate(-6deg) scale(1.08);box-shadow:0 10px 22px rgba(50,35,100,.16)}}
@keyframes cosmic-breathe{to{transform:translate3d(2.5%,-1.5%,0) scale(1.04)}}@keyframes aurora-drift{to{transform:translate3d(3%,-2%,0) scale(1.06)}}@keyframes ship-float{to{transform:rotate(1deg) translateY(-8px)}}@keyframes planet-pulse{to{box-shadow:inset -20px -20px 55px rgba(30,10,100,.2),0 25px 68px rgba(117,87,255,.42)}}@keyframes satellite-float{to{translate:0 -7px}}@keyframes title-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:700px){body:has(.studio-nav)::before,.detail-dark::before{animation:none;filter:blur(18px)}.motion-ready [data-motion]{transform:translateY(14px);transition-duration:.56s}.process-list li.motion-active{padding-left:8px}.hero-orbit{animation-duration:9s}.satellite{animation:none}}
@media(max-width:700px),(pointer:coarse){html{scroll-behavior:auto!important}body:has(.studio-nav)::before,.detail-dark::before,.aurora,.hub-glow{display:none!important}.hero-orbit,.planet,.satellite{animation:none!important;will-change:auto}.motion-ready [data-motion],.motion-ready [data-motion].is-visible{opacity:1!important;transform:none!important;transition:none!important;pointer-events:auto}.motion-card{transition:none;box-shadow:none!important}.motion-card::before{display:none}.process-list li,.process-list li>span{transition:none}.site-header,.studio-nav{position:absolute!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.brief-dialog::backdrop,.contact-dialog::backdrop{backdrop-filter:none!important}.gateway-qr,.brief-qr,.qr-card,.detail-contact-qr{transition:none}body.page-leave{opacity:1;filter:none}.stars{display:none!important}.hero-reel figure,.listing-card,.bundle-featured,.contact,.aigc-entry{box-shadow:none!important}.listing-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.listing-stage::before{display:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.aurora,body::before,*{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.motion-ready [data-motion]{opacity:1!important;transform:none!important}.motion-card:hover{transform:none!important}}