*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #8B4513;--primary-light: #A0522D;--primary-dark: #5D2E0C;--secondary: #D2691E;--bg-light: #f8f5f2;--text-dark: #333;--text-light: #666;--border: #ddd}body{font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-dark);background:#fff}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo a{display:flex;align-items:center;gap:10px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--primary-light) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #8b45134d;transition:transform .3s,box-shadow .3s}.logo a:hover .logo-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #8b451366}.logo-svg{width:28px;height:28px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-main{font-size:1.5rem;color:var(--primary);font-family:STKaiti,KaiTi,serif;font-weight:600;letter-spacing:2px}.logo-sub{font-size:.65rem;color:var(--primary-light);font-weight:600;letter-spacing:1.5px;opacity:.85}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:var(--text-dark);font-weight:500;transition:color .3s}.nav a:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:1rem}.language-switcher{display:flex;gap:.5rem}.language-switcher button{padding:.4rem .8rem;border:1px solid var(--border);background:#fff;cursor:pointer;border-radius:4px;transition:all .3s}.language-switcher button:hover{background:#f5f5f5}.language-switcher button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--text-dark);transition:.3s}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:6rem 2rem;text-align:center;min-height:60vh;display:flex;align-items:center;justify-content:center}.hero-content h1{font-size:3rem;margin-bottom:1rem;font-family:STKaiti,KaiTi,serif}.hero-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-button{display:inline-block;background:#fff;color:var(--primary);padding:1rem 2.5rem;border-radius:50px;font-weight:600;transition:transform .3s,box-shadow .3s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.features{padding:4rem 2rem;background:var(--bg-light)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;text-align:center;box-shadow:0 4px 15px #00000014;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--text-dark);margin-bottom:.8rem;font-size:1.3rem}.feature-card p{color:var(--text-light);line-height:1.8}.home-products{padding:4rem 2rem}.section-title{text-align:center;font-size:2.2rem;color:var(--text-dark);margin-bottom:3rem;font-family:STKaiti,KaiTi,serif}.product-grid,.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-bottom:2rem}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.product-image{width:100%;height:220px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.1)}.product-info,.product-details{padding:1.5rem;text-align:center}.product-info h3,.product-details h3{color:var(--text-dark);margin-bottom:.3rem;font-size:1.1rem}.product-name-en{color:#999;font-size:.85rem;margin-bottom:.5rem}.price,.product-price{color:var(--primary);font-size:1.4rem;font-weight:600}.product-price{margin-bottom:1rem}.view-all{text-align:center}.button-secondary{display:inline-block;border:2px solid var(--primary);color:var(--primary);padding:.8rem 2rem;border-radius:50px;font-weight:600;transition:all .3s}.button-secondary:hover{background:var(--primary);color:#fff}.products-page{padding:3rem 2rem;min-height:60vh}.page-title{text-align:center;font-size:2.5rem;color:var(--text-dark);margin-bottom:2rem;font-family:STKaiti,KaiTi,serif}.category-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.category-filter button{padding:.6rem 1.5rem;border:2px solid var(--border);background:#fff;border-radius:25px;cursor:pointer;transition:all .3s;font-size:1rem}.category-filter button:hover{border-color:var(--primary);color:var(--primary)}.category-filter button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.detail-button{width:100%;padding:.7rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .3s}.detail-button:hover{background:var(--primary-light)}.about-hero,.contact-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:4rem 2rem;text-align:center}.about-hero h1,.contact-hero h1{font-size:2.5rem;font-family:STKaiti,KaiTi,serif;margin-bottom:1rem}.contact-intro{font-size:1.1rem;opacity:.95}.about-content{padding:3rem 2rem}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.intro-text h2{color:var(--primary);font-size:2rem;margin-bottom:1.5rem;font-family:STKaiti,KaiTi,serif}.intro-text p{line-height:2;color:var(--text-light);font-size:1.1rem}.intro-image img{width:100%;border-radius:12px;box-shadow:0 10px 30px #00000026}.info-section{margin-bottom:4rem}.info-card{background:var(--bg-light);padding:2rem;border-radius:12px;border-left:4px solid var(--primary)}.info-card h3{color:var(--primary);margin-bottom:1rem;font-size:1.3rem}.info-card p{line-height:1.8;color:var(--text-light)}.business-section{margin-bottom:4rem}.business-section h2{text-align:center;color:var(--text-dark);margin-bottom:2rem;font-size:1.8rem}.business-items{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.business-item{padding:2rem;border-radius:12px}.business-item.licensed{background:#fff3e0;border:2px solid #ff9800}.business-item.general{background:#e8f5e9;border:2px solid #4caf50}.business-item h4{margin-bottom:1rem;font-size:1.2rem}.business-item.licensed h4{color:#e65100}.business-item.general h4{color:#2e7d32}.business-item p{line-height:1.8;color:var(--text-light)}.mission-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mission-card{text-align:center;padding:2.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.mission-card .icon{font-size:3rem;margin-bottom:1rem}.mission-card h3{color:var(--primary);margin-bottom:1rem}.mission-card p{color:var(--text-light);line-height:1.8}.contact-content{padding:3rem 2rem}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;max-width:1100px;margin:0 auto}.contact-info-section{display:flex;flex-direction:column;gap:1.5rem}.contact-methods{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #00000014}.contact-item{display:flex;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid #f0f0f0}.contact-item:last-child{border-bottom:none}.contact-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.contact-label{display:block;font-size:.85rem;color:#888;margin-bottom:2px}.contact-value{display:block;color:var(--text-dark);font-weight:500;transition:color .3s}a.contact-value:hover{color:var(--primary)}.map-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.map-section h4{color:var(--primary);margin-bottom:1rem;font-size:1rem}.map-container{width:100%;height:180px;border-radius:8px;overflow:hidden;border:2px solid #eee;margin-bottom:1rem}.map-iframe{width:100%;height:100%;border:none}.map-links{display:flex;gap:1rem;justify-content:center}.map-link{padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:transform .3s,box-shadow .3s}.map-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.map-link.amap{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.map-link.google{background:linear-gradient(135deg,#4285f4,#34a853 50%,#fbbc05,#ea4335);color:#fff}.social-links{background:#000;padding:2rem;border-radius:12px;color:#fff;text-align:center}.social-links h4{margin-bottom:1rem}.douyin-button{display:inline-block;background:linear-gradient(45deg,#fe2c55,#ff4d6e);color:#fff;padding:.8rem 1.5rem;border-radius:25px;font-weight:600;transition:transform .3s}.douyin-button:hover{transform:scale(1.05)}.contact-form-section{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a}.form-title{color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.form-desc{color:#888;font-size:.9rem;margin-bottom:2rem}.static-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#555;font-size:.9rem}.static-input,.static-textarea{padding:.8rem 1rem;border:2px dashed var(--border);border-radius:6px;font-size:1rem;color:#aaa;background:#fafafa}.static-textarea{min-height:100px}.contact-alt{background:linear-gradient(135deg,var(--bg-light) 0%,#fff 100%);padding:1.5rem;border-radius:8px;text-align:center}.contact-alt p{color:#666;margin-bottom:1rem;font-size:.9rem}.contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-btn{padding:.8rem 1.5rem;border-radius:25px;font-weight:500;transition:transform .3s,box-shadow .3s;font-size:.9rem}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.contact-btn.email{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.contact-btn.phone{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff}.contact-btn.douyin{background:linear-gradient(45deg,#fe2c55,#ff4d6e);color:#fff}.footer{background:#2c1810;color:#fff;padding:3rem 2rem 1rem;margin-top:4rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#d4a574}.footer-section p{line-height:1.8;opacity:.9}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section a{opacity:.8;transition:opacity .3s}.footer-section a:hover{opacity:1;color:#d4a574}.footer-bottom{text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.7}@media(max-width:768px){.nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#fff;flex-direction:column;padding:2rem;transition:left .3s}.nav-open{left:0}.menu-toggle{display:flex}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.section-title,.page-title,.about-hero h1,.contact-hero h1{font-size:1.8rem}.intro-section,.business-items,.mission-section,.contact-wrapper,.form-row{grid-template-columns:1fr}.contact-buttons{flex-direction:column}.contact-btn{width:100%;text-align:center}}