*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#02040c;overflow:hidden}body{font-family:Alibaba PuHuiTi,Source Han Sans SC,Microsoft YaHei,sans-serif;color:#e8f3ff}.app-root{position:relative;width:100vw;height:100vh}.graph-host{position:absolute;top:0;right:0;bottom:0;left:0}.graph-host canvas{display:block}.layer-btn{padding:8px 18px;border-radius:22px;cursor:pointer;font-size:13px;letter-spacing:1px;color:#aab8d6;background:#0a142c99;border:1px solid rgba(118,232,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s;margin-right:10px}.layer-btn:hover{color:#fff;border-color:#76e8ff99}.layer-btn.on{color:#021;background:linear-gradient(120deg,#27c8ff,#76e8ff);border-color:transparent;box-shadow:0 0 18px #27c8ff80}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 45%,#061130,#02040c 70%)}.stage-frame{position:relative;width:100vw;max-width:calc(100vh * 1671 / 941);max-height:100vh;overflow:hidden}.stage-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.04);transform-origin:center;transition:transform .18s ease-out;will-change:transform}.design-base{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/layers/master.png?v10) center / cover no-repeat;animation:breathe 14s ease-in-out infinite}@keyframes breathe{0%,to{filter:brightness(1) saturate(1.05) contrast(1.06)}50%{filter:brightness(1.07) saturate(1.16) contrast(1.08)}}.stage-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse 45% 50% at 50% 47%,#03071400,#03071400 44%,#0307144d 76%,#03071470)}.nebula-drift{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/layers/layer0_nebula.png) center / cover no-repeat;mix-blend-mode:screen;opacity:.3;transform-origin:center;animation:drift 34s ease-in-out infinite;pointer-events:none}@keyframes drift{0%{transform:rotate(-5deg) scale(1.28)}50%{transform:rotate(5deg) scale(1.34)}to{transform:rotate(-5deg) scale(1.28)}}.stage-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:transparent;border:none;padding:0;cursor:pointer;transition:background .2s}.hotspot:hover{background:radial-gradient(circle,#aad7ff2e,#0000 65%)}.topbar{position:absolute;top:22px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:5}.topbar-sub{font-size:14px;letter-spacing:3px;font-weight:500;color:#c7f2ff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.78),0 0 14px rgba(39,200,255,.42)}.panel{position:absolute;top:50%;transform:translateY(-50%);width:372px;max-height:calc(100vh - 72px);--cut: 18px;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));padding:1.5px;background:linear-gradient(165deg,color-mix(in srgb,var(--acc) 85%,#d8f4ff),color-mix(in srgb,var(--acc) 30%,#12305a) 45%,color-mix(in srgb,var(--acc) 70%,#0a1830));filter:drop-shadow(0 0 16px color-mix(in srgb,var(--acc) 38%,transparent));z-index:10;transform-origin:50% 50%;animation:panel-boot .62s cubic-bezier(.3,.85,.35,1) both}@keyframes panel-boot{0%{opacity:0;transform:translateY(-50%) scaleX(.028) scaleY(.04);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--acc) 60%,transparent)) brightness(3.2)}16%{opacity:1}42%{transform:translateY(-50%) scaleX(.028) scaleY(1);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--acc) 70%,transparent)) brightness(2.6)}to{transform:translateY(-50%) scaleX(1) scaleY(1);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--acc) 38%,transparent)) brightness(1)}}.panel-inner>*{opacity:0;animation:panel-item .38s ease forwards}.panel-inner>*:nth-child(1){animation-delay:.5s}.panel-inner>*:nth-child(2){animation-delay:.56s}.panel-inner>*:nth-child(3){animation-delay:.62s}.panel-inner>*:nth-child(4){animation-delay:.68s}.panel-inner>*:nth-child(5){animation-delay:.74s}.panel-inner>*:nth-child(6){animation-delay:.8s}.panel-inner>*:nth-child(7){animation-delay:.86s}.panel-inner>*:nth-child(8){animation-delay:.92s}.panel-inner>*:nth-child(9){animation-delay:.98s}.panel-inner>*:nth-child(10){animation-delay:1.04s}.panel-inner>*:nth-child(n+11){animation-delay:1.1s}@keyframes panel-item{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.panel-inner{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));max-height:calc(100vh - 75px);overflow-y:auto;padding:0 20px 24px;background:repeating-linear-gradient(0deg,rgba(158,220,255,.03) 0 1px,transparent 1px 3px),linear-gradient(160deg,#081228ed,#060c1cf7);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;scrollbar-color:rgba(118,232,255,.4) transparent}.panel-inner::-webkit-scrollbar{width:6px}.panel-inner::-webkit-scrollbar-thumb{background:#76e8ff59;border-radius:3px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin:0 -20px 14px;padding:12px 14px 10px 22px;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 26%,transparent),transparent 78%);border-bottom:1px solid color-mix(in srgb,var(--acc) 45%,transparent);box-shadow:0 8px 16px -10px color-mix(in srgb,var(--acc) 60%,transparent)}.panel-head .panel-tags{margin-bottom:0}.panel-br{position:absolute;width:14px;height:14px;pointer-events:none}.panel-br-tr{top:5px;right:5px;border-top:2px solid var(--acc);border-right:2px solid var(--acc);filter:drop-shadow(0 0 4px var(--acc))}.panel-br-bl{bottom:5px;left:5px;border-bottom:2px solid var(--acc);border-left:2px solid var(--acc);filter:drop-shadow(0 0 4px var(--acc))}.panel-right{right:32px}.panel-left{left:32px}.node-leader{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9}.node-leader path{fill:none;stroke:var(--acc);stroke-width:1.6;filter:drop-shadow(0 0 5px var(--acc));stroke-dasharray:1;stroke-dashoffset:1;animation:leader-draw .5s ease-out .45s forwards}.node-leader circle{fill:color-mix(in srgb,var(--acc) 55%,#fff);stroke:var(--acc);stroke-width:1.5;filter:drop-shadow(0 0 6px var(--acc));opacity:0;animation:leader-pop .3s ease .5s forwards}.node-leader rect{fill:var(--acc);filter:drop-shadow(0 0 4px var(--acc));opacity:0;animation:leader-pop .3s ease .85s forwards}@keyframes leader-draw{to{stroke-dashoffset:0}}@keyframes leader-pop{to{opacity:1}}.panel-close{background:none;border:none;color:#88a;font-size:22px;cursor:pointer;line-height:1;padding:0 4px}.panel-close:hover{color:#fff;text-shadow:0 0 8px var(--acc)}.panel-title{text-shadow:0 0 16px color-mix(in srgb,var(--acc) 55%,transparent)}.panel-field{border-top:1px solid rgba(140,200,255,.1);margin-top:12px;padding-top:10px}.panel-tags{display:flex;gap:8px;margin-bottom:12px}.panel-tag{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;letter-spacing:2px}.panel-tag-imp{border:1px solid;letter-spacing:1px}.panel-points{margin:6px 0 0;padding:0;list-style:none}.panel-points li{position:relative;padding:5px 0 5px 16px;font-size:13.5px;line-height:1.6;color:#d4e3f7;border-bottom:1px solid rgba(255,255,255,.05)}.panel-points li:before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--dot, #76e8ff);box-shadow:0 0 6px var(--dot, #76e8ff)}.panel-source{font-size:12.5px;color:#9fb2cf;line-height:1.6;margin-top:4px}.panel-title{margin:0 0 12px;font-size:24px;font-weight:800}.panel-desc{margin:0 0 18px;font-size:14px;line-height:1.7;color:#b9cbe6}.panel-field{margin-bottom:14px}.panel-field-k{display:block;position:relative;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--acc) 62%,#eaf3ff);letter-spacing:1px;margin-bottom:7px;padding-left:9px}.panel-field-k:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:1px;background:var(--acc);box-shadow:0 0 5px color-mix(in srgb,var(--acc) 70%,transparent)}.panel-field-v{font-size:15px;color:#e8f3ff}.panel-chips{display:flex;flex-wrap:wrap;gap:6px}.panel-chip{font-size:12px;padding:4px 10px;border-radius:8px;border:1px solid rgba(118,232,255,.35);color:#d6e6ff;background:#ffffff08}.panel-review{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#7d93b3}.panel-review span{color:#ffb84d}.ph-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 40%,#061130,#02040c 72%)}.ph-frame{position:relative;width:100vw;max-width:calc(100vh * 1672 / 941);max-height:100vh;aspect-ratio:1672 / 941;overflow:hidden;animation:ph-boot-fade 1s ease both;display:flex;flex-direction:column;padding:1.6% 2.2% 1.4%}.ph-nebula{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/layers/layer0_nebula.png) center / cover no-repeat;mix-blend-mode:screen;opacity:.22;animation:drift 40s ease-in-out infinite;pointer-events:none}.ph-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ph-overview{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/principle/overview.png?v16) center / cover no-repeat;animation:ph-ovbreathe 13.2s ease-in-out infinite}@keyframes ph-ovbreathe{0%,to{filter:brightness(1) saturate(1.02)}50%{filter:brightness(1.05) saturate(1.1)}}@keyframes ph-boot-fade{0%{opacity:0}to{opacity:1}}.ph-layer-lit{position:absolute;pointer-events:none;z-index:3;border-radius:10px;animation:ph-layer-lit 13.2s ease-in-out infinite;animation-delay:var(--ld, 0s)}@keyframes ph-layer-lit{0%,to{backdrop-filter:brightness(1);-webkit-backdrop-filter:brightness(1)}4.5%{backdrop-filter:brightness(1.12) saturate(1.06);-webkit-backdrop-filter:brightness(1.12) saturate(1.06)}15%{backdrop-filter:brightness(1);-webkit-backdrop-filter:brightness(1)}}.ph-score-lit{border-radius:6px}.ph-score-lit{animation-name:ph-score-lit}@keyframes ph-score-lit{0%,to{backdrop-filter:brightness(1);-webkit-backdrop-filter:brightness(1)}4.5%{backdrop-filter:brightness(1.2) saturate(1.1);-webkit-backdrop-filter:brightness(1.2) saturate(1.1)}13%{backdrop-filter:brightness(1);-webkit-backdrop-filter:brightness(1)}}.ph-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;background:radial-gradient(115% 118% at 50% 46%,transparent 58%,rgba(1,3,12,.4) 100%)}.ph-card-hot{position:absolute;background:transparent;border:none;padding:0;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.3,1.1)}.ph-card-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;background-image:url(/assets/principle/overview.png?v16);background-repeat:no-repeat;border-radius:8px;transition:filter .18s ease,box-shadow .18s ease}.ph-card-userimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 10px rgba(0,0,0,.35));transition:filter .18s ease}.ph-card-hot:hover .ph-card-userimg{filter:brightness(1.08) drop-shadow(0 0 12px rgba(var(--hot),.6))}.ph-card-hot:active .ph-card-userimg{filter:brightness(.88) drop-shadow(0 0 7px rgba(var(--hot),.45));transition-duration:.07s}.ph-card-hot:hover{transform:translateY(-3px) scale(1.028);z-index:6}.ph-card-hot:hover .ph-card-img{filter:brightness(1.09) saturate(1.05);box-shadow:0 0 14px 2px rgba(var(--hot),.55)}.ph-card-hot:active{transform:translateY(2px) scale(.972);z-index:6;transition-duration:.07s}.ph-card-hot:active .ph-card-img{filter:brightness(.86);box-shadow:0 0 10px 1px rgba(var(--hot),.45),inset 0 2px 10px #0000008c;transition-duration:.07s}.ph-card-hint{position:absolute;left:50%;top:-30px;transform:translate(-50%);white-space:nowrap;font-size:clamp(9px,.8vw,13px);letter-spacing:1px;color:#eaf6ff;background:#06142cdb;border:1px solid rgba(var(--hot),.55);border-radius:20px;padding:3px 12px;opacity:0;transition:opacity .22s ease;box-shadow:0 0 16px rgba(var(--hot),.4);pointer-events:none}.ph-card-hot:hover .ph-card-hint{opacity:1}.ph-card-ret{position:absolute;top:1px;right:1px;bottom:1px;left:1px;opacity:0;transform:scale(1.06);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.ph-card-hot:hover .ph-card-ret{opacity:1;transform:scale(1)}.ph-card-ret i{position:absolute;width:12px;height:12px;filter:drop-shadow(0 0 3px rgba(255,192,96,.55))}.ph-card-ret i:before,.ph-card-ret i:after{content:"";position:absolute}.ph-card-ret i:before{width:100%;height:2px}.ph-card-ret i:after{width:2px;height:100%}.ph-card-ret .tl{top:0;left:0}.ph-card-ret .tr{top:0;right:0}.ph-card-ret .bl{bottom:0;left:0}.ph-card-ret .br{bottom:0;right:0}.ph-card-ret .tl:before{top:0;left:0;background:linear-gradient(90deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .tl:after{top:0;left:0;background:linear-gradient(180deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .tr:before{top:0;right:0;background:linear-gradient(270deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .tr:after{top:0;right:0;background:linear-gradient(180deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .bl:before{bottom:0;left:0;background:linear-gradient(90deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .bl:after{bottom:0;left:0;background:linear-gradient(0deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .br:before{bottom:0;right:0;background:linear-gradient(270deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-card-ret .br:after{bottom:0;right:0;background:linear-gradient(0deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-beam{position:absolute;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:5;animation:ph-boot-fade .9s ease both,ph-beam-breathe 13.2s ease-in-out infinite;animation-delay:var(--bd, 0s)}@keyframes ph-beam-breathe{0%,to{filter:brightness(1)}9%{filter:brightness(1.34) saturate(1.15)}20%{filter:brightness(1)}}.ph-step-frame{position:absolute;top:86.3%;height:12.5%;pointer-events:none;z-index:4;border-radius:4px;backdrop-filter:brightness(1.24) saturate(1.06);-webkit-backdrop-filter:brightness(1.24) saturate(1.06);animation:ph-boot-fade .6s ease 2.2s both,ph-step 13.2s ease-in-out infinite}.ph-step-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;border:1px solid rgba(255,206,120,.2)}.ph-step-frame span{position:absolute;width:18px;height:18px;filter:drop-shadow(0 0 5px rgba(255,196,92,.8));animation:ph-bracket-breathe 2.64s ease-in-out infinite}@keyframes ph-bracket-breathe{0%,to{filter:drop-shadow(0 0 4px rgba(255,196,92,.6))}50%{filter:drop-shadow(0 0 7px rgba(255,208,110,.95)) brightness(1.12)}}.ph-step-frame span:before,.ph-step-frame span:after{content:"";position:absolute}.ph-step-frame span:before{width:100%;height:2.5px}.ph-step-frame span:after{width:2.5px;height:100%}.ph-step-frame .tl{top:0;left:0}.ph-step-frame .tr{top:0;right:0}.ph-step-frame .bl{bottom:0;left:0}.ph-step-frame .br{bottom:0;right:0}.ph-step-frame .tl:before{top:0;left:0;background:linear-gradient(90deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .tl:after{top:0;left:0;background:linear-gradient(180deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .tr:before{top:0;right:0;background:linear-gradient(270deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .tr:after{top:0;right:0;background:linear-gradient(180deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .bl:before{bottom:0;left:0;background:linear-gradient(90deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .bl:after{bottom:0;left:0;background:linear-gradient(0deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .br:before{bottom:0;right:0;background:linear-gradient(270deg,#fff6dc,#ffd070fa 45%,#be843800)}.ph-step-frame .br:after{bottom:0;right:0;background:linear-gradient(0deg,#fff6dc,#ffd070fa 45%,#be843800)}@keyframes ph-step{0%,13.3%{left:.8%;width:16.5%}16.67%,30%{left:19.5%;width:13.2%}33.33%,46.63%{left:34.9%;width:13.7%}50%,63.3%{left:51.1%;width:12.7%}66.67%,80%{left:66.2%;width:13%}83.33%,96.63%{left:81.5%;width:18%}to{left:.8%;width:16.5%}}.ph-title{position:relative;text-align:center;flex:none;margin-bottom:.8%}.ph-title h1{margin:0;font-size:clamp(20px,3.1vw,46px);font-weight:900;letter-spacing:4px;color:#eaf6ff;text-shadow:0 0 18px rgba(60,150,255,.75),0 0 42px rgba(80,120,255,.45);animation:ph-in .8s .05s both}.ph-title p{margin:.4em 0 0;font-size:clamp(10px,1.15vw,17px);letter-spacing:3px;color:#7fe3ff;opacity:.85;animation:ph-in .8s .18s both}.ph-panels{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center;gap:1.1%}.ph-panel{position:relative;height:100%;display:flex;align-items:center;justify-content:center;animation:ph-rise .7s both;transition:transform .25s ease,filter .25s ease}.ph-panel>img,.ph-imgwrap>img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 26px rgba(0,0,0,.5))}.ph-panel:hover{transform:translateY(-6px) scale(1.015);filter:drop-shadow(0 0 24px rgba(90,180,255,.5)) brightness(1.06);z-index:3}.ph-panel-graph{cursor:default}.ph-panel-graph:hover{transform:none;filter:none}.ph-imgwrap{position:relative;height:100%;display:flex}.ph-kg{position:absolute;padding:0;border:none;background:transparent;cursor:pointer;border-radius:10px;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),filter .22s ease}.ph-kg .ph-kg-img{width:100%;height:100%;object-fit:fill;display:block;border-radius:9px;-webkit-user-select:none;user-select:none}.ph-kg:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:11px;border:1.5px solid transparent;box-shadow:0 0 #5adcff00;pointer-events:none;transition:border-color .22s ease,box-shadow .22s ease}.ph-kg:hover{transform:scale(1.08);filter:brightness(1.2) drop-shadow(0 0 20px rgba(60,200,255,.7));z-index:5}.ph-kg:hover:after{border-color:#82ebfff2;box-shadow:0 0 28px #3cc8ff99,inset 0 0 22px #3cc8ff47;animation:none}.ph-kg-hint{position:absolute;left:50%;top:-34px;transform:translate(-50%);white-space:nowrap;font-size:clamp(9px,.82vw,13px);letter-spacing:1px;color:#bff0ff;background:#06142cd9;border:1px solid rgba(118,232,255,.5);border-radius:20px;padding:3px 12px;opacity:0;transition:opacity .22s ease;box-shadow:0 0 16px #27c8ff66;pointer-events:none}.ph-kg:hover .ph-kg-hint{opacity:1}.ph-steps{position:relative;flex:none;height:17%;display:flex;align-items:center;justify-content:center;gap:2.6%;margin-top:1%}.ph-stepcard{flex:0 0 14.3%;height:100%;display:flex;align-items:center;justify-content:center;animation:ph-rise .7s both;transition:transform .22s ease,filter .22s ease}.ph-stepcard img{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.ph-stepcard:hover{transform:translateY(-4px);filter:drop-shadow(0 0 16px rgba(90,180,255,.5)) brightness(1.06)}.ph-connectors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.ph-conn-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ph-steparrow{position:absolute;transform:translate(-50%,-50%);width:26px;height:18px;line-height:0;filter:drop-shadow(0 0 4px rgba(120,200,255,.95)) drop-shadow(0 0 10px rgba(45,120,255,.55))}.ph-steparrow svg{width:100%;height:100%;display:block;overflow:visible}.ph-steparrow .cv{animation:ph-chev 1.7s ease-in-out infinite}.ph-steparrow .cv2{animation-delay:.24s}@keyframes ph-chev{0%,to{opacity:.4}45%{opacity:1}}.ph-enter{position:absolute;right:2.4%;top:4%;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:24px;cursor:pointer;font-size:clamp(11px,.95vw,15px);font-weight:700;letter-spacing:1px;color:#021018;background:linear-gradient(120deg,#27c8ff,#76e8ff);border:none;box-shadow:0 0 22px #27c8ff80;transition:transform .2s ease,box-shadow .2s ease;animation:ph-in .8s 1.4s both}.ph-enter span{font-size:1.2em;transition:transform .2s ease}.ph-enter:hover{transform:translateY(-2px);box-shadow:0 0 32px #27c8ffbf}.ph-enter:hover span{transform:translate(4px)}@keyframes ph-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ph-rise{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}@keyframes ph-pulse{0%,to{border-color:#5adcff26;box-shadow:0 0 #5adcff00}50%{border-color:#5adcff8c;box-shadow:0 0 18px #3cc8ff59}}.back-home{position:absolute;top:20px;left:24px;z-index:12;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:22px;cursor:pointer;font-size:13px;letter-spacing:1px;color:#aab8d6;background:#0a142c99;border:1px solid rgba(118,232,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s}.back-home:hover{color:#fff;border-color:#76e8ff99}.bottombar{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:8;display:flex;align-items:center}.hint{font-size:12.5px;color:#aec4e2;letter-spacing:1px;margin-left:6px;text-shadow:0 1px 3px rgba(0,0,0,.72)}