.hero-mockup[data-v-94ae577e]{position:relative;width:100%;aspect-ratio:4 / 3;min-height:440px}.mockup-solo[data-v-94ae577e]{aspect-ratio:4 / 3;min-height:500px}.mockup-glow[data-v-94ae577e]{position:absolute;top:30px;right:30px;bottom:30px;left:30px;background:radial-gradient(circle at 30% 40%,rgba(24,144,255,.28) 0%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(114,46,209,.15) 0%,transparent 60%);filter:blur(50px);z-index:0}.screenshot[data-v-94ae577e]{position:absolute;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 28px 64px #001e5038,0 6px 16px #001e501a,0 0 0 1px #1890ff14}.screenshot img[data-v-94ae577e]{width:100%;display:block}.screenshot[data-v-94ae577e]{cursor:pointer}.screenshot.frameless[data-v-94ae577e]{border-radius:12px}.shot-carousel[data-v-94ae577e]{position:relative;width:100%;overflow:hidden}.shot-sizer[data-v-94ae577e]{width:100%;display:block;visibility:hidden}.shot-slide[data-v-94ae577e]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;opacity:0;transition:opacity .7s ease}.shot-slide.active[data-v-94ae577e]{opacity:1}.shot-dots[data-v-94ae577e]{position:absolute;bottom:12px;left:0;right:0;z-index:4;display:flex;justify-content:center;gap:8px}.shot-dot[data-v-94ae577e]{width:8px;height:8px;border-radius:50%;background:#ffffff8c;box-shadow:0 1px 4px #0000004d;cursor:pointer;transition:all .25s}.shot-dot[data-v-94ae577e]:hover{background:#ffffffd9}.shot-dot.active[data-v-94ae577e]{width:22px;border-radius:4px;background:#1890ff}.hero-mockup.is-carousel[data-v-94ae577e]{aspect-ratio:auto;min-height:0}.hero-mockup.is-carousel .screenshot-main[data-v-94ae577e]{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:100%;margin:0 auto}.image-preview-mask[data-v-94ae577e]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn-94ae577e .2s ease}.preview-content[data-v-94ae577e]{cursor:default;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:16px}.preview-image[data-v-94ae577e]{max-width:92vw;max-height:84vh;-o-object-fit:contain;object-fit:contain;border-radius:6px;box-shadow:0 24px 64px #00000080;cursor:default;animation:zoomIn-94ae577e .25s cubic-bezier(.16,1,.3,1)}.preview-meta[data-v-94ae577e]{display:flex;align-items:center;gap:16px;color:#ffffffd9;font-size:14px}.preview-title[data-v-94ae577e]{font-weight:600}.preview-counter[data-v-94ae577e]{padding:2px 10px;border-radius:10px;background:#ffffff1f;font-size:12px}.preview-nav[data-v-94ae577e]{position:fixed;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;border:none;background:#ffffff1f;backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;z-index:10000;transition:all .2s}.preview-nav[data-v-94ae577e]:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.05)}.nav-prev[data-v-94ae577e]{left:32px}.nav-next[data-v-94ae577e]{right:32px}@media(max-width:1024px){.nav-prev[data-v-94ae577e]{left:12px}.nav-next[data-v-94ae577e]{right:12px}}.preview-close[data-v-94ae577e]{position:fixed;top:24px;right:24px;width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s}.preview-close[data-v-94ae577e]:hover{background:#ffffff4d;transform:scale(1.1)}@keyframes fadeIn-94ae577e{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-94ae577e{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.screenshot-frame[data-v-94ae577e]{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f5f7fa;border-bottom:1px solid #eef0f5}.screenshot-frame.compact[data-v-94ae577e]{padding:8px 12px}.frame-dots[data-v-94ae577e]{display:flex;gap:6px}.frame-dots span[data-v-94ae577e]{width:10px;height:10px;border-radius:50%;background:#d9d9d9}.frame-dots span[data-v-94ae577e]:nth-child(1){background:#ff5f57}.frame-dots span[data-v-94ae577e]:nth-child(2){background:#febc2e}.frame-dots span[data-v-94ae577e]:nth-child(3){background:#28c840}.frame-title[data-v-94ae577e]{font-size:12px;font-weight:500;color:#8c8c8c;flex:1;text-align:center}.screenshot-main[data-v-94ae577e]{left:0;top:4%;right:8%;z-index:2;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);animation:mainFloat-94ae577e 6s ease-in-out infinite}.mockup-solo .screenshot-main[data-v-94ae577e]{left:2%;right:2%;top:4%;transform:perspective(2000px) rotateY(-1deg) rotateX(1deg);animation:mainFloatSolo-94ae577e 6s ease-in-out infinite}@keyframes mainFloatSolo-94ae577e{0%,to{transform:perspective(2000px) rotateY(-1deg) rotateX(1deg) translateY(0)}50%{transform:perspective(2000px) rotateY(-1deg) rotateX(1deg) translateY(-8px)}}.screenshot-sub[data-v-94ae577e]{right:-4%;bottom:-4%;width:50%;z-index:3;transform:perspective(1400px) rotateY(-8deg) rotateX(2deg);animation:subFloat-94ae577e 5.5s ease-in-out infinite}@keyframes mainFloat-94ae577e{0%,to{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-4deg) rotateX(2deg) translateY(-10px)}}@keyframes subFloat-94ae577e{0%,to{transform:perspective(1400px) rotateY(-8deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1400px) rotateY(-8deg) rotateX(2deg) translateY(-14px)}}.floating-badge[data-v-94ae577e]{position:absolute;z-index:10;display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border-radius:14px;box-shadow:0 18px 40px #001e5024;border:1px solid rgba(24,144,255,.08)}.badge-icon-wrap[data-v-94ae577e]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.badge-icon-blue[data-v-94ae577e]{background:linear-gradient(135deg,#bae0ff,#91caff);color:#1890ff}.badge-icon-green[data-v-94ae577e]{background:linear-gradient(135deg,#d9f7be,#b7eb8f);color:#389e0d}.badge-icon-orange[data-v-94ae577e]{background:linear-gradient(135deg,#ffe7ba,#ffd591);color:#d46b08}.badge-icon-purple[data-v-94ae577e]{background:linear-gradient(135deg,#efdbff,#d3adf7);color:#531dab}.badge-icon-cyan[data-v-94ae577e]{background:linear-gradient(135deg,#b5f5ec,#87e8de);color:#08979c}.badge-text[data-v-94ae577e]{text-align:left}.badge-value[data-v-94ae577e]{font-size:15px;font-weight:800;color:#282828;line-height:1.2}.badge-label[data-v-94ae577e]{font-size:11px;color:#8c8c8c;margin-top:3px}.badge-top[data-v-94ae577e]{top:-2%;left:-4%;animation:badgePulse-94ae577e 3s ease-in-out infinite}.badge-bottom[data-v-94ae577e]{bottom:22%;right:-8%;animation:badgePulse-94ae577e 3s ease-in-out 1s infinite}@keyframes badgePulse-94ae577e{0%,to{transform:translateY(0);box-shadow:0 18px 40px #001e5024}50%{transform:translateY(-6px);box-shadow:0 24px 48px #001e5033}}@media(max-width:1024px){.hero-mockup[data-v-94ae577e]{min-height:360px}.floating-badge[data-v-94ae577e]{padding:10px 14px}.badge-value[data-v-94ae577e]{font-size:14px}}