/* 空状态 3D 动画（11-01） */
.pm3d{position:relative;perspective:760px;perspective-origin:50% 30%}
.pm3d .world,.pm3d .world *{transform-style:preserve-3d;position:absolute;left:0;top:0}
.pm3d .world{left:53%;top:68%;transform:scale3d(.52,.52,.52) rotateX(-22deg)}
.pm3d .cam{transform:rotateY(-32deg)}
.pm3d .box{width:0;height:0}
.pm3d .f{backface-visibility:hidden;border-radius:var(--r,3px)}
.pm3d .shadow{width:380px;height:380px;left:-190px;top:-190px;border-radius:50%;background:radial-gradient(closest-side,#000a,#0000);transform:translateY(46px) rotateX(90deg)}
.pm3d .floor-glow{width:360px;height:360px;left:-180px;top:-180px;border-radius:50%;background:radial-gradient(closest-side,#ff7a1a26,#0000);transform:translateY(44px) rotateX(90deg);animation:p3-pulse 3s ease-in-out infinite}
.pm3d .disc-l{border-radius:50%}
.pm3d .ring{width:150px;height:150px;left:-75px;top:-75px;border-radius:50%;border:2px solid #ffb25b;transform:translateY(-30px) rotateX(90deg) scale(.4);opacity:0;animation:p3-ring 3s ease-out infinite}
.pm3d .r2{animation-delay:1.5s}
.pm3d .frame{animation:p3-float 5s ease-in-out infinite}
.pm3d .spin{animation:p3-spin 10s linear infinite}
.pm3d .bar .f{background:linear-gradient(135deg,#ffcb7ee6,#ff8a22d9 55%,#ffb04ee6);box-shadow:inset 0 0 0 1px #ffe6c077}
.pm3d .bar .f.side{background:linear-gradient(135deg,#ff9a34d9,#c9580cd9)}
.pm3d .bar .f.top{background:linear-gradient(135deg,#ffe2b0,#ffae57)}
.pm3d .pane{background:#ff8a2a1f;backface-visibility:visible}
.pm3d .robot{transform:translate3d(-186px,-14px,104px) rotateY(26deg)}
.pm3d .r-hover{animation:p3-hover 2.6s ease-in-out infinite}
.pm3d .r-hop{animation:p3-hop 8s ease-in-out infinite}
.pm3d .r-head{top:-40px;animation:p3-track 10s ease-in-out infinite}
.pm3d .r-body{top:6px}
.pm3d .r-screen{width:54px;height:36px;left:-27px;top:-18px;border-radius:12px;background:linear-gradient(160deg,#3a322e,#1c1817);box-shadow:inset 0 0 0 2px #15110f,0 0 0 2px #ffb97a55;transform:translateZ(27px)}
.pm3d .r-eye{left:12px;top:9px;width:10px;height:16px;border-radius:6px;background:#ffd08f;box-shadow:0 0 10px #ffb25b;animation:p3-blink 5s linear infinite}
.pm3d .r-eye2{left:32px}
.pm3d .r-smile{left:21px;top:27px;width:12px;height:5px;border-bottom:2px solid #ffd08f;border-radius:0 0 8px 8px;opacity:.85;animation:p3-smile 8s linear infinite}
.pm3d .r-ant{top:-29px;left:-1.5px;width:3px;height:12px;background:#c9580c;animation:p3-ant 2.6s ease-in-out infinite;transform-origin:50% 100%}
.pm3d .r-ant i{left:-3px;top:-8px;width:9px;height:9px;border-radius:50%;background:#ffd08f;box-shadow:0 0 12px #ffb25b}
.pm3d .r-arm{top:8px}
.pm3d .r-arm-l{transform:translateX(-36px);animation:p3-armL 8s ease-in-out infinite}
.pm3d .r-arm-r{transform:translateX(36px);animation:p3-armR 8s ease-in-out infinite}
.pm3d .r-jet{left:-13px;top:21px;width:26px;height:26px;border-radius:50%;background:radial-gradient(closest-side,#fff0d0,#ff9a3dcc 45%,#ff7a1a00);transform:rotateX(90deg);animation:p3-jet .5s ease-in-out infinite alternate}
.pm3d .r-shadow{left:-38px;top:20px;width:76px;height:76px;border-radius:50%;background:radial-gradient(closest-side,#000a,#0000);transform:translateY(38px) rotateX(90deg);animation:p3-rshadow 2.6s ease-in-out infinite}
.pm3d .px{width:7px;height:7px;background:#ffb25b;box-shadow:0 0 8px #ff9a3d;opacity:0;animation:p3-rise 3s linear infinite}
.pm3d .edge .f{animation:p3-edge 3s ease-in-out infinite;box-shadow:0 0 14px #ff7a1a}
@keyframes p3-float{0%,100%{transform:translateY(-4px)}50%{transform:translateY(-18px)}}
@keyframes p3-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes p3-edge{0%,100%{opacity:.72}50%{opacity:1}}
@keyframes p3-ring{0%{transform:translateY(-30px) rotateX(90deg) scale(.4);opacity:0}18%{opacity:.8}100%{transform:translateY(-30px) rotateX(90deg) scale(1.1);opacity:0}}
@keyframes p3-rise{0%{transform:translateY(-34px) rotateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-190px) rotateY(360deg);opacity:0}}
@keyframes p3-hop{0%,70%,100%{transform:translateY(0)}73%{transform:translateY(5px) scale3d(1.06,.92,1.06)}79%{transform:translateY(-30px) scale3d(.96,1.05,.96)}85%{transform:translateY(0) scale3d(1.05,.94,1.05)}90%{transform:translateY(-7px)}95%{transform:translateY(0)}}
@keyframes p3-spin{to{transform:rotateY(360deg)}}
@keyframes p3-blink{0%,10%,13%,48%,51%,54%,100%{transform:translateZ(1px) scaleY(1)}11.5%,49.5%,52.5%{transform:translateZ(1px) scaleY(.1)}}
@keyframes p3-hover{0%,100%{transform:translateY(3px)}50%{transform:translateY(-9px)}}
@keyframes p3-track{0%,100%{transform:rotateY(-30deg) rotateX(-4deg)}25%{transform:rotateY(10deg) rotateX(2deg)}50%{transform:rotateY(30deg) rotateX(-4deg)}75%{transform:rotateY(-6deg) rotateX(2deg)}}
@keyframes p3-smile{0%,74%,95%,100%{transform:translateZ(1px) scaleX(1)}79%,90%{transform:translateZ(1px) scaleX(1.5) scaleY(1.6)}}
@keyframes p3-ant{0%,100%{transform:rotateZ(-7deg)}50%{transform:rotateZ(7deg)}}
@keyframes p3-armL{0%,70%,100%{transform:translateX(-36px) rotateZ(6deg)}79%,85%{transform:translateX(-38px) rotateZ(58deg)}}
@keyframes p3-armR{0%,70%,96%,100%{transform:translateX(36px) rotateZ(-6deg)}76%{transform:translateX(38px) translateY(-8px) rotateZ(-125deg)}80%{transform:translateX(38px) translateY(-8px) rotateZ(-90deg)}84%{transform:translateX(38px) translateY(-8px) rotateZ(-125deg)}88%{transform:translateX(38px) translateY(-8px) rotateZ(-90deg)}}
@keyframes p3-jet{from{opacity:.55;transform:rotateX(90deg) scale(.8)}to{opacity:1;transform:rotateX(90deg) scale(1.1)}}
@keyframes p3-rshadow{0%,100%{opacity:.9;transform:translateY(38px) rotateX(90deg) scale(1)}50%{opacity:.5;transform:translateY(38px) rotateX(90deg) scale(.78)}}
@media (prefers-reduced-motion:reduce){.pm3d *{animation:none!important}.pm3d .ring,.pm3d .px{display:none}}
@media (max-width:700px){.pm3d .world{transform:scale3d(.44,.44,.44) rotateX(-22deg)}}
.pm3d::before{content:"";position:absolute;left:56%;top:34%;width:150px;height:130px;margin:-65px 0 0 -75px;border-radius:50%;background:radial-gradient(closest-side,#ff7a1a40,#ff7a1a00);animation:p3-pulse 3s ease-in-out infinite}
.pm3d .sh{width:340px;height:300px;left:-170px;top:-150px;border-radius:50%;background:radial-gradient(closest-side,#000a,#0000);transform:translateY(46px) rotateX(90deg)}
.pm3d .gl{width:90px;height:90px;left:-45px;top:-45px;border-radius:50%;background:radial-gradient(closest-side,#ff7a1a66,#ff7a1a00);animation:p3-pulse 3s ease-in-out infinite}
.pm3d .glass .f{background:linear-gradient(135deg,#ffc97ed9,#ff8a22c9 55%,#ffb04ed9);box-shadow:inset 0 0 0 1px #ffe6c088}
.pm3d .spin8{animation:p3-spin 8s linear infinite}
.pm3d .bob{animation:p3-bob 4s ease-in-out infinite}
.pm3d .paperWrap{left:-69px}.pm3d .pj,.pm3d .pf,.pm3d .ps{width:138px;height:14.5px;transform-origin:50% 100%}.pm3d .pj{top:-14px}.pm3d .pf{animation:p3-flex 5s ease-in-out infinite}.pm3d .ps{backface-visibility:visible}
.pm3d .paperWrap{animation:p3-paper 5s ease-in-out infinite}
.pm3d .ps i{left:18px;top:4px;height:6px;border-radius:3px;background:#c9c5bf}
.pm3d .ps i.o{background:#ff7a1a}
.pm3d .pshade{width:190px;height:70px;left:-95px;top:-35px;border-radius:50%;background:radial-gradient(closest-side,#000b,#0000);transform:translate3d(0,23px,-16px) rotateX(90deg)}
.pm3d .lensWrap{animation:p3-scan 6s ease-in-out infinite}
.pm3d .ringl{width:112px;height:112px;left:-56px;top:-56px;border-radius:50%;border:13px solid #ff8a2a}
.pm3d .lens{width:92px;height:92px;left:-46px;top:-46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9,#ffd9a644 45%,#ff8a2a22);backface-visibility:visible}
.pm3d .plugL{animation:p3-plugL 4s ease-in-out infinite}
.pm3d .plugR{animation:p3-plugR 4s ease-in-out infinite}
.pm3d .spark{animation:p3-spark 4s ease-in-out infinite}
@keyframes p3-bob{0%,100%{transform:translateY(4px)}50%{transform:translateY(-9px)}}
@keyframes p3-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes p3-paper{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes p3-flex{0%,100%{transform:rotateX(0)}50%{transform:rotateX(.5deg)}}
@keyframes p3-scan{0%,100%{transform:translate3d(58px,-62px,60px) rotateY(16deg)}35%{transform:translate3d(-30px,-104px,60px) rotateY(-14deg)}70%{transform:translate3d(14px,-52px,60px) rotateY(10deg)}}
@keyframes p3-plugL{0%,100%{transform:translateX(-22px)}45%,60%{transform:translateX(0)}}
@keyframes p3-plugR{0%,100%{transform:translateX(22px)}45%,60%{transform:translateX(0)}}
@keyframes p3-spark{0%,30%,75%,100%{opacity:.45}50%{opacity:1}}
.pm3d.s2 .world{left:50%;top:62%;transform:scale3d(.62,.62,.62) rotateX(-22deg)}
@media (max-width:700px){.pm3d.s2 .world{transform:scale3d(.52,.52,.52) rotateX(-22deg)}}
.pm3d .tilt{animation:p3-tilt 6s ease-in-out infinite}.pm3d .badge{animation:p3-pop 4s ease-in-out infinite}.pm3d .scan{height:3px;background:linear-gradient(90deg,#fff0,#ffe0b0,#fff0);animation:p3-scanl 3.2s ease-in-out infinite}@keyframes p3-tilt{0%,100%{transform:rotateY(-14deg)}50%{transform:rotateY(14deg)}}@keyframes p3-pop{0%,62%,100%{transform:translate3d(100px,34px,38px) scale3d(1,1,1)}70%{transform:translate3d(100px,28px,38px) scale3d(1.16,1.16,1.16)}80%{transform:translate3d(100px,34px,38px) scale3d(.96,.96,.96)}}@keyframes p3-scanl{0%,100%{transform:translate3d(0,-52px,23px)}50%{transform:translate3d(0,52px,23px)}}
.pm3d .cluster{animation:p3-spin 9s linear infinite}.pm3d .badgeF{animation:p3-bob 4s ease-in-out infinite}
