:root{--primary-blue: #1e40af;--primary-blue-light: #3b82f6;--primary-blue-dark: #1d4ed8;--primary-blue-darker: #1e3a8a;--accent-yellow: #fbbf24;--accent-yellow-dark: #f59e0b;--accent-green: #10b981;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-light) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--primary-blue-dark) 0%, #2563eb 100%);--gradient-accent: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-yellow-dark) 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(248, 250, 252, .9) 100%);--gradient-card-hover: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(240, 247, 255, .95) 100%);--shadow-sm: 0 4px 15px rgba(30, 64, 175, .2);--shadow-md: 0 4px 20px rgba(30, 64, 175, .08);--shadow-lg: 0 8px 30px rgba(30, 64, 175, .12);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--space-xs: .5rem;--space-sm: .8rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#dbeafe,#f0f7ff,#e6f3ff);min-height:100vh}.top-nav{background:linear-gradient(180deg,#f8fafcf2,#f0f7ffe6 40%,#dbeafed9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(30,64,175,.2);padding:0 2rem;position:sticky;top:0;z-index:100;box-shadow:0 4px 25px #1e40af26}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:70px}.logo{display:flex;align-items:center;gap:.8rem;cursor:pointer;transition:all .3s ease}.logo:hover{transform:translateY(-1px)}.logo-icon{width:60px;height:60px;border-radius:50%;object-fit:cover;transition:all .3s ease}.logo-icon:hover{transform:scale(1.05);box-shadow:0 4px 15px #1e40af33}.logo-text{font-size:1.4rem;font-weight:700;color:#1e40af;text-decoration:none;letter-spacing:1px}.nav-menu{display:flex;align-items:center;gap:2.5rem}.nav-link{color:#334155;text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-link:hover{color:#1e40af}.nav-link:hover:after,.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#1e40af,#3b82f6);border-radius:1px}.nav-link.active{color:#1e40af;font-weight:600}.nav-link.active:after{opacity:1;animation:activeBorder .3s ease}@keyframes activeBorder{0%{width:0;opacity:0}to{width:100%;opacity:1}}.cta-button{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.8rem;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.cta-button:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1e40af4d}.main-content{padding:0;max-width:100%;margin:0}.hero-section{position:relative;width:100%;height:100vh;min-height:600px;background:linear-gradient(135deg,#314a9a,#3e639e,#1e40af);background-image:url(/cha-index.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e40afb3,#3b82f699,#1e40afcc);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:900px;padding:0 2rem}.hero-tags{margin-bottom:3rem;font-size:1.3rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;opacity:.9}.tag{color:#cbd5e1;padding:0 .5rem}.tag-separator{color:#64748b;margin:0 1rem}.hero-title{margin-bottom:2.5rem;line-height:1.1}.title-line-1{font-size:4.8rem;font-weight:600;color:#60a5fa;margin-bottom:.5rem;letter-spacing:2px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.title-line-2{font-size:6.5rem;font-weight:800;color:#fff;letter-spacing:3px;text-shadow:0 4px 20px rgba(0,0,0,.4)}.hero-description{font-size:1.8rem;font-weight:400;margin-bottom:3.5rem;line-height:1.7;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.3);color:#e2e8f0;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{background:var(--gradient-accent);color:#1f2937;border:none;padding:1.4rem 3.5rem;border-radius:30px;font-weight:700;font-size:1.5rem;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 25px #fbbf244d;text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.hero-cta:hover{background:linear-gradient(135deg,var(--accent-yellow-dark) 0%,#d97706 100%);transform:translateY(-3px);box-shadow:0 12px 35px #fbbf2466}.hero-cta svg{transition:transform .3s ease}.hero-cta:hover svg{transform:translate(3px)}.hero-subtitle{font-size:1.4rem;font-weight:400;color:#94a3b8;letter-spacing:1px;opacity:.8}.trust-text{color:#cbd5e1}.highlight-number{color:#fbbf24;font-weight:700;font-size:1.8rem;margin:0 .5rem}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-menu{gap:1.5rem}.nav-link{font-size:.9rem}.cta-button{padding:.6rem 1.4rem;font-size:.85rem}.logo-icon{width:50px;height:50px}.hero-section{height:100vh;min-height:500px}.hero-tags{margin-bottom:2rem;font-size:1.2rem;letter-spacing:2px}.tag-separator{margin:0 .8rem}.title-line-1{font-size:3.5rem;letter-spacing:1px}.title-line-2{font-size:4.5rem;letter-spacing:2px}.hero-description{font-size:1.6rem;margin-bottom:2.5rem;line-height:1.6}.hero-cta{padding:1.2rem 2.8rem;font-size:1.4rem;letter-spacing:1px;margin-bottom:2.5rem}.hero-subtitle{font-size:1.3rem}.highlight-number{font-size:1.6rem}}.products-section{background:linear-gradient(180deg,#e2e8f0,#fff 30%,#f8fafc 80%,#f1f5f9);padding:4rem 0;position:relative}.products-section:before{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background-image:url(/cha-product-index.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.06;pointer-events:none;z-index:1}.products-section:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(135deg,rgba(30,64,175,.02) 0%,rgba(59,130,246,.01) 50%,transparent 100%);pointer-events:none;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:3.5rem;font-weight:700;color:#1e40af;margin-bottom:1.5rem;letter-spacing:2px}.section-subtitle{font-size:1.3rem;color:#64748b;font-weight:400;letter-spacing:1px;line-height:1.6}.products-showcase{margin-bottom:4rem;overflow:hidden}.products-slider{display:flex;transition:transform .5s ease;width:400%}.product-slide{flex:0 0 25%;width:25%}.product-feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:1.5rem 2rem;min-height:480px}.product-feature.reverse{direction:rtl}.product-feature.reverse>*{direction:ltr}.product-image-container{position:relative;border-radius:20px;overflow:visible;background:transparent;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.product-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f1f5f9f2);border-radius:20px;box-shadow:0 20px 60px #1e40af14,0 8px 30px #0000000a;border:1px solid rgba(30,64,175,.06);z-index:1}.product-image-container:hover{transform:translateY(-5px);background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(147,197,253,.12) 0%,transparent 50%),linear-gradient(135deg,#fffffff2,#f8fafc);box-shadow:0 25px 80px #1e40af26,inset 0 1px #fff9;border-color:#1e40af1f}.product-image{width:100%;height:320px;object-fit:contain;border-radius:20px;padding:1rem;position:relative;z-index:2;mix-blend-mode:multiply;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1)) brightness(1.05) contrast(1.1);transition:all .3s ease}.product-image:hover{transform:scale(1.02);filter:drop-shadow(0 12px 20px rgba(0,0,0,.15)) brightness(1.1) contrast(1.15)}.product-content{padding:var(--space-xl);background:var(--gradient-card);border:1px solid rgba(30,64,175,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.product-content:hover{background:var(--gradient-card-hover);border-color:#1e40af26;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.product-category{font-size:.9rem;font-weight:600;color:var(--primary-blue-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-md)}.product-title{font-size:2.2rem;font-weight:700;color:var(--primary-blue);margin-bottom:var(--space-lg);letter-spacing:1px;line-height:1.2}.product-quote{margin-bottom:1.8rem}.product-quote blockquote{font-size:1.1rem;line-height:1.6;color:#374151;font-style:italic;position:relative;padding-left:2rem;border-left:4px solid #3b82f6;margin:0}.product-quote blockquote:before{content:'"';font-size:4rem;color:#3b82f6;position:absolute;left:-1rem;top:-1rem;font-family:serif}.product-details{margin-bottom:1.8rem}.detail-item{display:flex;align-items:center;margin-bottom:.6rem;font-size:.95rem}.detail-label{font-weight:600;color:#1e40af;min-width:80px}.brand-mark{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.brand-logo{font-size:1.2rem;font-weight:700;color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.5rem 1rem;border-radius:8px}.brand-desc{font-size:.9rem;color:#64748b;font-style:italic}.products-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.nav-counter{font-size:1.1rem;font-weight:600;color:#64748b}.nav-dots{display:flex;gap:.8rem}.nav-dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;cursor:pointer;transition:all .3s ease}.nav-dot.active{background:#3b82f6;transform:scale(1.2)}.nav-dot:hover{background:#64748b}.nav-buttons{display:flex;gap:1rem}.nav-btn{width:50px;height:50px;border:2px solid #e2e8f0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#64748b}.nav-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f633}@media (max-width: 768px){.products-section{padding:3rem 0}.products-section:before{width:35%;opacity:.06}.section-header{margin-bottom:2rem}.section-title{font-size:2.2rem;letter-spacing:1px}.section-subtitle{font-size:1.1rem}.products-slider{width:400%}.product-feature{grid-template-columns:1fr;gap:2rem;padding:1rem;min-height:auto}.product-content{padding:1.5rem;border-radius:12px}.product-feature.reverse{direction:ltr}.product-image{height:250px;padding:.8rem}.product-title{font-size:1.8rem;margin-bottom:1rem}.product-quote{margin-bottom:1.2rem}.product-quote blockquote{font-size:1rem;padding-left:1.5rem}.product-quote blockquote:before{font-size:2.5rem;left:-.8rem;top:-.8rem}.product-details{margin-bottom:1.2rem}.brand-mark{padding-top:1rem}.products-navigation{margin-top:1.5rem;padding-top:1rem}.nav-btn{width:45px;height:45px}.nav-dots{gap:.6rem}.nav-dot{width:10px;height:10px}}@media (max-width: 480px){.nav-container{flex-direction:column;height:auto;padding:var(--space-md) 0;gap:var(--space-md)}.nav-menu{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.nav-link{font-size:.8rem;padding:.3rem .6rem;white-space:nowrap}.cta-button{padding:var(--space-xs) var(--space-md);font-size:.8rem;white-space:nowrap}.logo{gap:var(--space-xs)}.logo-icon{width:45px;height:45px}.container{padding:0 var(--space-sm)}.store-slide{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;flex:0 0 33.333%}.stores-slider{display:flex;width:300%;box-sizing:border-box}.section-header{margin-bottom:1.5rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.95rem}.hero-section{height:100vh;min-height:450px}.hero-content{padding:0 1rem}.hero-tags{margin-bottom:1.5rem;font-size:1.1rem;letter-spacing:1px}.tag-separator{margin:0 .5rem}.title-line-1{font-size:2.8rem;letter-spacing:1px;margin-bottom:.3rem}.title-line-2{font-size:3.6rem;letter-spacing:1px}.hero-description{font-size:1.4rem;margin-bottom:2rem;padding:0 .5rem}.hero-cta{padding:1rem 2.2rem;font-size:1.3rem;letter-spacing:1px;margin-bottom:2rem}.hero-cta svg{width:18px;height:18px}.hero-subtitle{font-size:1.2rem;padding:0 1rem}.highlight-number{font-size:1.5rem}.products-section{padding:2rem 0}.products-section:before{width:30%;opacity:.05}.product-feature{grid-template-columns:1fr;gap:1.5rem;padding:1rem;min-height:auto}.product-feature.reverse{direction:ltr}.product-image{height:220px;border-radius:15px;padding:1rem}.product-content{padding:1.5rem;border-radius:12px;box-shadow:0 2px 15px #1e40af0f}.product-title{font-size:1.6rem;margin-bottom:1rem}.product-quote{margin-bottom:1.2rem}.product-quote blockquote{font-size:1rem;padding-left:1.5rem}.product-quote blockquote:before{font-size:2.5rem;left:-.8rem;top:-.6rem}.detail-item{font-size:.9rem;margin-bottom:.5rem}.detail-label{min-width:70px}.products-navigation{flex-direction:column;gap:1rem;margin-top:1.5rem;padding-top:1rem}.nav-dots{order:-1}.nav-dot{width:10px;height:10px}.nav-btn{width:40px;height:40px}}.stores-section{background:linear-gradient(180deg,#f1f5f9,#e2e8f0 25%,#64748b 70%,#334155);padding:4rem 0;position:relative}.stores-section:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background-image:url(/cha-product-index.png);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.05;pointer-events:none;z-index:1;transform:scaleX(-1)}.stores-main-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:stretch;min-height:500px}.stores-left{width:100%}.stores-showcase{margin-bottom:2rem;overflow:hidden}.stores-slider{display:flex;transition:transform .5s ease;width:300%}.store-slide{flex:0 0 33.333%;width:33.333%}.store-feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:2rem;min-height:450px}.stores-right{height:100%;display:flex}.store-feature.reverse{direction:rtl}.store-feature.reverse>*{direction:ltr}.store-image-container{position:relative;border-radius:20px;overflow:visible;background:transparent;transition:all .4s ease;display:flex;align-items:center;justify-content:center}.store-image-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fffffff2,#f8fafce6,#f1f5f9f2);border-radius:20px;box-shadow:0 20px 60px #1e40af14,0 8px 30px #0000000a;border:1px solid rgba(30,64,175,.06);z-index:1}.store-image-container:hover{transform:translateY(-5px)}.store-image-container:hover:before{box-shadow:0 25px 80px #1e40af1f,0 12px 40px #0000000f}.store-image{width:100%;height:350px;object-fit:cover;border-radius:20px;position:relative;z-index:2;transition:all .3s ease}.store-overlay{position:absolute;top:1rem;right:1rem;z-index:3}.status-badge{background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #10b9814d}.store-content{padding:var(--space-xl);background:var(--gradient-card);border:1px solid rgba(30,64,175,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.store-content:hover{background:var(--gradient-card-hover);border-color:#1e40af26;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.store-location{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.city-name{font-size:1rem;font-weight:600;color:#3b82f6;text-transform:uppercase;letter-spacing:1px}.store-title{font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:1rem;letter-spacing:1px;line-height:1.2}.store-address{margin-bottom:1.5rem}.store-address p{font-size:1rem;color:#64748b;line-height:1.5}.store-features{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.feature-tag{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:.4rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(30,64,175,.1)}.store-details{margin-bottom:2rem}.detail-row{display:flex;align-items:center;margin-bottom:.6rem;font-size:.9rem}.detail-label{font-weight:600;color:#1e40af;min-width:100px}.detail-value{color:#64748b;font-weight:500}.store-actions{display:flex;gap:1rem}.action-btn{padding:.8rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none}.action-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.action-btn.primary:hover{background:var(--gradient-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1e40af4d}.action-btn.secondary{background:#fff;color:var(--primary-blue);border:2px solid var(--primary-blue)}.action-btn.secondary:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stores-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.stores-summary{background:transparent;border-radius:16px;padding:0;border:none;box-shadow:none;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column}.summary-header{background:transparent;color:#fff;text-align:center;padding:1.5rem 1.5rem 1.2rem;margin-bottom:0}.summary-title{font-size:1.4rem;font-weight:700;margin-bottom:.3rem;letter-spacing:.5px;color:#fff}.summary-subtitle{font-size:.85rem;color:#ffffffe6;font-weight:400;line-height:1.3}.summary-stats{padding:1.5rem 1.2rem;background:transparent;margin-bottom:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;gap:1rem}.stat-item{text-align:center;padding:2rem 1.2rem;background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-radius:16px;border:2px solid rgba(30,64,175,.2);box-shadow:0 12px 40px #00000026,0 4px 12px #1e40af1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;flex:1;display:flex;flex-direction:column;justify-content:center}.stat-item:hover{transform:translateY(-6px) scale(1.02);background:linear-gradient(135deg,#fffffffa,#f0f7fff2);box-shadow:0 20px 60px #0003,0 8px 20px #1e40af33;border-color:#1e40af66}.stat-number{font-size:3.5rem;font-weight:900;color:#1e40af;margin-bottom:.4rem;letter-spacing:-2px;line-height:.9;text-shadow:0 3px 6px rgba(0,0,0,.15);background:linear-gradient(135deg,#1e40af,#3b82f6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:1rem;color:#0f172a;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.15)}@media (max-width: 1024px){.stores-section{padding:3rem 0}.stores-section:before{width:30%;opacity:.04}.stores-main-content{grid-template-columns:1fr;gap:2rem}.stores-right,.stores-summary{height:auto}.summary-stats{flex:none;justify-content:flex-start;gap:1rem}.store-feature{padding:1.5rem;min-height:400px}.store-image{height:300px}.store-content{padding:1.8rem}.store-title{font-size:1.8rem}}@media (max-width: 768px){.stores-section{padding:3rem 0}.stores-section:before{width:25%;opacity:.04}.stores-slider{width:300%}.store-feature{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.2rem;min-height:350px}.store-feature.reverse{direction:rtl}.store-feature.reverse>*{direction:ltr}.store-image{height:220px}.store-content{padding:1.5rem}.store-title{font-size:1.5rem}.store-actions{flex-direction:column;gap:.8rem}.action-btn{width:100%;padding:.7rem 1.2rem;font-size:.9rem}.stores-summary{border-radius:12px}.summary-header{padding:1.2rem 1rem 1rem}.summary-title{font-size:1.3rem}.summary-stats{padding:1.2rem 1rem;min-height:250px;gap:.8rem;background:transparent}.stat-item{padding:1.5rem 1rem;background:linear-gradient(135deg,#ffffffeb,#f8fafce0);box-shadow:0 8px 30px #0000001f,0 3px 10px #1e40af14;border:1.5px solid rgba(30,64,175,.15)}.stat-number{font-size:2.8rem;letter-spacing:-1px}.stat-label{font-size:.9rem}}@media (max-width: 600px){.store-feature{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;min-height:320px}.store-image{height:180px}.store-content{padding:1.2rem}.store-title{font-size:1.3rem;margin-bottom:.8rem}.store-address p{font-size:.9rem}.detail-row{font-size:.8rem}.detail-label{min-width:60px}}@media (max-width: 480px){.stores-section{padding:2rem 0}.stores-section:before{width:15%;opacity:.03}.stores-main-content{display:flex;flex-direction:row;gap:var(--space-md);align-items:flex-start;grid-template-columns:none}.stores-left{flex:1;width:auto}.stores-right{flex:0 0 20%;height:auto;min-width:80px}.stores-summary{height:auto!important}.summary-stats{flex:none!important;justify-content:flex-start!important;gap:.6rem!important;padding:.8rem!important;min-height:auto!important}.stores-slider{width:300%}.store-feature{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-sm);min-height:auto;width:80%;max-width:80%;box-sizing:border-box;overflow:hidden;grid-template-columns:none;align-items:stretch}.store-feature.reverse{display:flex;flex-direction:column;direction:ltr}.store-feature.reverse>*{direction:ltr}.store-image-container{position:relative;width:100%;max-width:100%;flex:0 0 auto;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-md);background:transparent;display:block;align-items:normal;justify-content:normal}.store-image-container:before{display:none}.store-image{height:200px;width:100%;max-width:100%;border-radius:var(--radius-md);object-fit:cover;display:block;box-sizing:border-box;margin:0;padding:0;position:relative;z-index:2}.store-content{width:100%;max-width:100%;flex:1;padding:1.2rem;border-radius:var(--radius-sm);box-sizing:border-box;overflow:hidden;background:var(--gradient-card);border:1px solid rgba(30,64,175,.1);-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;transition:none}.store-content:hover{transform:none}.store-title{font-size:1.3rem;margin-bottom:.8rem;word-wrap:break-word;overflow-wrap:break-word}.store-location{margin-bottom:.8rem}.city-name{font-size:.9rem}.store-address{margin-bottom:1rem}.store-address p{font-size:.9rem;word-wrap:break-word}.store-features{gap:.6rem;margin-bottom:1.2rem;flex-wrap:wrap}.feature-tag{font-size:.8rem;padding:.3rem .6rem;white-space:nowrap}.store-details{margin-bottom:1.2rem}.detail-row{font-size:.85rem;margin-bottom:.4rem;word-wrap:break-word}.detail-label{min-width:60px;flex-shrink:0}.detail-value{flex:1;word-wrap:break-word}.action-btn{padding:.7rem 1rem;font-size:.85rem;width:100%;box-sizing:border-box;white-space:nowrap}.store-actions{display:flex;flex-direction:column;gap:.6rem;width:100%}.stores-summary{border-radius:12px}.summary-header{padding:1rem 1rem .8rem}.summary-title{font-size:1.2rem}.summary-subtitle{font-size:.8rem}.summary-stats{padding:1rem;min-height:200px;gap:.6rem;background:transparent}.stat-item{padding:var(--space-sm) var(--space-xs);background:var(--gradient-card);box-shadow:0 4px 15px #00000014,0 1px 5px #1e40af0a;border:1px solid rgba(30,64,175,.1);border-radius:var(--radius-sm)}.stat-number{font-size:1.8rem;letter-spacing:-.5px;margin-bottom:.2rem}.stat-label{font-size:.7rem;line-height:1.1}.stores-navigation{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md);border-top:1px solid var(--gray-200);width:80%;margin-left:0;margin-right:0;box-sizing:border-box}.stores-navigation .nav-dots{order:-1;display:flex;gap:.6rem}.stores-navigation .nav-dot{width:10px;height:10px}.stores-navigation .nav-counter{font-size:.9rem}.stores-navigation .nav-btn{width:40px;height:40px}}.about-section{background:linear-gradient(180deg,#334155,#1e293b,#1a1a2e);padding:4rem 0;position:relative;min-height:100vh;display:flex;align-items:center}.about-section .container{width:100%}.about-section .section-header{text-align:center;margin-bottom:3rem}.about-section .section-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:2px}.about-section .section-subtitle{font-size:1.3rem;color:#ffffffb3;font-weight:400;letter-spacing:1px;line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:1.5rem;max-width:1200px;margin:0 auto;height:500px}.about-panel{position:relative;overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1)}.panel-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.panel-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#fff;text-align:center;transition:all .6s ease}.panel-header{transition:all .6s ease}.panel-category{font-size:.7rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;opacity:.8;margin-bottom:1rem;display:block}.panel-title{font-size:2.8rem;font-weight:900;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 4px 20px rgba(0,0,0,.3)}.panel-details{opacity:0;transform:translateY(20px);transition:all .6s ease;max-width:90%}.panel-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;font-weight:300}.about-panel:hover .panel-details{opacity:1;transform:translateY(0)}.about-panel:hover .panel-header{transform:translateY(-20px)}.heritage-panel{background:linear-gradient(135deg,#1e40af,#1d4ed8)}.heritage-illustration{position:relative;width:100%;height:100%}.mountain-silhouette{position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#1e3a8a 0%,transparent 100%);clip-path:polygon(0 100%,15% 70%,35% 85%,55% 60%,75% 75%,100% 50%,100% 100%)}.tea-leaves{position:absolute;width:15px;height:22px;background:#10b981;border-radius:50% 0 50% 50%;animation:float 4s ease-in-out infinite}.floating-1{top:20%;left:15%;animation-delay:0s}.floating-2{top:60%;right:20%;animation-delay:1s}.floating-3{top:35%;left:70%;animation-delay:2s}.sunrise-circle{position:absolute;top:15%;right:15%;width:60px;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;opacity:.8;box-shadow:0 0 40px #fbbf2466}.culture-panel{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.culture-illustration{position:relative;width:100%;height:100%}.panda-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;background:#fff;border-radius:50%;box-shadow:-15px -15px #000 inset,15px -15px #000 inset,0 30px #000 inset}.bamboo-1,.bamboo-2{position:absolute;width:6px;background:linear-gradient(to bottom,#10b981,#059669);border-radius:3px}.bamboo-1{height:50%;top:15%;left:25%}.bamboo-2{height:40%;top:30%;right:30%}.culture-dots{position:absolute;width:12px;height:12px;background:#60a5fa;border-radius:50%;animation:pulse 2s ease-in-out infinite}.dot-1{top:25%;left:35%}.dot-2{top:65%;right:30%;animation-delay:.5s}.dot-3{bottom:20%;left:25%;animation-delay:1s}.quality-panel{background:linear-gradient(135deg,#0f4c75,#1e40af)}.quality-illustration{position:relative;width:100%;height:100%}.tea-cup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:45px;background:linear-gradient(to bottom,#f3f4f6,#e5e7eb);border-radius:0 0 30px 30px;border:2px solid #374151}.tea-cup:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:50px;height:15px;background:#10b981;border-radius:50%}.steam-lines{position:absolute;width:2px;height:30px;background:#fff9;border-radius:2px;animation:steam 2s ease-in-out infinite}.line-1{top:20%;left:45%}.line-2{top:25%;left:50%;animation-delay:.3s}.line-3{top:20%;left:55%;animation-delay:.6s}.quality-star{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid #fbbf24;animation:twinkle 3s ease-in-out infinite}.star-1{top:20%;right:20%}.star-2{top:70%;left:15%;animation-delay:1s}.star-3{bottom:25%;right:30%;animation-delay:2s}.mission-panel{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.mission-illustration{position:relative;width:100%;height:100%}.heart-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:45px;height:40px;background:#3b82f6}.heart-shape:before,.heart-shape:after{content:"";position:absolute;left:22px;top:0;width:22px;height:36px;background:#3b82f6;border-radius:22px 22px 0 0;transform:rotate(-45deg);transform-origin:0 100%}.heart-shape:after{left:0;transform:rotate(45deg);transform-origin:100% 100%}.mission-waves{position:absolute;width:150px;height:150px;border:2px solid rgba(96,165,250,.3);border-radius:50%;animation:ripple 4s ease-out infinite}.wave-1{top:50%;left:50%;transform:translate(-50%,-50%)}.wave-2{top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1s}.wave-3{top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s}.mission-particles{position:absolute;width:5px;height:5px;background:#fbbf24;border-radius:50%;animation:float 3s ease-in-out infinite}.particle-1{top:30%;left:30%}.particle-2{top:70%;right:35%;animation-delay:1s}.particle-3{bottom:30%;left:60%;animation-delay:2s}.panel-stats{display:flex;gap:1rem;margin-top:1rem;justify-content:center;flex-wrap:wrap}.stat-item{text-align:center;flex:1;min-width:0;max-width:120px}.stat-number{font-size:1.6rem;font-weight:900;color:#fbbf24;display:block;margin-bottom:.4rem;line-height:1.1}.stat-label{font-size:.8rem;opacity:.8;word-wrap:break-word;line-height:1.2}.panel-features{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.5rem}.feature-tag{background:#fff3;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.quality-metrics{margin-top:1.5rem}.metric-item{text-align:center}.metric-number{font-size:2.5rem;font-weight:900;color:#fbbf24;display:block;margin-bottom:.5rem}.metric-label{font-size:1rem;opacity:.9}.mission-quote{font-size:1.8rem;font-weight:700;font-style:italic;margin-bottom:1.5rem;color:#fbbf24;line-height:1.3}.mission-values{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.value-item{background:#fff3;padding:.6rem 1.2rem;border-radius:25px;font-weight:600;font-size:.85rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes steam{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-20px)}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media (max-width: 1024px){.about-section{min-height:auto;align-items:flex-start;padding:3rem 0}.about-section .section-header{margin-bottom:2.5rem}.about-section .section-title{font-size:3rem}.about-section .section-subtitle{font-size:1.2rem}.about-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);max-width:900px;height:600px;gap:1.5rem}.panel-content{padding:2.5rem}.panel-title{font-size:3rem}}@media (max-width: 768px){.about-section{min-height:auto;align-items:flex-start;padding:3rem 0}.about-section .section-header{margin-bottom:2rem}.about-section .section-title{font-size:2.5rem}.about-section .section-subtitle{font-size:1.1rem}.about-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);max-width:600px;height:800px;gap:1rem}.panel-content{padding:2rem}.panel-title{font-size:2.5rem}.panel-description{font-size:1rem}.panel-stats{gap:.8rem}.stat-item{max-width:100px}.stat-number{font-size:1.4rem}.mission-quote{font-size:1.6rem}.mission-values{flex-direction:column;gap:.8rem}.panel-features{gap:.6rem}.feature-tag{font-size:.7rem;padding:.4rem .8rem}}@media (max-width: 480px){.about-section{min-height:auto;align-items:flex-start;padding:2rem 0}.about-section .section-header{margin-bottom:1.5rem}.about-section .section-title{font-size:2rem}.about-section .section-subtitle{font-size:1rem}.about-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);max-width:100%;height:600px;gap:.8rem}.panel-content{padding:1.5rem}.panel-category{font-size:.6rem;letter-spacing:2px}.panel-title{font-size:2rem;margin-bottom:1rem}.panel-description{font-size:.9rem;margin-bottom:1rem}.panel-stats{flex-direction:row;gap:.6rem;justify-content:center}.stat-item{max-width:80px}.stat-number{font-size:1.2rem}.stat-label{font-size:.7rem}.mission-quote{font-size:1.4rem;margin-bottom:1rem}.mission-values{flex-direction:column;gap:.6rem}.value-item{padding:.6rem 1rem;font-size:.9rem}.panel-features{gap:.5rem}.feature-tag{font-size:.6rem;padding:.3rem .6rem}.metric-number{font-size:2rem}.metric-label{font-size:.9rem}.panda-shape{width:80px;height:80px}.tea-cup{width:60px;height:45px}.sunrise-circle{width:60px;height:60px}.heart-shape{width:40px;height:36px}}.product-image-container,.store-image-container,.about-panel{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center center}.products-slider,.stores-slider,.hero-tags,.title-line-1,.title-line-2,.hero-description,.hero-cta,.hero-subtitle,.section-title,.product-slide,.store-slide,.stat-number,.nav-dot,.nav-counter{will-change:transform,opacity}.cta-button,.hero-cta,.action-btn{transform-origin:center center;transition:all .3s ease}.cta-button:hover,.hero-cta:hover,.action-btn:hover{box-shadow:0 8px 25px #1e40af40,0 4px 10px #0000001a}html{scroll-behavior:smooth}.main-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(30,64,175,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(30,64,175,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}