/* 首屏收敛为“人物 + 文字 + 光感”的画廊式构图，避免装饰元素争夺焦点。 */
.hero-v2{isolation:isolate}
.hero-v2 .hero-art{right:4%;top:51%;width:min(40vw,520px);height:min(48vw,590px);max-height:590px;border-radius:260px 260px 36px 36px;background:linear-gradient(152deg,#10172e 2%,#283a7e 46%,#869ff0 100%);box-shadow:0 38px 90px rgba(26,38,91,.22);transform:translateY(calc(-50% + var(--scene-y))) scale(.94)}
.motion-on.is-ready .hero-v2 .hero-art{transform:translateY(calc(-50% + var(--scene-y))) scale(1)}
.hero-v2 .hero-art:before{inset:-14%;border-radius:50%;background:radial-gradient(circle at 48% 45%,rgba(255,255,255,.66),rgba(174,198,255,.13) 29%,transparent 58%);mask:none;opacity:.8;animation:hero-halo 10s cubic-bezier(.45,0,.2,1) infinite alternate}
.hero-v2 .hero-art:after{left:-48%;top:-25%;width:55%;height:160%;opacity:.28;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:rotate(24deg);mix-blend-mode:screen;animation:hero-glint 8.6s cubic-bezier(.65,0,.35,1) 1.5s infinite}
.hero-v2 .art-planet{width:87%;height:45%;left:6.5%;top:52%;border-radius:50% 50% 16px 16px;background:radial-gradient(70% 110% at 50% 2%,#b8c8ff 0,#6480e8 26%,#222d72 63%,#11162f 100%);box-shadow:inset 0 24px 28px rgba(255,255,255,.16);opacity:.92;transform:scale(.98)}
.hero-v2 .art-grid{inset:5.5%;border:1px solid rgba(255,255,255,.25);border-radius:250px 250px 28px 28px;transform:none;animation:none!important}
.hero-v2 .art-grid:after{inset:6%;border-color:rgba(255,255,255,.12);border-radius:220px 220px 21px 21px}
.hero-v2 .disc-a,.hero-v2 .disc-b{z-index:4;width:18%;height:18%;filter:blur(.2px);mix-blend-mode:screen;opacity:.82}
.hero-v2 .disc-a{right:6%;bottom:16%;background:radial-gradient(circle at 35% 35%,#fff9d5,#f5bb72 40%,#c16658 70%,transparent 71%)}
.hero-v2 .disc-b{left:7%;bottom:23%;background:radial-gradient(circle at 35% 35%,#f6efff,#9ea9ff 41%,#5c4eb9 71%,transparent 72%)}
.hero-v2 .portrait-frame{left:18%;top:15%;width:64%;height:73%;border:1px solid rgba(255,255,255,.85);border-radius:48% 48% 5px 5px;box-shadow:0 24px 50px rgba(5,12,38,.32);transform:translateY(22px);clip-path:inset(100% 0 0 0)}
.hero-v2 .portrait-frame img{object-position:center 20%;filter:contrast(1.03) saturate(.88)}
.hero-v2 .hero-art p{left:9%;top:9%;font-family:var(--cn-display,"PingFang SC",sans-serif);font-size:clamp(25px,2.45vw,38px);font-weight:640;line-height:.8;letter-spacing:-.095em;text-shadow:0 3px 18px rgba(8,13,40,.24)}
.hero-v2 .hero-art p em{font-family:inherit;font-style:normal;font-weight:310;letter-spacing:-.1em}
.hero-v2 .hero-art small{right:8%;bottom:8%;font-size:8px;letter-spacing:.14em}
.is-cinematic .hero-v2 .portrait-frame{transform:translateY(0);clip-path:inset(0 0 0 0);transition-delay:.23s}
.is-cinematic .hero-v2 .art-planet{transform:scale(1);transition-delay:.05s}
.is-cinematic .hero-v2 .disc-a{animation:hero-drift-a 7.5s cubic-bezier(.45,0,.2,1) 1.1s infinite alternate!important}
.is-cinematic .hero-v2 .disc-b{animation:hero-drift-b 8.5s cubic-bezier(.45,0,.2,1) 1.3s infinite alternate!important}
@keyframes hero-halo{from{transform:translate(-2%,-2%) scale(.94);opacity:.54}to{transform:translate(5%,4%) scale(1.06);opacity:.91}}
@keyframes hero-glint{0%,58%,100%{transform:rotate(24deg) translateX(-15vw);opacity:0}70%{opacity:.46}88%{transform:rotate(24deg) translateX(135vw);opacity:0}}
@keyframes hero-drift-a{to{transform:translate(-10px,7px) scale(1.04)}}
@keyframes hero-drift-b{to{transform:translate(8px,-10px) scale(.95)}}
@media(max-width:800px){.hero-v2 .hero-art{right:-43px;top:38%;width:315px;height:370px}.hero-v2 .hero-art p{font-size:27px}.hero-v2 .portrait-frame{left:18%;width:64%;height:73%}}
@media(prefers-reduced-motion:reduce){.hero-v2 .hero-art:before,.hero-v2 .hero-art:after,.hero-v2 .disc-a,.hero-v2 .disc-b{animation:none!important}.hero-v2 .hero-art{transform:translateY(-50%)!important}.hero-v2 .portrait-frame{clip-path:none;transform:none!important}}
