.navbar{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:100;background-color:#ffffffbf;border-bottom:1px solid #0000000d;position:sticky;top:0}.navbar.scrolled{-webkit-backdrop-filter:blur(25px)saturate(200%);backdrop-filter:blur(25px)saturate(200%);background-color:#fff9;box-shadow:0 4px 20px #0000000d}.navbar-content{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.navbar-brand{letter-spacing:3px;color:var(--text-dark);flex-direction:column;font-family:Georgia,serif;font-size:20px;text-decoration:none;display:flex}.brand-en{letter-spacing:3px;font-size:18px}.brand-cn{letter-spacing:4px;color:var(--text-medium);font-size:14px}.navbar-menu{gap:32px;list-style:none;display:flex}.navbar-menu a{color:var(--text-medium);letter-spacing:1px;transition:color var(--transition-base);font-size:14px;text-decoration:none}.navbar-menu a:hover,.navbar-menu a.active{color:var(--green-primary)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.menu-toggle span{background:var(--text-dark);width:24px;height:2px;transition:all var(--transition-base)}@media (width<=768px){.menu-toggle{display:flex}.navbar-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transition:all var(--transition-base);background:#fffffffa;flex-direction:column;gap:16px;padding:24px;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%)}.navbar-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}}.footer{background:var(--green-dark);color:#fff;padding:64px 0}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:48px;display:grid}.footer-brand{letter-spacing:3px;flex-direction:column;margin-bottom:16px;font-family:Georgia,serif;font-size:20px;display:flex}.footer-brand-en{letter-spacing:3px;font-size:18px}.footer-brand-cn{letter-spacing:4px;opacity:.8;font-size:14px}.footer-desc{color:#ffffffb3;max-width:300px;font-size:14px;line-height:1.8}.footer-section h4{letter-spacing:2px;margin-bottom:16px;font-size:16px}.footer-section a{color:#ffffffb3;transition:color var(--transition-base);margin-bottom:8px;font-size:14px;text-decoration:none;display:block}.footer-section a:hover{color:#fff}.social-links{gap:16px;margin-top:16px;display:flex}.social-links a{margin:0;display:inline-block}.footer-bottom{text-align:center;opacity:.6;border-top:1px solid #ffffff26;padding-top:32px}.footer-bottom p{font-size:13px}@media (width<=768px){.footer-content{grid-template-columns:1fr 1fr;gap:32px}}.hero{text-align:center;background:url(/images/hero-bg.png) 50%/cover no-repeat,#2d5a3d linear-gradient(135deg,#2d5a3d 0%,#4a7c59 50%,#7fb069 100%);align-items:center;min-height:80vh;padding:120px 0 96px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle at 30%,#a8d5ba4d 0%,#0000 50%);animation:15s ease-in-out infinite alternate hero-breathe;position:absolute;inset:0}@keyframes hero-breathe{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.hero-content{z-index:1;color:#fff;position:relative}.hero-title{letter-spacing:8px;margin-bottom:16px;font-family:Georgia,serif;font-size:64px;font-weight:300;animation:.8s ease-out fadeInUp}.brand-subtitle{letter-spacing:6px;color:#ffffffe6;margin-bottom:8px;font-size:24px;animation:.8s ease-out .1s backwards fadeInUp}.brand-since{letter-spacing:4px;color:#ffffffb3;margin-bottom:32px;font-family:Georgia,serif;font-size:18px;animation:.8s ease-out .2s backwards fadeInUp}.brand-tagline{letter-spacing:2px;color:#ffffffd9;max-width:600px;margin:0 auto 48px;font-size:18px;line-height:2;animation:.8s ease-out .3s backwards fadeInUp}.brand-values{justify-content:center;gap:48px;margin-bottom:48px;animation:.8s ease-out .4s backwards fadeInUp;display:flex}.brand-values span{letter-spacing:3px;text-transform:uppercase;color:#fffc;font-family:Georgia,serif;font-size:14px}.hero-cta{animation:.8s ease-out .5s backwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero{padding:80px 0 64px}.hero-title{letter-spacing:4px;font-size:36px}.brand-subtitle{font-size:18px}.brand-values{flex-direction:column;gap:16px}}.brand-tags-section{background:#fff;padding:96px 0}.brand-tags-grid{justify-content:center;gap:64px;margin-bottom:32px;display:flex}.brand-tag-item{text-align:center;opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(60px)scale(.9)}.brand-tags-grid.visible .brand-tag-item{opacity:1;transform:translateY(0)scale(1)}.tag-label{letter-spacing:4px;margin-bottom:8px;font-size:32px;font-weight:300;display:block}.tag-en{color:var(--text-light);letter-spacing:2px;text-transform:uppercase;font-family:Georgia,serif;font-size:14px;display:block}.brand-desc{text-align:center;max-width:600px;color:var(--text-medium);margin:0 auto;line-height:2.2}@media (width<=768px){.brand-tags-grid{flex-direction:column;gap:32px}.tag-label{font-size:24px}}.concept-section{background:#fafaf5;padding:80px 0}.concept-content{max-width:600px;margin:0 auto}.concept-item{opacity:0;border-bottom:1px solid #8bc34a1f;align-items:baseline;padding:16px 0;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(40px)}.concept-item.visible{opacity:1;transform:translateY(0)}.concept-label{width:80px;color:var(--green-primary);letter-spacing:2px;flex-shrink:0;font-size:13px}.concept-text{color:var(--text-dark);font-size:15px;line-height:1.6}.style-section{background:var(--cream);padding:96px 0 32px}.style-grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.style-card{text-align:center;opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(60px)scale(.9)}.style-card.visible{opacity:1;transform:translateY(0)scale(1)}.style-image{aspect-ratio:3/5;transition:all var(--transition-base);border-radius:8px;margin-bottom:16px}.style-card:hover .style-image{transform:translateY(-8px);box-shadow:0 12px 24px #0000002e}.style-card h4{letter-spacing:2px;margin-bottom:4px;font-size:16px}.style-sub{color:var(--text-medium);margin-bottom:4px;font-size:14px}.style-en{color:var(--text-light);letter-spacing:1px;font-family:Georgia,serif;font-size:12px}@media (width<=1024px){.style-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.style-grid{grid-template-columns:repeat(2,1fr)}}.product-display-section{background:#fff;padding:96px 0}.product-display-grid{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.product-item{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(60px)scale(.9)}.product-item.visible{opacity:1;transform:translateY(0)scale(1)}.product-placeholder{aspect-ratio:3/5;background:linear-gradient(135deg, var(--cream), var(--warm-beige));transition:all var(--transition-base);border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.product-item:hover .product-placeholder{transform:translateY(-8px);box-shadow:0 12px 24px #0000002e}.product-category{color:var(--green-dark);letter-spacing:4px;opacity:.5;font-family:Georgia,serif;font-size:24px}.product-info{padding:12px 4px}.product-info h4{letter-spacing:1px;margin-bottom:4px;font-size:14px}.product-origin{color:var(--text-light);margin-bottom:4px;font-size:12px}.product-price{color:var(--green-primary);font-family:Georgia,serif;font-size:14px}@media (width<=1024px){.product-display-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.product-display-grid{grid-template-columns:repeat(2,1fr)}}.customer-section{background:var(--cream);padding:96px 0}.customer-content{align-items:center;gap:64px;max-width:1000px;margin:0 auto;display:flex}.customer-image{opacity:0;flex:0 0 300px;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translate(-60px)}.customer-image.visible{opacity:1;transform:translate(0)}.customer-placeholder{aspect-ratio:3/4;background:linear-gradient(135deg, var(--green-pale), var(--green-light));width:100%;color:var(--green-dark);letter-spacing:4px;box-shadow:var(--shadow-lg);border-radius:8px;justify-content:center;align-items:center;font-size:24px;display:flex}.customer-info{opacity:0;flex:1;transition:all .8s cubic-bezier(.16,1,.3,1) .2s;transform:translate(60px)}.customer-info.visible{opacity:1;transform:translate(0)}.age-highlight{color:var(--green-primary);letter-spacing:4px;font-family:Georgia,serif;font-size:64px;font-weight:300}.customer-info h3{letter-spacing:4px;margin-bottom:24px;font-size:24px}.customer-tags{flex-direction:column;gap:16px;display:flex}.customer-tag h4{letter-spacing:2px;color:var(--green-dark);margin-bottom:4px;font-size:16px}.customer-tag p{color:var(--text-medium);font-size:14px;line-height:1.6}@media (width<=768px){.customer-content{flex-direction:column;gap:32px}.customer-image{flex:1;width:100%}}.boundless-section{background:#fafaf5;padding:96px 0}.boundless-content{align-items:center;gap:64px;max-width:1000px;margin:0 auto;display:flex}.boundless-images{opacity:0;flex:0 0 500px;gap:16px;transition:all .8s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-60px)}.boundless-images.visible{opacity:1;transform:translate(0)}.boundless-img{letter-spacing:4px;height:400px;color:var(--green-dark);border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:24px;display:flex}.boundless-img.img-1{background:linear-gradient(135deg, var(--green-pale), var(--green-light))}.boundless-img.img-2{background:linear-gradient(135deg, var(--warm-beige), var(--cream))}.boundless-text{opacity:0;flex:1;transition:all .8s cubic-bezier(.16,1,.3,1) .2s;transform:translate(60px)}.boundless-text.visible{opacity:1;transform:translate(0)}.boundless-text h3{letter-spacing:4px;color:var(--green-dark);margin-bottom:24px;font-size:32px;font-weight:300}.boundless-text p{color:var(--text-medium);margin-bottom:8px;line-height:2.2}@media (width<=768px){.boundless-content{flex-direction:column;gap:32px}.boundless-images{flex:1;width:100%}.boundless-img{height:200px}}.price-section{background:var(--cream);padding:96px 0}.price-grid{grid-template-columns:1fr 1fr;gap:64px;max-width:900px;margin:0 auto;display:grid}.price-category{opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.price-category.visible{opacity:1;transform:translateY(0)}.price-category-title{margin-bottom:24px}.price-category-title .cn{letter-spacing:4px;margin-bottom:4px;font-size:24px;display:block}.price-category-title .en{color:var(--text-light);letter-spacing:2px;text-transform:uppercase;font-family:Georgia,serif;font-size:14px;display:block}.price-list{flex-direction:column;gap:0;display:flex}.price-item{opacity:0;border-bottom:1px solid #0000001a;justify-content:space-between;padding:16px 0;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translate(-20px)}.price-item.visible{opacity:1;transform:translate(0)}.price-range{color:var(--text-dark);letter-spacing:2px;font-family:Georgia,serif;font-size:18px}.price-label{color:var(--text-medium);letter-spacing:2px;font-size:16px}.price-note{text-align:center;color:var(--text-light);margin-top:48px;font-size:14px;font-style:italic}@media (width<=768px){.price-grid{grid-template-columns:1fr;gap:48px}}.products-page .products-hero,.about-page .about-hero,.channels-page .channels-hero{background:linear-gradient(135deg, var(--green-dark), var(--green-primary));color:#fff;text-align:center;padding:96px 0 64px}.products-hero h1,.about-hero h1,.channels-hero h1{letter-spacing:4px;margin:16px 0;font-size:48px;font-weight:300}.products-hero .en-title,.about-hero .en-title,.channels-hero .en-title{letter-spacing:4px;text-transform:uppercase;opacity:.7;font-family:Georgia,serif;font-size:14px}.hero-desc{opacity:.8;letter-spacing:2px;font-size:16px}.products-content{padding:64px 24px}.products-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;padding-top:32px;display:flex}.category-tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--green-primary);color:var(--green-primary);cursor:pointer;letter-spacing:1px;transition:all var(--transition-base);background:0 0;border-radius:9999px;padding:8px 20px;font-size:14px}.tab.active,.tab:hover{background:var(--green-primary);color:#fff}.sort-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;font-size:14px}.products-grid{grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:48px;display:grid}.product-card-image{aspect-ratio:4/3;background:linear-gradient(135deg, var(--cream), var(--warm-beige));justify-content:center;align-items:center;display:flex;position:relative}.product-placeholder-text{color:var(--green-dark);opacity:.4;letter-spacing:4px;font-family:Georgia,serif;font-size:32px}.badge-new{background:var(--green-primary);color:#fff;letter-spacing:2px;border-radius:9999px;padding:4px 12px;font-size:12px;position:absolute;top:12px;right:12px}.product-card-body{padding:20px}.product-card-body h3{letter-spacing:2px;margin-bottom:8px;font-size:18px}.product-card-origin{color:var(--text-light);margin-bottom:16px;font-size:13px}.product-card-footer{justify-content:space-between;align-items:center;display:flex}.product-card-price{color:var(--green-primary);letter-spacing:1px;font-family:Georgia,serif;font-size:20px}.btn-sm{padding:8px 20px;font-size:13px}@media (width<=1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.products-grid{grid-template-columns:1fr}}.about-story,.about-craft,.about-origin,.about-certs{padding:80px 0}.about-craft,.about-certs{background:#fafaf5}.story-content{max-width:700px;margin:0 auto}.story-content p{color:var(--text-medium);margin-bottom:16px;font-size:16px;line-height:2}.craft-steps{grid-template-columns:repeat(5,1fr);gap:24px;display:grid}.craft-step{text-align:center;padding:24px 16px}.craft-num{color:var(--green-primary);opacity:.3;margin-bottom:12px;font-family:Georgia,serif;font-size:48px;display:block}.craft-step h3{letter-spacing:4px;margin-bottom:8px;font-size:18px}.craft-step p{color:var(--text-medium);font-size:13px;line-height:1.6}.origin-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.origin-card{text-align:center}.origin-placeholder{aspect-ratio:1;background:linear-gradient(135deg, var(--green-pale), var(--green-light));width:100%;color:var(--green-dark);opacity:.3;border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;font-size:64px;display:flex}.origin-card h3{letter-spacing:2px;margin-bottom:8px;font-size:18px}.origin-detail{color:var(--text-light);margin-bottom:4px;font-size:13px}.certs-grid{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.cert-badge{border:1px solid var(--green-primary);letter-spacing:2px;border-radius:9999px;align-items:center;gap:12px;padding:16px 32px;font-size:15px;display:flex}.cert-icon{color:var(--green-primary);font-size:18px}@media (width<=1024px){.craft-steps{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.craft-steps,.origin-grid{grid-template-columns:1fr}}.online-channels,.offline-channels,.join-section{padding:80px 0}.offline-channels,.join-section{background:#fafaf5}.channels-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.channel-card{text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;border-radius:16px;padding:48px 24px}.channel-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.channel-icon{margin-bottom:16px;font-size:48px}.channel-card h3{letter-spacing:2px;margin-bottom:8px;font-size:18px}.channel-card p{color:var(--text-medium);margin-bottom:20px;font-size:14px;line-height:1.6}.stores-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.store-card{border-left:4px solid var(--green-primary);background:#fff;border-radius:12px;padding:32px}.store-card h3{letter-spacing:4px;color:var(--green-dark);margin-bottom:12px;font-size:20px}.store-address,.store-phone{color:var(--text-medium);margin-bottom:4px;font-size:14px}.join-content{align-items:center;gap:64px;max-width:1000px;margin:0 auto;display:flex}.join-text{flex:1}.join-text h2{letter-spacing:4px;margin-bottom:16px;font-size:32px}.join-text p{color:var(--text-medium);margin-bottom:24px;font-size:16px;line-height:1.8}.join-text ul{margin-bottom:32px;list-style:none}.join-text li{color:var(--text-dark);letter-spacing:1px;padding:8px 0;font-size:15px}.join-text li:before{content:"✓";color:var(--green-primary);margin-right:12px}.join-placeholder{aspect-ratio:1;background:linear-gradient(135deg, var(--green-pale), var(--green-light));color:var(--green-dark);letter-spacing:8px;opacity:.4;border-radius:16px;flex:0 0 400px;justify-content:center;align-items:center;font-size:32px;display:flex}@media (width<=1024px){.channels-grid,.stores-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.channels-grid,.stores-grid{grid-template-columns:1fr}.join-content{flex-direction:column}.join-placeholder{flex:1;width:100%}}:root{--green-primary:#4a7c59;--green-dark:#2d5a3d;--green-light:#7fb069;--green-pale:#a8d5ba;--cream:#f5f0e8;--warm-beige:#e8ddd3;--soft-white:#fafaf7;--warm-peach:#f5d5c0;--text-dark:#2c2c2c;--text-medium:#5a5a5a;--text-light:#8a8a8a;--white:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--font-family:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, sans-serif;--font-family-en:"Georgia", "Times New Roman", serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:48px;--font-size-5xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-dark);background:var(--soft-white);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:12px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--green-primary);color:#fff}.btn-primary:hover{background:var(--green-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{border:1.5px solid var(--green-primary);color:var(--green-primary);background:0 0}.btn-outline:hover{background:var(--green-primary);color:#fff}.card{box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;transition:all .3s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.section-title{text-align:center;margin-bottom:48px}.section-title h2{letter-spacing:2px;margin-bottom:8px;font-size:32px}.section-title .en-title{color:#8a8a8a;letter-spacing:4px;text-transform:uppercase;font-family:Georgia,serif;font-size:14px}@media (width<=1024px){.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}