.website-showcase{width:100%}.swiper{width:100%;overflow:hidden}.swiper-slide{display:flex;justify-content:center;align-items:center}.device-layout{position:relative;width:1200px;height:720px;max-width:100%;margin-bottom:50px}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}.desktop{position:absolute;width:650px;top:0;left:50%;transform:translateX(-50%);z-index:1}.desktop-screen{position:absolute;top:24px;left:22px;width:606px;height:340px;overflow:hidden;background:#000}.desktop-screen img{width:100%;height:100%;object-fit:cover}.desktop-body{width:650px;height:420px;background:#1c1c1c;border-radius:16px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08);border:3px solid #444}.desktop-body:before{content:'';position:absolute;width:120px;height:20px;background:#111;bottom:15px;left:50%;transform:translateX(-50%);border-radius:20px}.desktop-stand{width:120px;height:70px;background:linear-gradient(to bottom,#bcbcbc,#8b8b8b);margin:auto;margin-top:-5px;clip-path:polygon(35% 0,65% 0,100% 100%,0% 100%)}.desktop-base{width:220px;height:18px;background:linear-gradient(to bottom,#d7d7d7,#999);margin:auto;border-radius:30px;margin-top:-4px}.laptop{position:absolute;width:430px;right:40px;bottom:20px;z-index:4}.laptop-screen{position:absolute;top:10px;left:10px;width:405px;height:240px;overflow:hidden;background:#000;border-radius:8px}.laptop-screen img{width:100%;height:100%;object-fit:cover}.laptop-body{width:430px;height:270px;background:#222;border-radius:16px 16px 10px 10px;border:3px solid #555;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.laptop-bottom{width:520px;height:18px;background:linear-gradient(to bottom,#d9d9d9,#999);border-radius:0 0 30px 30px;margin-left:-45px;margin-top:-4px;position:relative}.laptop-bottom:before{content:'';position:absolute;width:70px;height:8px;background:#888;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px}.tablet{position:absolute;width:240px;left:50px;bottom:70px;z-index:5}.tablet-screen{position:absolute;top:18px;left:10px;width:212px;height:285px;overflow:hidden;background:#000;border-radius:10px}.tablet-screen img{width:100%;height:100%;object-fit:cover}.tablet-body{width:240px;height:320px;background:#1e1e1e;border-radius:24px;border:3px solid #444;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.tablet-body:before{content:'';position:absolute;width:10px;height:10px;background:#666;border-radius:50%;top:6px;left:50%;transform:translateX(-50%)}.mobile{position:absolute;width:120px;left:250px;bottom:10px;z-index:6}.mobile-screen{position:absolute;top:16px;left:6px;width:102px;height:182px;overflow:hidden;background:#000;border-radius:18px}.mobile-screen img{width:100%;height:100%;object-fit:cover}.mobile-body{width:120px;height:215px;background:#111;border-radius:28px;border:3px solid #444;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.mobile-body:before{content:'';position:absolute;width:45px;height:6px;background:#555;top:6px;left:50%;transform:translateX(-50%);border-radius:20px}.mobile-screen,.tablet-screen,.laptop-screen,.desktop-screen{isolation:isolate}.device-link{display:block}.swiper-button-next,.swiper-button-prev{color:#2D5988;display:none}.swiper-pagination-bullet-active{background:#2D5988}.frame-scale{position:absolute;top:0;left:0;transform-origin:top left;backface-visibility:hidden;transform-style:preserve-3d}.frame-scale iframe{width:100%;height:100%;border:0;display:block;background:#fff;pointer-events:none;backface-visibility:hidden}.swiper-pagination-bullet{height:15px;width:15px}.desktop-scale{width:1440px;height:900px;transform:scale(0.42)}.laptop-scale{width:1366px;height:768px;transform:scale(0.297)}.tablet-scale{width:768px;height:1024px;transform:scale(0.277)}.mobile-scale{width:390px;height:844px;transform:scale(0.262)}@media(max-width:1200px){.device-layout{transform:scale(.82);transform-origin:top center;height:620px}}@media(max-width:991px){.website-showcase{padding:0}.device-layout{width:100%;height:760px;transform:none}.desktop{width:500px;left:50%;top:0;transform:translateX(-50%)}.desktop-body{width:500px;height:330px}.desktop-screen{width:460px;height:258px;top:18px;left:17px}.laptop{width:340px;right:20px;bottom:170px}.laptop-body{width:340px;height:215px}.laptop-screen{width:318px;height:188px;left:8px;top:8px}.laptop-bottom{width:410px;margin-left:-35px}.tablet{width:190px;left:20px;bottom:160px}.tablet-body{width:190px;height:260px}.tablet-screen{width:168px;height:230px;left:9px;top:14px}.mobile{width:95px;left:40%;transform:translateX(-50%);bottom:100px}.mobile-body{width:95px;height:175px}.mobile-screen{width:81px;height:145px;left:5px;top:13px}.portfolio-modern{padding-bottom:60px;padding-top:0}}@media(max-width:767px){.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,0px)}.website-showcase{padding:0}.device-layout{height:620px}.desktop{width:340px}.desktop-body{width:340px;height:230px}.desktop-screen{width:312px;height:176px;left:11px;top:12px}.desktop-stand{width:70px;height:40px}.desktop-base{width:130px;height:12px}.desktop-scale{transform:scale(0.219)}.laptop{width:240px;right:40%;transform:translateX(50%);bottom:180px}.laptop-body{width:240px;height:155px}.laptop-screen{width:222px;height:130px;left:6px;top:6px}.laptop-scale{transform:scale(0.17)}.laptop-bottom{width:290px;margin-left:-25px;height:12px}.tablet{width:150px;left:20px;bottom:120px}.tablet-body{width:150px;height:205px}.tablet-screen{width:132px;height:180px;left:7px;top:11px}.tablet-scale{transform:scale(0.17)}.mobile{width:78px;bottom:25px}.mobile-body{width:78px;height:145px}.mobile-scale{transform:scale(0.18)}.mobile-screen{width:66px;height:130px;left:3px;top:4px}.swiper-button-next,.swiper-button-prev{display:none}}@media(max-width:480px){.device-layout{height:520px}.desktop{width:280px}.desktop-body{width:280px;height:190px}.desktop-screen{width:258px;height:145px}.laptop{width:115px;bottom:150px}.laptop-body{width:190px;height:125px}.laptop-screen{width:176px;height:104px}.laptop-bottom{width:200px;margin-left:0;height:8px}.tablet{width:120px}.tablet-body{width:120px;height:170px}.tablet-screen{width:104px;height:148px}.desktop-scale{transform:scale(0.19)}.laptop-scale{transform:scale(0.13)}.tablet-scale{transform:scale(0.14)}.mobile-scale{transform:scale(0.18)}}