:root{--pad:calc(2.5vw + 12px);--grid-size:clamp(36px,8.5vw,120px);--accent:linear-gradient(90deg,#fffffff2,#fea094 55%,#fff);--bg-dark1:#0b0f12;--muted:#9aa6b2;--text:#e6eef5;--ok:#4cd964;--bad:#ff4d4f}.product-hero{color:var(--text);width:100vw;min-height:100%;background-blend-mode:overlay;background-image:radial-gradient(circle at 55% 20%,#eadbc133 0,#0000 25%),radial-gradient(circle at 30% 60%,#7cd7ee14 0,#0000 30%),radial-gradient(circle at 20% 40%,#13117514 0,#0000 35%),radial-gradient(circle at 50% 140%,#fbb44314 0,#0000 40%),radial-gradient(circle,#a76fd71f 0,#0000 50%),linear-gradient(135deg,#5f3d43f2,#1c081cb8 50%,#1d0411cc);flex-direction:column;justify-content:center;align-self:flex-start;align-items:center;display:flex}.product-hero .topbar{z-index:10;border-radius:14px;justify-content:space-between;align-items:center;width:95%;margin:0 auto 10px;padding:10px 14px;display:flex;position:sticky;top:14px}.product-hero .topbar .brand{align-items:center;gap:10px;display:flex}.product-hero .topbar .brand .logo{border-radius:6px;width:36px;height:36px}.product-hero .topbar .brand-names{align-items:center;gap:6px;font-size:.35rem;font-weight:800;display:flex}.product-hero .topbar .brand-title{color:#fff}.product-hero .topbar .brand-name{color:#e1e9f8}.product-hero .topbar .topbar-actions{align-items:center;gap:20px;display:flex}.product-hero .topbar .nav-links{-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);cursor:auto;height:40px;cursor:var(--cursor-touch,auto);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2px;padding:0 5px;font-size:.24rem;display:flex}.product-hero .topbar .nav-links .soft-kf{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;height:30px;padding:0 12px 0 4px;font-weight:620;transition:background .18s,color .18s;display:inline-flex;cursor:var(--cursor-touch),auto!important}.product-hero .topbar .nav-links .soft-kf:hover{color:#fff;background:#ffffff1f}.product-hero .topbar .nav-sep{background:#ffffff24;flex:none;width:1px;height:18px;margin:0 4px}.product-hero .topbar .nav-link-item{color:#dbe4ee;white-space:nowrap;height:30px;font-weight:620;font-size:inherit;cursor:var(--cursor-touch),auto;background:0 0;border:none;border-radius:999px;align-items:center;padding:0 13px;-webkit-text-decoration:none;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.product-hero .topbar .nav-link-item:hover{color:#fff;background:#ffffff1f}.product-hero .topbar .icon-btn{cursor:var(--cursor-touch),auto;color:#cfe7ff;object-fit:cover;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:3px;display:inline-flex}.product-hero .bg-layer{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#ffffff1c 1px,#0000 0),linear-gradient(#fff3 1px,#0000 0);background-size:clamp(36px,8.5vw,120px) clamp(36px,8.5vw,120px);background-size:var(--grid-size) var(--grid-size);opacity:.28;position:absolute;inset:0}.product-hero .grid-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.product-hero .flow{filter:drop-shadow(0 0 6px #48ffe71f);pointer-events:none;position:absolute}.product-hero .flow-1{height:2px;top:calc(3*clamp(36px,8.5vw,120px));left:0;right:0;top:calc(var(--grid-size)*3)}.product-hero .flow-1:before{content:"";background-image:linear-gradient(90deg,#48ffe700,#513f99f2,#48ffe700);width:clamp(160px,22vw,360px);height:2px;animation:4s linear infinite moveX;position:absolute;left:-25%}.product-hero .flow-2,.product-hero .flow-3{width:2px;top:0;bottom:0}.product-hero .flow-2{right:calc(4*clamp(36px,8.5vw,120px));right:calc(var(--grid-size)*4)}.product-hero .flow-3{right:calc(8*clamp(36px,8.5vw,120px));right:calc(var(--grid-size)*8);opacity:.85}.product-hero .flow-2:before,.product-hero .flow-3:before{content:"";background-image:linear-gradient(#48ffe700,#a24d4df2,#48ffe700);width:2px;height:clamp(160px,22vh,360px);animation:4.5s linear infinite moveY;position:absolute;top:-25%}.product-hero .flow-3:before{animation-duration:4s}@keyframes moveX{0%{opacity:0;transform:translate(-50vw)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(120vw)}}@keyframes moveY{0%{opacity:0;transform:translateY(-50vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(120vh)}}.product-hero .container{z-index:2;grid-template-rows:1fr auto;width:90%;min-height:100%;margin-top:1.5rem;display:grid;position:relative}.product-hero .hero-content{opacity:0;justify-content:space-between;align-items:center;gap:.5rem;width:100%;height:100%;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.product-hero .hero-content.visible{opacity:1;transform:translateY(0)}.product-hero .left{flex-grow:1}.product-hero .right{box-sizing:border-box;flex:0 0 48%;max-width:48%;font-size:.28rem}.product-hero .kicker{color:#ffffff80;letter-spacing:.03rem;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:.14rem;margin-bottom:.14rem;padding:.06rem .19rem .06rem .12rem;font-size:.2rem;line-height:1.4;display:inline-flex}.product-hero .kicker .sq{background:#fea094;flex:none;width:5px;height:5px;transform:rotate(45deg)}.product-hero .title{align-items:center;gap:.8vw;margin:0;font-size:2vw;font-weight:800;line-height:1.02;display:flex}.product-hero .remaining{color:#e6e6e6}.product-hero .title .highlight{background:linear-gradient(90deg,#fffffff2,#fea094 55%,#fff);background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text}.product-hero .cursor{background:linear-gradient(90deg,#fffffff2,#fea094 55%,#fff);background:var(--accent);border-radius:2px;width:5px;height:calc(2.2vw + 10px);display:inline-block}.product-hero .cursor.blink{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}to{opacity:1}}.product-hero .params{color:#e6eef59e;letter-spacing:.008rem;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;flex-wrap:wrap;gap:0 .1rem;margin:.16rem 0 .18rem;padding:.1rem 0;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:clamp(10px,.205rem,11.5px);line-height:1.75;display:flex}.product-hero .params i{color:#fff3;font-style:normal}.product-hero .params .hl{background:linear-gradient(90deg,#fffffff2,#fea094 55%,#fff);background:var(--accent);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.product-hero .params em{color:#fea094;font-style:normal}.product-hero .actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:1vh;display:flex}.product-hero .btn{cursor:var(--cursor-touch),auto;border:1px solid #0000;border-radius:12px;padding:10px 14px;font-weight:700;transition:transform .3s}.product-hero .reel-wrap{flex-wrap:wrap;align-items:flex-end;gap:.24rem .28rem;display:flex}.product-hero .reel-main{flex:999 5.8rem;min-width:0}.product-hero .reel-ticks{gap:5px;margin-bottom:.14rem;display:flex}.product-hero .reel-ticks span{background:#ffffff1a;border-radius:2px;flex:1;height:2px;overflow:hidden}.product-hero .reel-ticks span i{background:#fea094;width:0;height:100%;display:block;box-shadow:0 0 8px #fea094b3}.product-hero .reel-ticks span.done i{width:100%;box-shadow:none;background:#ffffff47}.product-hero .reel-ticks span.live i{animation:3.6s linear forwards reelFill}@keyframes reelFill{0%{width:0}to{width:100%}}.product-hero .reel{flex-direction:column;display:flex}.product-hero .reel-item{cursor:var(--cursor-touch),auto;border-bottom:1px solid #ffffff0d;border-radius:10px;grid-template-columns:.54rem 1fr;align-items:start;gap:0 .22rem;padding:.1rem .22rem .1rem 0;transition:background .34s cubic-bezier(.25,1,.5,1);display:grid;position:relative}.product-hero .reel-item:last-child{border-bottom:0}.product-hero .reel-item.act{background:linear-gradient(90deg,#fea09413,#0000 78%)}.product-hero .reel-item:before{content:"";background:#fea094;border-radius:2px;width:2px;height:0;transition:height .34s cubic-bezier(.25,1,.5,1);position:absolute;top:.12rem;left:0;box-shadow:0 0 10px #fea094bf}.product-hero .reel-item.act:before{height:calc(100% - .24rem)}.product-hero .reel-item .ico{color:#dfd0ca;background:#ffffff0a;border:1px solid #ffffff17;border-radius:9px;place-items:center;width:.48rem;height:.48rem;margin-left:.18rem;transition:border-color .34s cubic-bezier(.25,1,.5,1),color .34s cubic-bezier(.25,1,.5,1),background .34s cubic-bezier(.25,1,.5,1);display:grid}.product-hero .reel-item .ico svg{width:.3rem;height:.3rem}.product-hero .reel-item.act .ico{color:#fea094;background:#fea0941a;border-color:#fea0946b}.product-hero .reel-item .bd{min-width:0}.product-hero .reel-item .hd{align-items:center;gap:.14rem;min-height:.48rem;display:flex}.product-hero .reel-item h4{color:#e6eef59e;letter-spacing:.006rem;margin:0;font-size:.28rem;font-weight:700;transition:color .34s cubic-bezier(.25,1,.5,1)}.product-hero .reel-item.act h4{color:#fff}.product-hero .reel-item .g{color:#3be375;opacity:0;font-size:.21rem;transition:opacity .34s cubic-bezier(.25,1,.5,1)}.product-hero .reel-item.act .g{opacity:1}.product-hero .reel-item .fold{height:0;overflow:hidden}.product-hero .reel-item .fold p{color:var(--muted);max-width:94%;transform:translateY(0);transform:translateY(var(--sl,0));will-change:transform,opacity;margin:.05rem 0 .02rem;font-size:.24rem;line-height:1.55}.product-hero .reel-item .tease{color:#9aa6b2a8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.22rem;line-height:1.5;overflow:hidden}.product-hero .reel-next{background:#fea0940b;border:1px dashed #fea0944d;border-radius:14px;flex:5.8rem;max-width:100%;padding:.16rem .22rem .18rem}.product-hero .reel-next .top{align-items:center;gap:.13rem;margin-bottom:.09rem;display:flex}.product-hero .reel-next .beacon{background:#fea094;border-radius:50%;flex:none;width:7px;height:7px;animation:2.6s ease-out infinite reelBeacon}@keyframes reelBeacon{0%{box-shadow:0 0 #fea09480}70%{box-shadow:0 0 0 11px #fea09400}to{box-shadow:0 0 #fea09400}}.product-hero .reel-next h5{letter-spacing:.004rem;margin:0;font-size:.26rem;font-weight:780}.product-hero .reel-next .pill{color:#fea094;letter-spacing:.02rem;white-space:nowrap;background:#fea0941f;border:1px solid #fea09466;border-radius:999px;flex:none;padding:.04rem .13rem;font-family:SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.17rem}.product-hero .reel-next .lead{color:#ebf1f7e6;margin:0 0 .13rem;font-size:.22rem;line-height:1.65}.product-hero .reel-next .chips{flex-wrap:wrap;gap:.08rem;display:flex}.product-hero .reel-next .chips span{color:#e0e9f1d1;white-space:nowrap;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:7px;padding:.045rem .14rem;font-size:.2rem;line-height:1.45}.product-hero .reel-next .end{color:#fea094e6;letter-spacing:.006rem;align-items:center;gap:.08rem;margin:.13rem 0 0;font-size:.21rem;display:flex}.product-hero .reel-next .end i{opacity:.85;font-style:normal}.product-hero .video-card{border-radius:12px}.product-hero .video-card .rotation-block{width:40vw;height:55vh;cursor:var(--cursor-touch),auto}.product-hero .video-card .rotation-block .rotation-slide{width:100%;height:90%}.product-hero .video-card .rotation-block .rotation-slide .rotation-slide-img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.product-hero .video-card .rotation-block .rotation-slide .rotation-slide-img *{object-fit:contain!important}.product-hero .video-embed iframe{border:0;width:100%;height:100%;display:block}.product-hero .compare{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;place-self:center;width:72%;margin-top:6vh;padding:calc(.8vw + 10px);overflow:auto}.product-hero .compare:before{content:"";background:linear-gradient(90deg,#2a022a33,#f6e3ff99,#2a022a33);width:100%;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.product-hero .compare h2{color:var(--text);margin:0 0 10px}.product-hero .compare-table{border-radius:8px;overflow:hidden}.product-hero .head,.product-hero .row{grid-template-columns:1fr 110px 110px;column-gap:12px;padding:12px 10px;display:grid}.product-hero .head>*,.product-hero .row>*{place-self:center start}.product-hero .head{color:var(--muted);z-index:3;background:#ffffff05;font-weight:700;position:sticky;top:0}.product-hero .row:nth-child(odd){background:#ffffff03}.product-hero .cell{text-align:left;justify-content:flex-start;align-items:flex-start;padding:6px 12px;display:flex}.product-hero .feature .feat-title{white-space:nowrap;font-size:.35rem;font-weight:700;line-height:1.25}.product-hero .feat-desc{color:var(--muted);margin-top:4px;font-size:.28rem;line-height:1.55}.product-hero .icon{width:20px;height:20px}.product-hero .icon.ok{color:var(--ok)}.product-hero .icon.bad{color:var(--bad)}.product-hero .modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02060899;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-hero .modal{background:linear-gradient(#ffffff05,#ffffff03);border:1px solid #ffffff0a;border-radius:10px;width:min(820px,92%);padding:20px}.product-hero .fade-scale-enter-active,.product-hero .fade-scale-leave-active{transition:all .22s}.product-hero .fade-scale-enter-from{opacity:0;transform:scale(.98)translateY(6px)}.product-hero .fade-scale-enter-to{opacity:1;transform:scale(1)translateY(0)}@media (width<=980px){.product-hero .hero-content{flex-direction:column}.product-hero .hero-content .title{font-size:.5rem}.product-hero .hero-content .rotation-block{min-width:80vw;height:28vh}.product-hero .brand-names{font-size:.25rem!important}.product-hero .topbar{flex-wrap:wrap;row-gap:12px}.product-hero .topbar .topbar-actions{display:contents}.product-hero .topbar .nav-links{flex-wrap:nowrap;flex:0 auto;order:1;gap:0;height:36px;padding:0 4px;font-size:.23rem}.product-hero .topbar .nav-link-item{height:28px;padding:0 9px}.product-hero .topbar .nav-links .soft-kf{gap:5px;height:28px;padding:0 9px 0 3px}.product-hero .topbar .nav-sep{height:16px;margin:0 2px}.product-hero .topbar .icon-btn{width:24px;height:24px}.product-hero .topbar .swu{flex:0 0 100%;order:2;justify-content:flex-end}.product-hero .compare{width:100%;margin-top:4vh;padding:16px}.product-hero .compare-table{display:block}.product-hero .head{display:none}.product-hero .row{border:1px solid #ffffff0f;border-radius:12px;margin-bottom:16px;padding:16px;display:block;background:#ffffff08!important}.product-hero .cell{margin-bottom:12px;padding:0;display:block}.product-hero .cell:last-child{margin-bottom:0}.product-hero .feature{margin-bottom:16px}.product-hero .feat-title{color:var(--text);margin-bottom:8px;font-size:.32rem!important}.product-hero .feat-desc{margin-bottom:12px;line-height:1.5;font-size:.26rem!important}.product-hero .icontb{background:#ffffff05;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 12px;display:flex}.product-hero .icontb:last-child{margin-bottom:0}.product-hero .icontb:before{content:attr(data-platform);color:var(--muted);font-size:.24rem;font-weight:600}.product-hero .row:last-child .icontb{color:#4cd964;background:#48ffe714;border:1px solid #48ffe733;justify-content:center;font-size:.26rem;font-weight:600}.product-hero .left,.product-hero .right{flex-basis:100%;max-width:100%}.product-hero .reel-wrap{display:block}.product-hero .reel-next{margin-top:.24rem}.product-hero .params{margin:.24rem 0 .28rem;font-size:.22rem}.product-hero .reel-item{grid-template-columns:.7rem 1fr;gap:0 .22rem;padding:.22rem .1rem .22rem 0}.product-hero .reel-item .ico{width:.62rem;height:.62rem;margin-left:.16rem}.product-hero .reel-item .ico svg{width:.38rem;height:.38rem}.product-hero .reel-item .hd{min-height:.62rem}.product-hero .reel-item h4{font-size:.3rem}.product-hero .reel-item .fold p{max-width:100%;font-size:.26rem}.product-hero .reel-item .tease{font-size:.24rem}.product-hero .reel-next .lead{font-size:.25rem}.product-hero .reel-next h5{font-size:.3rem}.product-hero .reel-next .pill{font-size:.2rem}.product-hero .reel-next .chips span{font-size:.23rem}.product-hero .reel-next .end{font-size:.24rem}.product-hero .actions{justify-content:center;width:100%}.product-hero .actions .hao-button-v4{flex:calc(50% - 6px);min-width:1.5rem}.product-hero .video-embed{height:200px}.product-hero :root{--grid-size:clamp(28px,18vw,80px)}}@media (width<=640px){.product-hero .actions{gap:10px}.product-hero .actions .hao-button-v4{flex-basis:calc(50% - 5px);padding-left:14px;padding-right:14px}.product-hero .compare{padding:12px}.product-hero .row{margin-bottom:12px;padding:12px}.product-hero .feat-title{font-size:.3rem!important}.product-hero .feat-desc{font-size:.24rem!important}.product-hero .icontb{padding:6px 10px}}@media (width<=480px){.product-hero .topbar .nav-links{height:34px;padding:0 3px;font-size:.21rem}.product-hero .topbar .nav-link-item{height:26px;padding:0 7px}.product-hero .topbar .nav-links .soft-kf{gap:4px;height:26px;padding:0 7px 0 2px}.product-hero .topbar .nav-sep{height:14px;margin:0 1px}.product-hero .topbar .icon-btn{width:22px;height:22px;padding:2px}}@media (width<=360px){.product-hero .topbar .nav-link-item{padding:0 5px}.product-hero .topbar .nav-links .soft-kf span{display:none}.product-hero .topbar .nav-links .soft-kf{padding:0 2px}}@media (prefers-reduced-motion:reduce){.product-hero .cursor.blink,.product-hero .flow,.product-hero .hero-content,.product-hero .reel-item,.product-hero .reel-item .fold p,.product-hero .reel-item .g,.product-hero .reel-item .ico,.product-hero .reel-item h4,.product-hero .reel-item:before,.product-hero .reel-next .beacon,.product-hero .reel-ticks span i{transition:none!important;animation:none!important;transform:none!important}.product-hero .reel-ticks span.live i{width:100%}}