#app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-light)}.app-main{flex:1;margin-top:0}.site-header{position:sticky;top:0;z-index:1000}.announcement-bar{background:var(--brand-primary);color:#fff;font-size:.95rem}.announcement-content{padding:10px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.announcement-link{color:#fff;font-weight:600;text-decoration:underline;transition:var(--transition-base);white-space:nowrap}.announcement-link:hover{color:hsla(0,0%,100%,.85);text-decoration:none}.main-nav{background:hsla(0,0%,100%,.98);border-bottom:1px solid rgba(15,23,42,.06);transition:var(--transition-base)}.main-nav.is-scrolled{box-shadow:var(--shadow-sm)}.nav-content{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{height:48px}.nav-links{display:flex;align-items:center;gap:18px}.nav-links>a,.nav-links>button{border:none;background:transparent;font-size:.98rem;font-weight:600;color:var(--text-primary);padding:10px 12px;border-radius:999px;cursor:pointer;transition:var(--transition-base)}.nav-links>a.router-link-active,.nav-links>a:hover,.nav-links>button:hover{color:var(--brand-accent);background:rgba(0,113,227,.08)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown:before{content:"";position:absolute;top:100%;left:0;right:0;height:20px;background:transparent}.nav-link-with-dropdown{border:none;background:transparent;font-size:.98rem;font-weight:600;color:var(--text-primary);padding:10px 12px;border-radius:999px;cursor:pointer;transition:var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.nav-link-with-dropdown.router-link-active,.nav-link-with-dropdown:hover{color:var(--brand-accent);background:rgba(0,113,227,.08)}.nav-link-with-dropdown:after{content:"▼";font-size:.7rem;opacity:.6;transition:transform .3s ease}.nav-dropdown:hover .nav-link-with-dropdown:after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;background:#fff;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:var(--radius-md);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;border:1px solid rgba(15,23,42,.08);pointer-events:none}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-item{display:block;padding:10px 20px;color:var(--text-primary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.dropdown-item:hover{background:rgba(0,113,227,.08);color:var(--brand-accent);padding-left:24px}.nav-actions{gap:20px}.nav-account,.nav-actions{display:flex;align-items:center}.nav-account{gap:8px}.account-link{font-weight:600;color:var(--text-primary);padding:8px 12px;border-radius:8px;transition:var(--transition-base)}.account-link:hover{color:var(--brand-accent);background:rgba(0,113,227,.08)}.nav-account .divider{color:var(--text-muted);font-size:.9rem}.nav-user,.user-dropdown{display:flex;align-items:center}.user-dropdown{gap:8px;padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(0,113,227,.12);cursor:pointer;transition:var(--transition-base)}.user-dropdown:hover{background:linear-gradient(135deg,#e3f2ff,#dbeafe);border-color:rgba(0,113,227,.2)}.user-icon{font-size:1.1rem}.user-email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-cart,.user-email{font-weight:600;color:var(--brand-primary)}.nav-cart{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid rgba(0,113,227,.12);transition:var(--transition-base);text-decoration:none;position:relative}.nav-cart:hover{background:linear-gradient(135deg,#e3f2ff,#dbeafe);border-color:rgba(0,113,227,.2);box-shadow:0 4px 12px rgba(0,113,227,.15);transform:translateY(-2px)}.cart-icon{font-size:1.4rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.cart-info{display:flex;flex-direction:column;line-height:1.4;gap:2px}.cart-info .label{font-weight:700;color:var(--brand-primary);font-size:.95rem;letter-spacing:.01em}.cart-info .meta{color:#64748b;font-weight:600;font-size:.85rem}.contact-btn{padding:12px 24px;font-size:.95rem;white-space:nowrap;background:linear-gradient(135deg,#0071e3,#005bb5);border:none;box-shadow:0 2px 8px rgba(0,113,227,.2)}.contact-btn:hover{background:linear-gradient(135deg,#005bb5,#004a94);box-shadow:0 4px 12px rgba(0,113,227,.3);transform:translateY(-1px)}.mobile-toggle{display:none;border:none;background:rgba(15,23,42,.08);padding:8px 16px;border-radius:999px;font-weight:600}.mobile-panel{display:none}.site-footer{background:var(--brand-primary);color:hsla(0,0%,100%,.85);padding:0;margin-top:80px}.newsletter-section{padding:48px 0;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.15)}.newsletter-section h3{font-size:1.8rem;font-weight:700;margin-bottom:12px;color:#fff}.newsletter-section .newsletter-text{font-size:1rem;color:hsla(0,0%,100%,.8);margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-section .footer-subscribe{max-width:480px;margin:0 auto 28px}.newsletter-section .footer-social{justify-content:center;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:48px;padding:48px 0;align-items:start}.footer-brand img{height:52px;margin-bottom:18px}.footer-brand h3{font-size:1.3rem;font-weight:700;margin-bottom:16px}.footer-desc{font-size:.95rem;line-height:1.7;color:hsla(0,0%,100%,.75);margin-bottom:24px}.footer-contact{display:flex;flex-direction:column;gap:14px}.contact-item{display:flex;gap:12px;align-items:flex-start;font-size:.9rem}.contact-item i{width:18px;flex-shrink:0;margin-top:2px;color:var(--brand-accent)}.contact-item a,.contact-item span{color:hsla(0,0%,100%,.8);transition:color .3s ease}.contact-item a:hover{color:#fff}.footer-column h3{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:#fff}.footer-column a,.footer-column button{display:block;color:hsla(0,0%,100%,.8);margin-bottom:10px;background:transparent;border:none;padding:0;font-size:.95rem;text-align:left;cursor:pointer}.footer-column a:hover,.footer-column button:hover{color:#fff}.newsletter-text{font-size:.9rem;line-height:1.6;color:hsla(0,0%,100%,.75);margin-bottom:16px}.footer-subscribe{margin-top:16px;display:flex;gap:8px;max-width:360px}.footer-subscribe input{flex:1;height:44px;padding:0 16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;font-size:.9rem;transition:all .3s ease}.footer-subscribe input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.footer-subscribe input::placeholder{color:hsla(0,0%,100%,.5)}.footer-subscribe input:focus{outline:none;background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.4)}.footer-subscribe button{width:44px;height:44px;padding:0;border-radius:50%;border:none;background:var(--brand-accent);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.footer-subscribe button:hover{background:#005bb5;transform:scale(1.05)}.footer-social{margin-top:20px;display:flex;gap:12px}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);font-size:1.1rem;transition:all .3s ease}.footer-social a:hover{background:#fff;color:var(--brand-primary);transform:translateY(-3px)}.footer-bottom{margin-top:48px;padding:24px 0;border-top:1px solid hsla(0,0%,100%,.12)}.footer-bottom-content{justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.9rem}.footer-bottom-content,.footer-payment{display:flex;align-items:center;color:hsla(0,0%,100%,.7)}.footer-payment{gap:12px}.footer-payment span{font-size:.85rem}.footer-payment i{font-size:1.8rem;color:hsla(0,0%,100%,.8);transition:color .3s ease}.footer-payment i:hover{color:#fff}.footer-links{display:flex;gap:20px}.footer-links a{color:hsla(0,0%,100%,.8)}.footer-links a:hover{color:#fff}@media (max-width:1024px){.app-main{margin-top:0}.nav-actions,.nav-links{display:none}.mobile-toggle{display:inline-flex}.main-nav.is-open .mobile-panel{display:block;background:#fff;border-top:1px solid rgba(15,23,42,.06)}.mobile-actions,.mobile-links{display:grid;gap:16px;padding:18px 24px}.mobile-links a,.mobile-links button{text-align:left;padding:12px 0;border-bottom:1px solid rgba(15,23,42,.06);font-weight:600;color:var(--text-primary)}.mobile-links a:last-child,.mobile-links button:last-child{border-bottom:none}.mobile-actions .cta-button{width:100%}.mobile-cart{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(0,113,227,.08);border-radius:12px;font-weight:600;color:var(--brand-primary)}.mobile-account{display:flex;gap:12px;margin-bottom:12px}.mobile-account-link{flex:1;text-align:center;padding:12px 16px;border-radius:10px;font-weight:600;background:rgba(0,113,227,.08);color:var(--brand-primary);transition:var(--transition-base)}.mobile-account-link.register{background:linear-gradient(135deg,#0071e3,#0b66c3);color:#fff}.mobile-user{background:rgba(0,113,227,.08);border-radius:12px;margin-bottom:12px;overflow:hidden}.mobile-user-header{padding:12px 16px;border-bottom:1px solid rgba(0,113,227,.1)}.mobile-user .user-info{font-weight:600;color:var(--brand-primary);display:block}.mobile-user-menu{display:flex;flex-direction:column}.mobile-menu-item{padding:12px 16px;color:var(--text-primary);font-weight:500;background:transparent;border:none;border-bottom:1px solid rgba(0,113,227,.1);text-align:left;cursor:pointer;transition:var(--transition-base);text-decoration:none}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:rgba(0,113,227,.05)}.mobile-menu-item.logout{color:var(--brand-warning);font-weight:600}.mobile-menu-item.logout:hover{background:hsla(0,100%,71%,.08)}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px}.footer-bottom-content{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.announcement-content{flex-direction:column;text-align:center;gap:12px}.app-main{margin-top:0}.nav-content{padding:14px 18px}.logo img{height:40px}.footer-subscribe{flex-direction:column}.footer-subscribe button{width:100%}.footer-links{flex-wrap:wrap}}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;background:#dc2626;color:#fff;border:none;box-shadow:0 4px 12px rgba(220,38,38,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease}.back-to-top:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(220,38,38,.4)}.back-to-top:active{transform:translateY(0)}.back-to-top svg{width:20px;height:20px;display:block;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media (max-width:640px){.back-to-top{bottom:24px;right:24px;width:44px;height:44px}.back-to-top svg{width:18px;height:18px}}.home-page[data-v-0b6585bc]{display:flex;flex-direction:column;gap:80px}.hero[data-v-0b6585bc]{padding:80px 0;margin-top:0;background:linear-gradient(135deg,rgba(11,31,59,.92),rgba(0,113,227,.8));color:#fff;position:relative;overflow:hidden}.hero[data-v-0b6585bc]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,hsla(0,0%,100%,.1),transparent 55%);pointer-events:none}.hero-content[data-v-0b6585bc]{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.hero-carousel[data-v-0b6585bc]{width:100%;max-width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.15)}.hero-carousel[data-v-0b6585bc] .el-carousel__container{height:700px;border-radius:var(--radius-xl)}.hero-carousel[data-v-0b6585bc] .el-carousel__item{border-radius:var(--radius-xl);overflow:hidden}.carousel-banner[data-v-0b6585bc]{width:100%;height:100%;cursor:pointer;position:relative;overflow:hidden}.carousel-banner.gradient-0[data-v-0b6585bc],.carousel-banner[data-v-0b6585bc]{background:linear-gradient(135deg,#667eea,#764ba2)}.carousel-banner.gradient-1[data-v-0b6585bc]{background:linear-gradient(135deg,#f093fb,#f5576c)}.carousel-banner.gradient-2[data-v-0b6585bc]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.carousel-banner.gradient-3[data-v-0b6585bc]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.carousel-banner.gradient-4[data-v-0b6585bc]{background:linear-gradient(135deg,#fa709a,#fee140)}.carousel-banner[data-v-0b6585bc]:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);pointer-events:none}.banner-content[data-v-0b6585bc]{height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px 80px;position:relative;z-index:1;overflow:hidden}.banner-text[data-v-0b6585bc]{display:flex;flex-direction:column;gap:24px;color:#fff}.banner-badge[data-v-0b6585bc]{display:inline-block;align-self:flex-start;padding:8px 20px;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border-radius:999px;font-size:.9rem;font-weight:700;letter-spacing:1px;border:1px solid hsla(0,0%,100%,.3)}.banner-title[data-v-0b6585bc]{font-size:3rem;font-weight:800;line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.2);max-height:10.8rem}.banner-subtitle[data-v-0b6585bc],.banner-title[data-v-0b6585bc]{margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.banner-subtitle[data-v-0b6585bc]{font-size:1.15rem;line-height:1.7;color:hsla(0,0%,100%,.95);max-width:500px}.banner-price-section[data-v-0b6585bc]{display:flex;flex-direction:column;gap:12px;margin:12px 0}.banner-price[data-v-0b6585bc]{display:flex;align-items:baseline;gap:12px}.price-label[data-v-0b6585bc]{font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.9)}.price-value[data-v-0b6585bc]{font-size:3.5rem;font-weight:900;color:gold;text-shadow:0 2px 10px rgba(255,215,0,.3)}.banner-reviews[data-v-0b6585bc]{font-size:1.05rem;font-weight:600;color:gold;text-shadow:0 1px 5px rgba(0,0,0,.2)}.banner-cta[data-v-0b6585bc]{align-self:flex-start;padding:18px 48px;background:#fff;color:#667eea;border:none;border-radius:999px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.2);margin-top:8px}.banner-cta[data-v-0b6585bc]:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.3);background:gold;color:#667eea}.banner-image[data-v-0b6585bc]{display:flex;align-items:center;justify-content:center;padding:40px;position:relative;height:100%;overflow:hidden}.banner-image[data-v-0b6585bc]:before{content:"";position:absolute;width:120%;height:120%;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);border-radius:50%;pointer-events:none}.banner-image img[data-v-0b6585bc]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));transition:transform .4s ease;position:relative;z-index:1}.carousel-banner:hover .banner-image img[data-v-0b6585bc]{transform:scale(1.08) rotate(2deg)}.hero-carousel[data-v-0b6585bc] .el-carousel__arrow{background:hsla(0,0%,100%,.95);color:#667eea;width:56px;height:56px;font-size:24px;box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s ease;border-radius:50%;opacity:0}.hero-carousel[data-v-0b6585bc]:hover .el-carousel__arrow{opacity:1}.hero-carousel[data-v-0b6585bc] .el-carousel__arrow:hover{background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.3)}.hero-carousel[data-v-0b6585bc] .el-carousel__indicators{bottom:-50px}.hero-carousel[data-v-0b6585bc] .el-carousel__indicator{padding:0}.hero-carousel[data-v-0b6585bc] .el-carousel__button{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.5);transition:all .3s ease}.hero-carousel[data-v-0b6585bc] .el-carousel__indicator.is-active .el-carousel__button{width:32px;border-radius:6px;background:#fff}.section-heading[data-v-0b6585bc]{text-align:center;margin-bottom:36px}.heading-row[data-v-0b6585bc]{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:24px}.category-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.category-card[data-v-0b6585bc]{display:grid;gap:18px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.06);overflow:hidden;cursor:pointer;transition:var(--transition-base)}.category-card[data-v-0b6585bc]:focus-visible,.category-card[data-v-0b6585bc]:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-card .card-media[data-v-0b6585bc]{width:100%;height:200px;background:#f4f6fb;display:flex;align-items:center;justify-content:center;padding:12px}.category-card .card-media img[data-v-0b6585bc]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.category-card .card-body[data-v-0b6585bc]{padding:24px;display:flex;flex-direction:column;gap:16px;flex:1;justify-content:space-between}.category-card .card-body h3[data-v-0b6585bc]{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.category-card ul[data-v-0b6585bc]{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:var(--text-secondary)}.category-card ul li[data-v-0b6585bc]:before{content:"•";margin-right:8px;color:var(--brand-accent)}.category-meta[data-v-0b6585bc]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--text-secondary)}.category-meta .price[data-v-0b6585bc]{font-weight:700;color:#dc2626}.category-meta .rating[data-v-0b6585bc]{color:#f97316}.category-meta .rating span[data-v-0b6585bc]{font-size:.85rem;margin-left:6px;color:#f97316}.accessories[data-v-0b6585bc],.best-selling[data-v-0b6585bc],.blog-section[data-v-0b6585bc],.faq-section[data-v-0b6585bc],.product-showcase[data-v-0b6585bc],.support-section[data-v-0b6585bc]{scroll-margin-top:120px}.product-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:28px}.product-card[data-v-0b6585bc]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(15,23,42,.06);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:var(--transition-base)}.product-card[data-v-0b6585bc]:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.product-thumb[data-v-0b6585bc]{position:relative;background:#f4f6fb;display:flex;justify-content:center;align-items:center;height:220px;padding:18px}.product-thumb img[data-v-0b6585bc]{max-height:100%;width:auto}.product-thumb .tag[data-v-0b6585bc]{position:absolute;top:16px;left:16px;background:var(--brand-accent);color:#fff;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.product-info[data-v-0b6585bc]{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1;justify-content:space-between}.product-info h3[data-v-0b6585bc]{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.product-info p[data-v-0b6585bc]{color:var(--text-secondary);line-height:1.6}.product-meta[data-v-0b6585bc]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--text-secondary)}.product-meta .price[data-v-0b6585bc]{font-weight:700;color:#dc2626}.product-meta .rating[data-v-0b6585bc]{color:#f97316}.product-meta .rating span[data-v-0b6585bc]{font-size:.85rem;margin-left:6px;color:#f97316}.section-action[data-v-0b6585bc]{margin-top:32px;text-align:center}.best-grid[data-v-0b6585bc]{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,1fr);gap:24px}.featured-card[data-v-0b6585bc]{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:420px;cursor:pointer}.featured-card img[data-v-0b6585bc]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease}.featured-card:hover img[data-v-0b6585bc]{transform:scale(1.05)}.featured-card .overlay[data-v-0b6585bc]{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,31,59,.2),rgba(11,31,59,.85));color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px}.featured-card .overlay h3[data-v-0b6585bc]{font-size:1.4rem;font-weight:700;color:#fff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin:0}.featured-card .overlay .meta[data-v-0b6585bc]{display:flex;gap:16px;font-size:.9rem;color:#fff;margin-bottom:4px}.featured-card .overlay .meta>span[data-v-0b6585bc]:first-child{color:#dc2626;font-weight:700}.featured-card .overlay .meta .reviews[data-v-0b6585bc]{color:#f97316;font-weight:600}.featured-card .labels[data-v-0b6585bc]{display:flex;flex-wrap:wrap;gap:10px}.featured-card .labels span[data-v-0b6585bc]{background:hsla(0,0%,100%,.16);padding:6px 12px;border-radius:999px;font-size:.85rem}.best-list[data-v-0b6585bc]{display:grid;gap:18px}.best-item[data-v-0b6585bc]{display:flex;gap:16px;background:#fff;padding:18px;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.08);cursor:pointer;transition:var(--transition-base)}.best-item[data-v-0b6585bc]:hover{transform:translateX(6px);box-shadow:var(--shadow-sm)}.best-item img[data-v-0b6585bc]{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;background:#f5f7fb;border-radius:var(--radius-md)}.best-item .info[data-v-0b6585bc]{flex:1;display:flex;flex-direction:column;gap:12px}.best-item .info h4[data-v-0b6585bc]{font-size:1rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.best-item .meta[data-v-0b6585bc]{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary)}.best-item .meta>span[data-v-0b6585bc]:first-child{color:#dc2626;font-weight:700}.best-item .reviews[data-v-0b6585bc]{color:#f97316;font-weight:600}.accessory-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.accessory-card[data-v-0b6585bc]{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;cursor:pointer;transition:var(--transition-base)}.accessory-card[data-v-0b6585bc]:focus-visible,.accessory-card[data-v-0b6585bc]:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.accessory-card .thumb[data-v-0b6585bc]{background:#f4f6fb;padding:24px;display:flex;justify-content:center;align-items:center;height:200px}.accessory-card img[data-v-0b6585bc]{max-height:100%;width:auto}.accessory-card .body[data-v-0b6585bc]{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1;justify-content:space-between}.accessory-card .body h3[data-v-0b6585bc]{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.accessory-card ul[data-v-0b6585bc]{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--text-secondary)}.accessory-card ul li[data-v-0b6585bc]:before{content:"—";margin-right:8px;color:var(--brand-accent)}.accessory-meta[data-v-0b6585bc]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--text-secondary)}.accessory-meta .price[data-v-0b6585bc]{font-weight:700;color:#dc2626}.accessory-meta .rating[data-v-0b6585bc]{color:#f97316}.accessory-meta .rating span[data-v-0b6585bc]{font-size:.85rem;margin-left:6px;color:#f97316}.blog-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.blog-card[data-v-0b6585bc]{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;gap:16px;text-align:left}.blog-card h3[data-v-0b6585bc]{font-size:1.2rem;font-weight:600}.blog-card p[data-v-0b6585bc]{color:var(--text-secondary)}.support-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.faq-grid[data-v-0b6585bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:32px}.faq-item[data-v-0b6585bc]{background:#fff;border-radius:var(--radius-lg);padding:22px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-sm)}.faq-item h3[data-v-0b6585bc]{font-size:1.1rem;font-weight:600;margin-bottom:8px}.faq-item p[data-v-0b6585bc]{color:var(--text-secondary);line-height:1.7}@media (max-width:1024px){.hero[data-v-0b6585bc]{padding-top:calc(64px + var(--header-offset-tablet));margin-top:calc(var(--header-offset-tablet)*-1)}.hero-carousel[data-v-0b6585bc]{max-width:100%}.hero-carousel[data-v-0b6585bc] .el-carousel__container{height:580px}.banner-content[data-v-0b6585bc]{grid-template-columns:1fr;gap:40px;padding:40px}.banner-title[data-v-0b6585bc]{font-size:2.2rem}.banner-subtitle[data-v-0b6585bc]{font-size:1rem}.price-value[data-v-0b6585bc]{font-size:2.5rem}.banner-image[data-v-0b6585bc]{display:none}.best-grid[data-v-0b6585bc]{grid-template-columns:1fr}}@media (max-width:640px){.home-page[data-v-0b6585bc]{gap:60px}.hero[data-v-0b6585bc]{padding-top:calc(48px + var(--header-offset-mobile));margin-top:calc(var(--header-offset-mobile)*-1);padding-bottom:64px}.hero-carousel[data-v-0b6585bc] .el-carousel__container{height:520px}.banner-content[data-v-0b6585bc]{padding:32px 24px}.banner-title[data-v-0b6585bc]{font-size:1.8rem}.banner-subtitle[data-v-0b6585bc]{font-size:.95rem}.price-value[data-v-0b6585bc]{font-size:2rem}.banner-cta[data-v-0b6585bc]{padding:14px 36px;font-size:1rem}.hero-carousel[data-v-0b6585bc] .el-carousel__arrow{width:48px;height:48px;font-size:20px}.hero-carousel[data-v-0b6585bc] .el-carousel__indicators{bottom:-40px}.product-grid[data-v-0b6585bc]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}:root{--brand-primary:#0b1f3b;--brand-secondary:#123e6f;--brand-accent:#0071e3;--brand-accent-light:#e3f2ff;--brand-warning:#ff6b6b;--text-primary:#1f2937;--text-secondary:#4b5563;--text-muted:#6b7280;--border-soft:#e5e7eb;--border-strong:#d1d5db;--bg-light:#f9fafb;--bg-subtle:#eef2f7;--bg-dark:#0b1f3b;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--shadow-sm:0 4px 12px rgba(15,23,42,.08);--shadow-md:0 12px 24px rgba(15,23,42,.12);--shadow-lg:0 18px 40px rgba(15,23,42,.16);--transition-base:all 0.3s ease;--container-max-width:1340px;--header-offset-desktop:96px;--header-offset-tablet:88px;--header-offset-mobile:72px}body{font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.6}a{color:inherit;text-decoration:none;transition:var(--transition-base)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;color:var(--text-secondary);max-width:680px;margin:.5rem auto 0}.badge{gap:6px;padding:4px 12px;font-size:.85rem;font-weight:500;background:var(--brand-accent-light);color:var(--brand-accent)}.badge,.cta-button{display:inline-flex;align-items:center;border-radius:999px}.cta-button{justify-content:center;gap:10px;padding:14px 28px;border:none;background:linear-gradient(135deg,#0071e3,#0b66c3);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.link-button{display:inline-flex;align-items:center;gap:8px;color:var(--brand-accent);font-weight:600;border:none;background:transparent;padding:0;cursor:pointer}.link-button:hover{color:#005bb5}.pill-nav{display:inline-flex;align-items:center;gap:12px;padding:6px;background:rgba(15,23,42,.04);border-radius:999px}.pill-nav button{padding:10px 20px;border-radius:999px;background:transparent;border:none;cursor:pointer;font-weight:600;transition:var(--transition-base);color:var(--text-secondary)}.pill-nav button.active{background:#fff;color:var(--brand-accent);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(15,23,42,.06);transition:var(--transition-base)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.card-body{padding:24px}.card-title{font-size:1.2rem;font-weight:600;margin-bottom:12px}.card-subtitle{color:var(--text-secondary);margin-bottom:16px}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:28px;text-align:center;border:1px solid rgba(15,23,42,.06);box-shadow:var(--shadow-sm)}.stat-card .value{font-size:2.2rem;font-weight:700;color:var(--brand-primary)}.stat-card .label{margin-top:.5rem;color:var(--text-secondary)}.support-card{background:linear-gradient(150deg,rgba(0,113,227,.08),rgba(0,113,227,.02));border:1px solid rgba(0,113,227,.12);padding:28px;border-radius:var(--radius-lg);height:100%;display:flex;flex-direction:column;gap:18px}.support-card h3{font-size:1.25rem;font-weight:700}.support-card p{color:var(--text-secondary);flex:1}.support-card .link-button{margin-top:auto}@media (max-width:768px){.container{padding:0 18px}.section-title{font-size:1.6rem}.cta-button{width:100%}}