:root{color:#173126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f1f4ee;--surface:#ffffffe0;--surface-strong:#e6ede2;--line:#1731261c;--text:#173126;--text-muted:#597062;--primary:#234c3b;--primary-dark:#173126;--accent:#7a8f53;--shadow:0 20px 60px #12251d14;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;background:#f1f4ee;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:radial-gradient(circle at top left, #7a8f5338, transparent 26%), radial-gradient(circle at top right, #234c3b29, transparent 24%), linear-gradient(180deg, #f7faf5 0%, var(--bg) 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}#root{min-height:100vh}.site-shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:min(1240px,100% - 40px);margin:0 auto}.section-block{padding:32px 0 96px}.page-hero-block{padding-top:48px}.muted-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff6b,#e6ede2b3)}.warm-section{background:linear-gradient(#e4eddfc7,#ffffffc7)}.section-soft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff5c,#e6ede285)}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#f7faf5d6;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;gap:24px;padding:14px 0;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.03em;font-size:1rem}.brand span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.brand-copy{gap:2px;display:grid}.brand-mark{background:linear-gradient(145deg, var(--primary), #446451);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:700;display:grid;box-shadow:0 18px 40px #234c3b38}.main-nav{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.nav-link{color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:10px 12px;transition:background-color .2s,color .2s}.nav-link:hover,.nav-link-active{color:var(--primary-dark);background:#234c3b17}.header-contact,.button-primary,.button-secondary,.button-link,.filter-chip,.hero-dot,.gallery-preview-button,.thumb-button,.lightbox-close{transition:transform .2s,box-shadow .2s,background-color .2s}.header-contact,.button-primary,.button-secondary,.button-link{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:600;display:inline-flex}.header-contact,.button-primary{background:var(--primary);color:#fff;box-shadow:0 16px 32px #234c3b29}.desktop-only{display:inline}.mobile-only{display:none}.menu-toggle{border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow);background:#ffffffe6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;display:none}.menu-toggle span{background:var(--primary-dark);border-radius:999px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-toggle-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle-open span:nth-child(2){opacity:0}.menu-toggle-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.button-primary:hover,.header-contact:hover,.button-secondary:hover,.button-link:hover,.filter-chip:hover,.gallery-preview-button:hover,.thumb-button:hover,.lightbox-close:hover{transform:translateY(-1px)}.button-secondary{color:var(--primary-dark);background:#ffffffb3;border-color:#234c3b29}.button-link{color:var(--accent);min-height:unset;background:0 0;padding-inline:0}.full-width{width:100%}.hero-grid,.two-column-grid,.split-contact,.single-contact,.contact-page-grid,.compact-contact-grid,.product-detail-grid,.admin-grid,.origin-grid,.tips-grid{gap:28px;display:grid}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;min-height:min(88dvh,760px);padding-top:18px}.hero-copy h1,.page-title{letter-spacing:-.04em;margin:12px 0 16px;font-size:clamp(2.8rem,5.2vw,4.8rem);line-height:1.02}.page-title{font-size:clamp(2rem,4.4vw,3.25rem)}.hero-copy p,.section-heading p,.detail-summary,.story-card p,.category-card p,.product-card p,.pack-card p,.contact-actions-card p,.form-card p,.record-item p,.origin-card p,.footer-grid p,.empty-state p{color:var(--text-muted)}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:700;display:inline-flex}.section-kicker,.footer-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:700}.hero-actions,.product-actions,.detail-actions,.contact-action-list{flex-wrap:wrap;gap:14px;display:flex}.hero-dots{gap:10px;margin-top:28px;display:flex}.hero-dot{background:#5e7a3c2e;border:none;border-radius:50%;width:12px;height:12px}.hero-dot.active{background:var(--primary);border-radius:999px;width:36px}.hero-visual{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(160deg,#ffffffeb,#e4eddfc7);padding:18px;position:relative}.hero-visual img{aspect-ratio:4/4.6;object-fit:cover;border-radius:calc(var(--radius-lg) - 10px);width:100%}.hero-feature-list{gap:10px;max-width:36rem;margin:0;padding:0;list-style:none;display:grid}.hero-feature-list li{color:var(--text-muted);padding-left:20px;position:relative}.hero-feature-list li:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;position:absolute;top:.6em;left:0}.hero-visual-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7faf5bd;border:1px solid #fff9;border-radius:18px;width:min(250px,100% - 68px);padding:18px 18px 20px;position:absolute;bottom:34px;right:34px;box-shadow:0 14px 34px #162d231a}.hero-visual-card span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;display:block}.hero-visual-card strong{line-height:1.4;display:block}.section-heading{text-align:center;max-width:760px;margin:0 auto 34px}.page-hero{grid-template-columns:1.1fr .9fr;align-items:end;gap:24px;margin-bottom:34px;padding:12px 0 8px;display:grid}.intro-compact{margin-bottom:28px}.page-hero-copy{max-width:760px}.page-hero-copy p{color:var(--text-muted)}.page-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-self:center;gap:12px;display:flex}.left-align{text-align:left;margin-inline:0}.narrow-heading{max-width:860px}.category-grid,.product-grid,.packaging-grid,.story-grid{gap:22px;display:grid}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.about-overview-grid{grid-template-columns:.92fr 1.08fr;gap:22px;margin-bottom:28px;display:grid}.product-grid,.story-grid,.packaging-grid,.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column-grid,.split-contact,.single-contact,.origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-page-grid{grid-template-columns:1.1fr .95fr .95fr;align-items:start}.compact-contact-grid{grid-template-columns:1fr 1fr}.contact-intro-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.product-detail-grid{grid-template-columns:1fr .95fr;align-items:start}.tips-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.category-card,.product-card,.story-card,.pack-card,.related-card,.tips-card,.contact-intro-card,.contact-actions-card,.form-card,.admin-card,.origin-card,.address-panel,.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}.category-card,.story-card,.pack-card,.tips-card,.contact-intro-card,.contact-actions-card,.form-card,.admin-card,.address-panel,.detail-panel{padding:24px}.category-card{background:linear-gradient(180deg, #ffffffe0, #e9f0e6eb), var(--surface);min-height:100%}.card-clickable{position:relative;overflow:hidden}.card-overlay{z-index:2;border-radius:inherit;position:absolute;inset:0}.product-image-wrap{background:linear-gradient(#e4eddf47,#ffffffe0)}.product-image,.related-card-image{aspect-ratio:4/3;object-fit:cover;width:100%}.product-body{padding:20px}.related-grid{gap:18px;margin-top:18px;display:grid}.related-card{overflow:hidden}.related-card-body{padding:18px}.product-actions,.card-clickable .hero-actions{z-index:3;position:relative}.related-card h4{margin:12px 0 8px}.product-meta,.record-top,.price-box,.footer-grid,.tag-row,.gallery-thumbs,.filter-panel,.record-item,.wechat-panel{display:flex}.product-meta,.tag-row{flex-wrap:wrap;gap:8px}.product-meta span,.tag,.status{min-height:28px;color:var(--primary-dark);background:#234c3b14;border-radius:999px;align-items:center;padding:0 12px;font-size:.86rem;display:inline-flex}.status.done,.status.highlight{color:var(--accent);background:#8e5f2d1f}.price-box{background:var(--surface-strong);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:14px 16px}.price-box span{color:var(--text-muted);font-size:.92rem}.price-box strong{color:var(--accent);font-size:1.02rem}.detail-topbar{gap:12px;margin-bottom:8px;display:grid}.large-price strong{font-size:1.25rem}.bullet-list{gap:8px;margin:0;padding-left:18px;display:grid}.compact-list{margin-top:14px}.pack-card img,.related-card img,.origin-card img,.wechat-panel img{border-radius:var(--radius-sm);width:100%}.pack-card h3,.story-card h3,.category-card h3,.product-card h3,.detail-panel h3,.contact-actions-card h2,.form-card h2,.admin-card h2,.origin-card h2,.site-footer h3{margin:14px 0 10px}.text-link{color:var(--accent);margin-top:16px;font-weight:700;display:inline-flex}.trust-strip{margin-top:-26px;padding-bottom:26px}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.trust-item{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7faf5cc;border:1px solid #ffffffa6;border-radius:18px;padding:18px 20px;box-shadow:0 16px 30px #162d230f}.trust-item span{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;display:block}.trust-item strong{font-size:1rem;line-height:1.45;display:block}.featured-showcase{padding-top:30px}.featured-grid,.origin-showcase-grid,.packaging-spotlight-grid{gap:24px;display:grid}.featured-grid{grid-template-columns:1.3fr .9fr;align-items:start}.featured-lead-card,.origin-copy-panel,.origin-visual-panel,.packaging-hero-card,.contact-promo-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.featured-lead-card{overflow:hidden}.featured-lead-image img{aspect-ratio:16/10;object-fit:cover;width:100%}.featured-lead-body{padding:28px}.featured-lead-body h2,.origin-copy-panel h2{letter-spacing:-.04em;margin:12px 0 14px;font-size:clamp(2rem,3vw,3rem);line-height:1.04}.featured-detail-list{gap:12px;margin:20px 0 28px;display:grid}.featured-detail-list div{grid-template-columns:8px 1fr;align-items:start;gap:12px;display:grid}.featured-detail-list span{background:var(--accent);border-radius:999px;width:8px;height:8px;margin-top:.45rem}.featured-detail-list p{color:var(--text-muted);margin:0}.featured-side-grid{gap:16px;display:grid}.featured-mini-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffbd;border-radius:20px;grid-template-columns:110px 1fr;align-items:center;gap:16px;padding:14px;display:grid}.featured-mini-card img{aspect-ratio:1;object-fit:cover;border-radius:14px;width:100%}.featured-mini-card span{color:var(--text-muted);font-size:.82rem}.featured-mini-card h3{margin:6px 0 8px}.featured-mini-card p{color:var(--text-muted);margin:0}.origin-showcase-grid{grid-template-columns:1fr .95fr;align-items:stretch}.origin-copy-panel,.origin-visual-panel{padding:28px}.origin-points{gap:14px;margin:28px 0;display:grid}.origin-point{background:var(--surface-strong);border-radius:18px;padding:16px 18px}.origin-point strong,.origin-point p,.origin-visual-copy p,.contact-promo-card p{margin:0}.origin-point strong{margin-bottom:8px;display:block}.origin-point p,.origin-visual-copy p,.contact-promo-card p{color:var(--text-muted)}.origin-visual-panel{gap:20px;display:grid}.origin-visual-panel img{aspect-ratio:4/4.7;object-fit:cover;border-radius:18px;width:100%}.origin-visual-copy h3,.contact-promo-card h3,.packaging-hero-card h3{letter-spacing:-.03em;margin:10px 0 12px;font-size:1.6rem;line-height:1.15}.packaging-spotlight-grid{grid-template-columns:1.1fr .9fr;align-items:start}.packaging-hero-card{overflow:hidden}.packaging-hero-card img{aspect-ratio:4/3.5;object-fit:cover;width:100%}.packaging-hero-card div,.contact-promo-card{padding:24px}.packaging-side-column{gap:18px;display:grid}.compact-pack-card{grid-template-columns:120px 1fr;align-items:center;gap:16px;display:grid}.compact-pack-card img{object-fit:cover;height:100%;min-height:120px}.compact-pack-card h3,.compact-pack-card p{margin:0}.compact-pack-card h3{margin-bottom:8px}.contact-promo-card{color:#fff;background:linear-gradient(#234c3bfa,#173126f5)}.contact-promo-card .section-kicker,.contact-promo-card p{color:#ffffffc2}.contact-intro-card{background:linear-gradient(180deg, #ffffffeb, #e6ede2db), var(--surface);min-height:100%}.contact-intro-card span{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;display:block}.contact-intro-card strong{font-size:1.2rem;line-height:1.25;display:block}.contact-intro-card p{color:var(--text-muted);margin:12px 0 0}.form-card{gap:16px;display:grid}.form-card label{gap:8px;font-weight:600;display:grid}.form-card input,.form-card textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:14px 16px}.form-card input:focus,.form-card textarea:focus{border-color:var(--primary);outline:2px solid #5e7a3c38}.form-success,.reply-box{background:#5e7a3c17;border-radius:14px;padding:12px 14px}.tips-list{gap:12px;margin:0;padding-left:20px;display:grid}.tips-list li{color:var(--text-muted)}.tips-notes{gap:10px;margin-top:18px;display:grid}.tips-notes p{color:var(--text-muted);background:#5e7a3c17;border-radius:14px;margin:0;padding:12px 14px}.address-panel{background:linear-gradient(180deg, #234c3bf5, #173126eb), var(--surface);color:#fff;min-height:100%;margin-bottom:28px}.address-panel h2{letter-spacing:-.04em;margin-top:0;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.12}.address-panel p{color:#fffc}.detail-section{margin-top:22px}.detail-text{color:var(--text-muted);margin:0}.wechat-panel{flex-direction:column;gap:12px;margin-top:20px}.filter-panel{border-radius:var(--radius-md);background:#fffdf8c7;border:1px solid #dfd2bbd1;flex-direction:column;gap:16px;margin-bottom:28px;padding:22px}.wrap-row{flex-wrap:wrap}.filter-chip{min-height:40px;color:var(--text-muted);background:#fff;border:1px solid #5e7a3c29;border-radius:999px;padding:0 16px}.filter-chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.gallery-stage{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.gallery-preview-button{background:0 0;border:none;width:100%;padding:0}.gallery-main-image{aspect-ratio:4/3;object-fit:cover;width:100%}.gallery-thumbs{flex-wrap:wrap;gap:14px;margin-top:16px}.thumb-button{background:#fff;border:2px solid #0000;border-radius:16px;width:96px;padding:0;overflow:hidden}.thumb-button img{aspect-ratio:1;object-fit:cover;width:100%}.thumb-button.active{border-color:var(--primary)}.lightbox{z-index:30;background:#131311d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-image{border-radius:18px;max-width:min(980px,100%);max-height:82vh}.lightbox-close{background:#fff;border:none;border-radius:999px;min-height:40px;padding:0 16px;position:absolute;top:24px;right:24px}.record-list{gap:16px;display:grid}.record-item{background:var(--surface-strong);border-radius:16px;flex-direction:column;gap:10px;padding:18px}.record-top{justify-content:space-between;align-items:center;gap:12px}.site-footer{border-top:1px solid var(--line);background:#e5ede0b8;margin-top:40px;padding:36px 0 40px}.site-footer a{color:var(--accent);font-weight:700}.footer-shell{grid-template-columns:1.05fr 1.35fr;align-items:start;gap:24px;display:grid}.footer-lead{background:#f7faf5b8;border:1px solid #ffffffa6;border-radius:22px;padding:24px}.footer-lead h3{letter-spacing:-.04em;margin:12px 0;font-size:2rem;line-height:1.05}.footer-contact-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-contact-text{gap:6px;display:grid}.footer-contact-text p{margin:0}.footer-qr{background:#fff;border:1px solid #dfd2bbd9;border-radius:14px;flex-shrink:0;width:88px;height:88px;padding:6px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-actions{gap:12px;display:grid}.empty-state{text-align:center;justify-items:center;gap:16px;padding:52px 0;display:grid}@media (width<=1024px){.page-hero,.hero-grid,.featured-grid,.origin-showcase-grid,.packaging-spotlight-grid,.about-overview-grid,.contact-intro-grid,.two-column-grid,.split-contact,.single-contact,.contact-page-grid,.compact-contact-grid,.product-detail-grid,.admin-grid,.origin-grid,.packaging-grid,.story-grid{grid-template-columns:1fr}.category-grid,.trust-grid,.contact-intro-grid,.footer-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-row{align-items:center}.page-hero-actions{justify-content:flex-start}.main-nav{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.hero-copy h1,.page-title{font-size:clamp(2.2rem,8vw,3.4rem)}.footer-shell{grid-template-columns:1fr}.footer-contact-row{align-items:flex-start}.footer-qr{width:76px;height:76px}}@media (width<=720px){.section-block{padding:18px 0 56px}.container{width:min(100% - 20px,1240px)}.category-grid,.trust-grid,.contact-intro-grid,.product-grid,.packaging-grid,.story-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tips-grid{grid-template-columns:1fr}.site-header{position:sticky}.header-row{justify-content:space-between;align-items:center;padding:10px 0;position:relative}.brand{flex:1;gap:10px;min-width:0}.brand-mark{border-radius:12px;width:36px;height:36px}.brand strong{font-size:.95rem}.brand span,.desktop-only{display:none}.mobile-only{display:inline}.header-actions{flex-shrink:0}.header-contact{min-height:38px;box-shadow:none;padding:0 12px;font-size:.83rem}.menu-toggle{display:inline-flex}.main-nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#f7faf5fa;border-radius:18px;flex-direction:column;align-items:stretch;gap:8px;padding:14px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:visible}.main-nav.main-nav-open{display:flex}.nav-link{text-align:left;width:100%;padding:10px 12px;font-size:.92rem}.hero-carousel.section-block{padding-top:10px;padding-bottom:32px}.hero-grid{gap:16px;min-height:auto;padding-top:10px}.hero-visual{order:1;padding:10px}.hero-visual img{aspect-ratio:16/11;max-height:260px}.hero-copy{order:2}.hero-copy h1{margin:10px 0 8px;font-size:clamp(2rem,7.2vw,2.4rem);line-height:1.08}.hero-copy p{font-size:.92rem;line-height:1.55}.eyebrow{letter-spacing:.05em;font-size:.74rem}.hero-actions{gap:10px;margin-top:14px}.hero-dots{margin-top:14px}.hero-visual-card{width:auto;margin-top:12px;position:static}.trust-strip{margin-top:0;padding-bottom:12px}.featured-lead-body,.origin-copy-panel,.origin-visual-panel,.packaging-hero-card div,.contact-promo-card{padding:20px}.featured-mini-card,.compact-pack-card{grid-template-columns:1fr}.category-card,.story-card,.pack-card,.tips-card,.contact-intro-card,.related-card-body,.contact-actions-card,.form-card,.admin-card,.origin-card,.address-panel,.detail-panel{padding:18px}.product-body{padding:16px}.category-card h3,.product-card h3,.story-card h3,.pack-card h3{font-size:1rem;line-height:1.3}.category-card p,.product-card p,.story-card p,.pack-card p{font-size:.9rem;line-height:1.5}.hero-actions,.page-hero-actions,.product-actions,.detail-actions,.contact-action-list{flex-direction:column}.header-contact,.button-primary,.button-secondary,.button-link{width:100%}.header-contact{width:auto}.button-link{justify-content:flex-start}.record-top,.price-box,.footer-contact-row{flex-direction:column;align-items:flex-start}}@media (width<=390px){.category-grid,.trust-grid,.product-grid,.packaging-grid,.story-grid,.contact-intro-grid,.related-grid,.footer-grid{grid-template-columns:1fr}}