[hidden]{display:none!important}.carousel{position:relative;touch-action:pan-y pinch-zoom}.screen-slides{position:absolute;inset:0 0 63px}.screen-slide{height:100%;display:flex;flex-direction:column;align-items:center;padding:53px 20px 0}.single-phone{width:145px;border:4px solid #25302b;border-radius:20px;overflow:hidden;box-shadow:8px 12px 0 #253d2710;transform:rotate(-4deg);background:#172520;flex-shrink:0}.single-phone img{width:100%;height:auto;aspect-ratio:520/1156;object-fit:cover}.slide-caption{text-align:center;margin-top:16px;font-size:11px;line-height:1.7;color:#6a7d70}.slide-caption b{font-size:17px;font-weight:650;color:#354e43}.slide-caption p{margin:3px 0}.slide-caption a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.slide-fangxia .single-phone{transform:rotate(3deg)}.slide-bilian .single-phone{transform:rotate(-2deg)}.slide-chouyige .single-phone{transform:rotate(3deg)}.carousel-controls{position:absolute;bottom:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:11px;z-index:3}.carousel-controls button{display:grid;place-items:center;border:1px solid #abbba950;background:#f8f8ee;color:#375648;width:30px;height:30px;border-radius:50%;font:14px/1 system-ui;cursor:pointer;touch-action:manipulation}.carousel-controls button:hover{background:#dce5d6}.carousel-controls button:focus-visible{outline:3px solid #bf6a42;outline-offset:3px}.carousel-dots{display:flex;gap:8px;align-items:center}.carousel-dots button{width:23px;height:30px;border:0;background:transparent;position:relative}.carousel-dots button:before{content:'';width:6px;height:6px;background:#9cafa0;border-radius:50%}.carousel-dots button[aria-pressed=true]:before{background:#3f6855;width:18px;border-radius:5px}.carousel-controls .play{width:auto;min-width:42px;font-size:10px;border-radius:15px;padding:0 10px}.feature-carousel{border-radius:10px;overflow:hidden;background:#284f47}.feature-carousel .feature{min-height:360px;padding-bottom:68px;border-radius:0}.feature-carousel .carousel-controls{bottom:17px}.feature-carousel .carousel-controls button{background:transparent;color:#f0f2de;border-color:#c0d5c044}.feature-carousel .carousel-dots button:before{background:#a8ba9b}.feature-carousel .carousel-dots button[aria-pressed=true]:before{background:#f3e5bb}.feature-carousel .carousel-dots button{border:0}.feature-carousel .scene-fangxia{background:#24383d}.feature-carousel .scene-bilian{background:#3f503f}.feature-carousel .scene-chouyige{background:#81523b}.feature-carousel .scene-anran{background:#324c67}.feature-carousel .scene-cutout{background:#315e5d}.feature-slide .feature-title p{min-height:72px}.feature-slide .feature-example strong{font-size:48px}.feature-slide .feature-example{min-height:245px;display:flex;flex-direction:column;justify-content:center}
@media(min-width:1500px){.single-phone{width:153px}}
@media(max-width:850px) and (min-width:651px){.single-phone{width:129px}.screen-slide{padding-top:55px}.slide-caption{margin-top:16px}.desk .carousel-controls{left:9px;right:9px;gap:4px}.desk .carousel-dots{gap:0}.feature-carousel .feature{min-height:390px}}
@media(max-width:650px){.desk.carousel{min-height:460px}.screen-slides{bottom:57px}.screen-slide{padding-top:48px}.single-phone{width:126px;border-radius:18px}.slide-caption{margin-top:13px;font-size:10px}.slide-caption b{font-size:16px}.carousel-controls{left:12px;right:12px;gap:6px;bottom:14px}.carousel-dots{gap:0}.feature-carousel .feature{min-height:610px;padding:27px 24px 66px;gap:23px;align-content:start}.feature-slide .feature-title p{min-height:66px}.feature-slide .feature-example{min-height:210px}.feature-slide .feature-example strong{font-size:43px}.feature-carousel .carousel-controls{left:8px;right:8px;gap:4px}}