.header[data-v-3b4b2fc7]{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.container[data-v-3b4b2fc7]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:80px}.logo img[data-v-3b4b2fc7]{display:flex;width:80px}.nav[data-v-3b4b2fc7]{display:flex;align-items:center;gap:40px;flex:1;margin:0 40px}.nav-main[data-v-3b4b2fc7]{display:flex;gap:40px;align-items:center}.nav-user[data-v-3b4b2fc7]{display:flex;gap:30px;align-items:center;margin-left:auto}.nav-link[data-v-3b4b2fc7]{text-decoration:none;color:#333;font-size:16px;font-weight:500;transition:color .3s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.nav-icon[data-v-3b4b2fc7]{flex-shrink:0}.nav-link[data-v-3b4b2fc7]:hover,.nav-link.active[data-v-3b4b2fc7]{color:#00a29a}.auth-buttons[data-v-3b4b2fc7]{display:flex;gap:10px;align-items:center}.register-btn[data-v-3b4b2fc7]{background:#00a29a}.register-btn[data-v-3b4b2fc7],.login-btn[data-v-3b4b2fc7]{color:#fff;border:none;padding:9px 18px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s;white-space:nowrap}.login-btn[data-v-3b4b2fc7]{background:#fff;padding:6px 15px;color:#00a29a;border:3px solid #00a29a}.register-btn[data-v-3b4b2fc7]:hover,.login-btn[data-v-3b4b2fc7]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf64d}.register-btn[data-v-3b4b2fc7]:hover{background:#00c5bb}.menu-toggle[data-v-3b4b2fc7]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1100}.hamburger[data-v-3b4b2fc7]{width:30px;height:3px;background:#00a29a;border-radius:3px;transition:all .3s;position:relative}.hamburger[data-v-3b4b2fc7]:before,.hamburger[data-v-3b4b2fc7]:after{content:"";position:absolute;width:30px;height:3px;background:#00a29a;border-radius:3px;transition:all .3s}.hamburger[data-v-3b4b2fc7]:before{top:-8px}.hamburger[data-v-3b4b2fc7]:after{top:8px}.menu-toggle.active .hamburger[data-v-3b4b2fc7]{background:transparent}.menu-toggle.active .hamburger[data-v-3b4b2fc7]:before{top:0;transform:rotate(45deg)}.menu-toggle.active .hamburger[data-v-3b4b2fc7]:after{top:0;transform:rotate(-45deg)}@media(max-width:992px){.container[data-v-3b4b2fc7]{padding:0 15px}.nav[data-v-3b4b2fc7]{gap:20px;margin:0 20px}.nav-main[data-v-3b4b2fc7],.nav-user[data-v-3b4b2fc7]{gap:20px}.nav-link[data-v-3b4b2fc7]{font-size:15px;gap:5px}}@media(max-width:768px){.container[data-v-3b4b2fc7]{height:60px;padding:0 15px}.logo img[data-v-3b4b2fc7]{width:70px}.menu-toggle[data-v-3b4b2fc7]{display:flex;order:2}.nav[data-v-3b4b2fc7]{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0;padding-top:0;transition:left .3s;box-shadow:0 5px 10px #0000001a;overflow-y:auto}.nav.active[data-v-3b4b2fc7]{left:0}.nav-main[data-v-3b4b2fc7]{flex-direction:column;gap:0;width:100%}.nav-user[data-v-3b4b2fc7]{flex-direction:column;gap:0;width:100%;margin-left:0;border-top:2px solid #00a29a}.nav-user .nav-link[data-v-3b4b2fc7]{background:#f8f9fa}.nav-link[data-v-3b4b2fc7]{width:100%;padding:15px 20px;border-bottom:1px solid #eee;font-size:16px;justify-content:flex-start}.auth-buttons[data-v-3b4b2fc7]{order:3;gap:8px}.login-btn[data-v-3b4b2fc7],.register-btn[data-v-3b4b2fc7]{padding:6px 12px;font-size:14px}.login-btn[data-v-3b4b2fc7]{padding:3px 10px}}@media(max-width:480px){.container[data-v-3b4b2fc7]{padding:0 10px}.logo img[data-v-3b4b2fc7]{width:75px}.auth-buttons[data-v-3b4b2fc7]{gap:5px}.login-btn[data-v-3b4b2fc7],.register-btn[data-v-3b4b2fc7]{padding:5px 10px;font-size:13px}}.logo[data-v-3efb555d]{width:100px;height:auto;transition:transform .3s ease}.logo[data-v-3efb555d]:hover{transform:scale(1.05)}.footer[data-v-3efb555d]{color:#1f2937;padding:60px 20px 30px;position:relative;overflow:hidden}.footer[data-v-3efb555d]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#00a29a,#00c5bb)}.container[data-v-3efb555d]{max-width:1400px;margin:0 auto}.footer-content[data-v-3efb555d]{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:50px;flex-wrap:wrap}.footer-section[data-v-3efb555d]{flex:1;min-width:180px}.qr-section[data-v-3efb555d]{text-align:center;flex:0 0 auto}.qr-section img[data-v-3efb555d]{width:100px;height:100px;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease}.qr-section img[data-v-3efb555d]:hover{transform:translateY(-3px)}#qr-title[data-v-3efb555d]{font-size:16px;color:#00a29a;margin:0;font-weight:600}.footer-section h3[data-v-3efb555d]{font-size:18px;margin-bottom:20px;color:#00a29a;font-weight:600;position:relative;padding-bottom:8px}.footer-section h3[data-v-3efb555d]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:#00a29a;border-radius:2px}#qr-title[data-v-3efb555d]:after{content:"";position:absolute;bottom:0;left:38%;width:40px;height:2px;background:#00a29a;border-radius:2px}.footer-section a[data-v-3efb555d]{display:block;color:#1f2937;text-decoration:none;margin-bottom:12px;transition:all .3s ease;padding:4px 0}.footer-section a[data-v-3efb555d]:hover{color:#00a29a;transform:translate(5px)}.footer-section p[data-v-3efb555d]{margin-bottom:10px;color:#1f2937;line-height:1.6}.footer-bottom[data-v-3efb555d]{border-top:1px solid #999;padding-top:25px;text-align:center;color:#1f2937;font-size:14px;clear:both}@media(max-width:1024px){.footer-content[data-v-3efb555d]{gap:30px}.footer-section[data-v-3efb555d]{min-width:150px}.qr-section img[data-v-3efb555d]{width:90px;height:90px}}@media(max-width:768px){.footer[data-v-3efb555d]{padding:50px 15px 25px}.footer-content[data-v-3efb555d]{gap:25px;justify-content:center}.footer-section[data-v-3efb555d]{min-width:140px}.footer-section h3[data-v-3efb555d]{font-size:16px;margin-bottom:15px}.logo[data-v-3efb555d]{width:90px}.qr-section img[data-v-3efb555d]{width:80px;height:80px}}@media(max-width:640px){.footer-content[data-v-3efb555d]{flex-direction:row;flex-wrap:wrap;gap:30px}.footer-section[data-v-3efb555d]{flex:0 0 calc(50% - 15px);min-width:auto;text-align:center}.footer-section h3[data-v-3efb555d]:after{left:50%;transform:translate(-50%)}.footer-section a[data-v-3efb555d]:hover{transform:translate(0)}#qr-title[data-v-3efb555d]:after{left:50%;transform:translate(-50%)}.qr-section[data-v-3efb555d]{flex:0 0 100%;margin-top:10px}}@media(max-width:480px){.footer-content[data-v-3efb555d]{flex-direction:column;align-items:center;gap:35px}.footer-section[data-v-3efb555d]{flex:1 1 100%;width:100%;max-width:300px}.footer-section h3[data-v-3efb555d]{font-size:16px}.logo[data-v-3efb555d]{width:85px}.footer-bottom[data-v-3efb555d]{font-size:13px;padding-top:20px}}html,body{height:100%}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;color:#333}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mt-40{margin-top:40px}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media(max-width:1200px){.container{max-width:100%;padding:0 15px}}@media(max-width:768px){.section-title{font-size:28px!important}.platform-logos{gap:20px!important}.hero-buttons{flex-direction:column;align-items:center}}.hero[data-v-cc519d5d]{background:linear-gradient(135deg,#00a29a,#00c5bb);color:#fff;padding:80px 0;min-height:auto}.hero-container[data-v-cc519d5d]{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.hero-content[data-v-cc519d5d]{text-align:left}.hero-title[data-v-cc519d5d]{font-size:48px;font-weight:700;margin-bottom:20px}.hero-subtitle[data-v-cc519d5d]{font-size:36px;font-weight:500;margin-bottom:30px}.hero-description[data-v-cc519d5d]{font-size:20px;line-height:1.6;margin-bottom:50px;opacity:.9}.hero-buttons[data-v-cc519d5d]{display:flex;gap:20px;justify-content:flex-start}.hero-carousel[data-v-cc519d5d]{position:relative;width:100%;max-width:700px}.carousel-container[data-v-cc519d5d]{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000026}.carousel-slide[data-v-cc519d5d]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.carousel-slide.active[data-v-cc519d5d]{opacity:1}.carousel-slide img[data-v-cc519d5d]{width:100%;height:100%;object-fit:cover}.carousel-btn[data-v-cc519d5d]{position:absolute;top:50%;transform:translateY(-50%);background:#fff9;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;transition:all .3s;z-index:10}.carousel-btn[data-v-cc519d5d]:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev[data-v-cc519d5d]{left:20px}.carousel-btn.next[data-v-cc519d5d]{right:20px}.carousel-indicators[data-v-cc519d5d]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.carousel-indicators span[data-v-cc519d5d]{width:10px;height:10px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s}.carousel-indicators span.active[data-v-cc519d5d]{background:#fff;transform:scale(1.2)}.process[data-v-cc519d5d]{padding:100px 20px;background:#f8f9fa}.section-title[data-v-cc519d5d]{text-align:center;font-size:36px;font-weight:700;margin-bottom:20px;color:#333}.section-text[data-v-cc519d5d]{text-align:center;font-size:16px;font-weight:450;color:#959cb7;margin-bottom:60px}.process-steps[data-v-cc519d5d]{display:flex;justify-content:space-between;gap:30px;max-width:1500px;margin:0 auto}.process-step[data-v-cc519d5d]{display:flex;align-items:flex-start;padding:30px 15px;border:2px solid #00a29a;border-radius:12px;background:#fff;flex:1;min-width:0;transition:all .3s ease}.process-step[data-v-cc519d5d]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00a29a26}.step-icon[data-v-cc519d5d]{flex-shrink:0;width:28px;height:28px;margin-right:15px;display:flex!important;align-items:center;justify-content:center;border-radius:50%;color:#00a29a;font-size:24px}.step-content[data-v-cc519d5d]{flex:1}.step-title[data-v-cc519d5d]{font-size:20px;font-weight:700;margin-top:-.3rem;margin-bottom:8px;color:#333}.step-desc[data-v-cc519d5d]{font-size:14px;color:#666;line-height:1.5}.step-desc span[data-v-cc519d5d]{display:block}@media(max-width:1199px){.process-steps[data-v-cc519d5d]{flex-direction:column;gap:20px}.process-step[data-v-cc519d5d]{flex-direction:row;align-items:center;text-align:left;width:100%;max-width:600px;margin:0 auto}.step-icon[data-v-cc519d5d]{margin-right:20px;margin-bottom:0}}@media(max-width:576px){.process[data-v-cc519d5d]{padding:60px 15px}.section-title[data-v-cc519d5d]{font-size:24px}.section-text[data-v-cc519d5d]{font-size:14px;margin-bottom:40px}.process-step[data-v-cc519d5d]{padding:20px 15px}.step-title[data-v-cc519d5d]{font-size:18px}.step-desc[data-v-cc519d5d]{font-size:13px}}.products[data-v-cc519d5d]{padding:100px 20px}.section-subtitle[data-v-cc519d5d]{text-align:center;font-size:17px;color:#666;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.product-grid[data-v-cc519d5d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1500px;margin:0 auto}.product-card[data-v-cc519d5d]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s}.product-card[data-v-cc519d5d]:hover{transform:translateY(-5px)}.product-image img[data-v-cc519d5d]{width:100%;height:300px;object-fit:cover}.product-info[data-v-cc519d5d]{padding:20px}.product-name[data-v-cc519d5d]{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.product-price[data-v-cc519d5d]{font-size:24px;font-weight:700;color:#f08080}.product-cta[data-v-cc519d5d]{text-align:center;margin-top:60px}.design-tool[data-v-cc519d5d]{padding:100px 20px;background:#b6f3f0}.design-content[data-v-cc519d5d]{display:grid;grid-template-columns:.8fr 1fr;gap:40px;max-width:1500px;margin:0 auto;align-items:flex-start}.design-title[data-v-cc519d5d]{text-align:left;font-size:24px;font-weight:700;margin-bottom:10px;color:#333}.design-subtitle[data-v-cc519d5d]{text-align:left;font-size:14px;color:#666}.design-left[data-v-cc519d5d]{display:flex;flex-direction:column;gap:30px}.dt-carousel[data-v-cc519d5d]{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #0000000d}.dt-carousel-wrapper[data-v-cc519d5d]{width:100%;height:450px;overflow:hidden}.dt-carousel-slides[data-v-cc519d5d]{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.dt-carousel-slide[data-v-cc519d5d]{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dt-carousel-slide img[data-v-cc519d5d]{width:50%;height:50%;object-fit:contain}.dt-carousel-btn[data-v-cc519d5d]{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:10;transition:all .3s ease}.dt-prev-btn[data-v-cc519d5d]{left:20px}.dt-next-btn[data-v-cc519d5d]{right:20px}.dt-carousel-btn[data-v-cc519d5d]:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.design-right[data-v-cc519d5d]{display:flex;align-items:flex-start}.dt-side-images[data-v-cc519d5d]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%}.dt-image-item[data-v-cc519d5d]{width:100%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.dt-image-item img[data-v-cc519d5d]{width:100%;height:100%;aspect-ratio:4/3.4;object-fit:contain;display:block;padding:20px;box-sizing:border-box}.dt-image-item-bg[data-v-cc519d5d]{background-color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:15px;box-sizing:border-box}@media(min-width:1400px){.design-content[data-v-cc519d5d]{gap:60px;max-width:1600px}.dt-carousel-wrapper[data-v-cc519d5d]{height:500px}}@media(max-width:1399px)and (min-width:1200px){.design-content[data-v-cc519d5d]{gap:50px}.dt-carousel-wrapper[data-v-cc519d5d]{height:480px}}@media(max-width:1199px)and (min-width:992px){.design-content[data-v-cc519d5d]{grid-template-columns:1fr 1fr;gap:40px}.dt-carousel-wrapper[data-v-cc519d5d]{height:420px}.dt-carousel-slide img[data-v-cc519d5d]{width:70%;height:70%}}@media(max-width:991px)and (min-width:768px){.design-content[data-v-cc519d5d]{grid-template-columns:1fr;gap:40px;max-width:800px}.dt-carousel-wrapper[data-v-cc519d5d]{height:450px}.dt-carousel-slide img[data-v-cc519d5d]{width:60%;height:60%}.dt-side-images[data-v-cc519d5d]{grid-template-columns:repeat(4,1fr);gap:15px}.dt-image-item img[data-v-cc519d5d]{aspect-ratio:1/1;padding:15px}}@media(max-width:767px)and (min-width:480px){.design-tool[data-v-cc519d5d]{padding:60px 15px}.design-content[data-v-cc519d5d]{grid-template-columns:1fr;gap:30px}.dt-carousel-wrapper[data-v-cc519d5d]{height:380px}.dt-carousel-slide img[data-v-cc519d5d]{width:70%;height:70%}.dt-side-images[data-v-cc519d5d]{grid-template-columns:repeat(2,1fr);gap:12px}.dt-image-item img[data-v-cc519d5d]{padding:12px}}@media(max-width:480px){.design-tool[data-v-cc519d5d]{padding:50px 10px}.design-content[data-v-cc519d5d]{gap:25px}.dt-carousel-wrapper[data-v-cc519d5d]{height:300px}.dt-carousel-slide img[data-v-cc519d5d]{width:85%;height:85%}.dt-carousel-btn[data-v-cc519d5d]{width:35px;height:35px;font-size:14px}.dt-side-images[data-v-cc519d5d]{grid-template-columns:repeat(2,1fr);gap:10px}.dt-image-item img[data-v-cc519d5d]{aspect-ratio:1/1;padding:8px}}.integration[data-v-cc519d5d]{padding:100px 20px}.platform-logos[data-v-cc519d5d]{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin:60px auto 0}.platform-logo[data-v-cc519d5d]{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:250px;height:80px;gap:30px;box-shadow:#999 0 1px 10px;transition:all .3s ease}.platform-logo img[data-v-cc519d5d]{height:60px}.platform-logo[data-v-cc519d5d]:hover{transform:translateY(-5px)}.advantages[data-v-cc519d5d]{padding:100px 20px;background:#f8f9fa}.advantages-grid[data-v-cc519d5d]{display:flex;max-width:1200px;margin:60px auto 0}.advantage-cards[data-v-cc519d5d]{display:flex;flex-direction:column;width:50%;padding-right:20px;margin-bottom:10px}.advantage-card[data-v-cc519d5d]{text-align:left;padding:15px;width:350px;border-bottom:1px dashed #b3b3b3}.advantage-icon-title[data-v-cc519d5d]{display:flex;align-items:center}.advantage-icon[data-v-cc519d5d]{font-size:30px;color:#00a29a;margin-right:10px}.advantage-card h3[data-v-cc519d5d]{font-size:16px;margin:0}.advantage-card p[data-v-cc519d5d]{font-size:12px}.advantages-img[data-v-cc519d5d]{display:flex;justify-content:right}.advantages-img img[data-v-cc519d5d]{max-width:100%;height:auto;border-radius:12px}@media(max-width:1200px){.advantages-grid[data-v-cc519d5d]{flex-direction:column}.advantage-cards[data-v-cc519d5d]{width:100%;padding-right:0}.advantage-card[data-v-cc519d5d]{width:100%}.advantages-img[data-v-cc519d5d]{justify-content:center}}@media(max-width:768px){.advantages[data-v-cc519d5d]{padding:50px 10px}.advantages-grid[data-v-cc519d5d]{margin:30px auto 0}.advantage-card[data-v-cc519d5d]{padding:10px}.advantage-icon[data-v-cc519d5d]{font-size:24px}.advantage-card h3[data-v-cc519d5d]{font-size:14px}.advantage-card p[data-v-cc519d5d]{font-size:10px}}@media(max-width:480px){.advantages[data-v-cc519d5d]{padding:30px 10px}.advantages-grid[data-v-cc519d5d]{margin:20px auto 0}.advantage-card[data-v-cc519d5d]{padding:8px}.advantage-icon[data-v-cc519d5d]{font-size:20px}.advantage-card h3[data-v-cc519d5d]{font-size:12px}.advantage-card p[data-v-cc519d5d]{font-size:8px}}.cta[data-v-cc519d5d]{padding:50px 20px;background:linear-gradient(135deg,#89ddd9,#2e928d);color:#fff;text-align:center}.cta-title[data-v-cc519d5d]{font-size:36px;font-weight:700;margin-bottom:20px}.cta-subtitle[data-v-cc519d5d]{font-size:18px;margin-bottom:50px;opacity:.9}.btn-primary[data-v-cc519d5d]{background:#fff;color:#00a29a;border:none;padding:16px 40px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary[data-v-cc519d5d]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffffff4d}.btn-secondary[data-v-cc519d5d]{background:transparent;color:#fff;border:2px solid white;padding:16px 40px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary[data-v-cc519d5d]:hover{background:#fff;color:#00a29a}.btn-primary.large[data-v-cc519d5d]{padding:20px 60px;font-size:20px}.container[data-v-cc519d5d]{max-width:1350px;margin:0 auto;padding:0 20px}@media(max-width:992px){.hero-container[data-v-cc519d5d]{grid-template-columns:1fr;text-align:center}.hero-content[data-v-cc519d5d]{text-align:center}.hero-buttons[data-v-cc519d5d]{justify-content:center}.hero-carousel[data-v-cc519d5d]{max-width:100%;margin:0 auto}.design-content[data-v-cc519d5d]{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.hero-title[data-v-cc519d5d]{font-size:36px}.hero-subtitle[data-v-cc519d5d]{font-size:28px}.carousel-container[data-v-cc519d5d]{height:300px}.carousel-caption[data-v-cc519d5d]{padding:20px}.carousel-caption h3[data-v-cc519d5d]{font-size:20px}.carousel-caption p[data-v-cc519d5d]{font-size:14px}.section-title[data-v-cc519d5d]{font-size:28px}.hero-buttons[data-v-cc519d5d]{flex-direction:column;align-items:center}}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{padding-bottom:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}[data-v-98a6abd7]{margin:0;padding:0;box-sizing:border-box}[data-v-98a6abd7]:root{--sidebar-width: 240px;--footer-height: 180px}.app-container[data-v-98a6abd7]{display:flex;min-height:100vh}.sidebar[data-v-98a6abd7]{width:var(--sidebar-width);background:linear-gradient(180deg,#fff,#f8f9fa);box-shadow:2px 0 12px #00000014;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:30px 0}.category-list[data-v-98a6abd7]{list-style:none}.category-item[data-v-98a6abd7]{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#546e7a;font-size:16px;gap:12px;position:relative}.category-item[data-v-98a6abd7]:hover{background:#4a90e20d;color:#4a90e2;transform:translate(4px)}.category-item.active[data-v-98a6abd7]{background:linear-gradient(90deg,#4a90e21a,#fff0);color:#4a90e2}.category-item.active[data-v-98a6abd7]:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(180deg,#4a90e2,#2c5aa0)}.category-icon[data-v-98a6abd7]{font-size:18px;width:24px;text-align:center}.main-content[data-v-98a6abd7]{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}.goods-grid[data-v-98a6abd7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-bottom:20px}.goods-card[data-v-98a6abd7]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.goods-card[data-v-98a6abd7]:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.goods-image-wrapper[data-v-98a6abd7]{position:relative;width:100%;height:220px;overflow:hidden}.goods-image[data-v-98a6abd7]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.goods-card:hover .goods-image[data-v-98a6abd7]{transform:scale(1.05)}.goods-badge[data-v-98a6abd7]{position:absolute;top:12px;right:12px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;animation:pulse-98a6abd7 2s infinite}.goods-badge.promotion[data-v-98a6abd7]{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff}.goods-badge.new[data-v-98a6abd7]{background:linear-gradient(135deg,#2ed573,#1e90ff);color:#fff}@keyframes pulse-98a6abd7{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.goods-info[data-v-98a6abd7]{padding:20px;display:flex;flex-direction:column;gap:16px}.goods-title[data-v-98a6abd7]{font-size:16px;color:#2c3e50;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goods-footer[data-v-98a6abd7]{display:flex;justify-content:space-between;align-items:center}.goods-price[data-v-98a6abd7]{font-size:24px;font-weight:700;color:#ff4757}.action-btn[data-v-98a6abd7]{padding:10px 20px;background:linear-gradient(135deg,#4a90e2,#2c5aa0);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.action-btn[data-v-98a6abd7]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.action-btn i[data-v-98a6abd7]{font-size:16px}.empty-state[data-v-98a6abd7]{text-align:center;padding:60px 20px;color:#95a5a6}.empty-state i[data-v-98a6abd7]{font-size:48px;margin-bottom:16px;opacity:.5}.steps-footer[data-v-98a6abd7]{background:#9df8e4;box-shadow:0 4px 20px #0000001a;width:100%}.steps-container[data-v-98a6abd7]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;gap:20px;padding:30px 20px}.step-item[data-v-98a6abd7]{display:flex;align-items:center;gap:15px;flex:1;padding:0 20px}.step-icon[data-v-98a6abd7]{width:60px;height:60px;background:linear-gradient(135deg,#4a90e2,#2c5aa0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.step-content h4[data-v-98a6abd7]{font-size:16px;color:#2c3e50;margin-bottom:4px}.step-content p[data-v-98a6abd7]{font-size:13px;color:#7f8c8d}.step-divider[data-v-98a6abd7]{width:1px;height:50px;background:linear-gradient(180deg,#e0e0e0 0%,transparent 100%)}@media(max-width:1024px){.steps-container[data-v-98a6abd7]{flex-wrap:wrap;padding:20px}.step-divider[data-v-98a6abd7]{display:none}.step-item[data-v-98a6abd7]{flex:1 1 45%;justify-content:center;padding:10px}}@media(max-width:768px){.app-container[data-v-98a6abd7]{flex-direction:column;min-height:100vh}.sidebar[data-v-98a6abd7]{width:100%;position:static;height:auto;padding:0}.category-list[data-v-98a6abd7]{display:flex;overflow-x:auto;padding:10px;gap:8px}.category-item[data-v-98a6abd7]{white-space:nowrap;padding:12px 16px;border-radius:8px;border:1px solid #e0e0e0}.category-item.active[data-v-98a6abd7]:before{display:none}.category-item.active[data-v-98a6abd7]{border-color:#4a90e2;background:#4a90e20d}.goods-grid[data-v-98a6abd7]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;padding:15px}.goods-image-wrapper[data-v-98a6abd7]{height:160px}.action-btn[data-v-98a6abd7]{padding:8px 14px;font-size:13px}.action-btn i[data-v-98a6abd7]{font-size:14px}.steps-container[data-v-98a6abd7]{flex-direction:column;gap:20px;padding:15px;height:auto}.step-item[data-v-98a6abd7]{flex-direction:column;text-align:center;gap:10px;padding:5px}.step-icon[data-v-98a6abd7]{width:50px;height:50px;font-size:20px}}