.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--color-brand:#23ac38;--color-brand-accent:#2ec04a;--color-brand-light:#5cb878;--color-brand-hover:#1a8f2e;--color-text:#5A5A5A;--color-text-dark:#2C2C2C;--color-bg:#F7F5F2;--color-bg-white:#FFFFFF;--color-bg-dark:#1C2B26;--color-bg-footer:#141C19;--color-accent:#C4A35A;--font-serif:'Songti SC','SimSun','STSong','FangSong','Noto Serif SC',serif;--font-sans:'Songti SC','SimSun','STSong','FangSong','Noto Serif SC',serif;--font-en:'Times New Roman',Times,'Songti SC',serif;--font-family:'Times New Roman',Times,'Songti SC','SimSun',serif;--header-height:70px;--container:1200px;--section-py:100px;--section-py-md:120px;--product-name-size:15px;--product-long-name-size:12px;--section-title-size:32px;--body-text-size:16px}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;font-size:16px;width:100%;overflow-x:hidden}body{font-family:var(--font-family);font-weight:400;line-height:1.9;color:var(--color-text);background-color:#f9f8f6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;overflow-x:hidden;position:relative;word-break:keep-all;overflow-wrap:break-word}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none;transition:color .3s}img{max-width:100%;height:auto;display:block}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:0 0}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 40px}.text-label{font-size:10px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--color-brand);font-family:var(--font-en)}.text-title{font-size:clamp(32px, 5vw, 56px);font-weight:300;line-height:1.3;color:var(--color-text-dark)}.text-subtitle{font-size:clamp(14px, 2vw, 18px);font-weight:400;letter-spacing:.15em}.text-body{font-size:16px;font-weight:400;line-height:1.9}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);z-index:1000;transition:box-shadow .3s}.header.scrolled{box-shadow:0 2px 20px rgba(0,0,0,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container);margin:0 auto;padding:0 48px}.header .logo{display:flex;align-items:center;margin-right:auto;position:relative;cursor:pointer}.header .logo img,.header .logo-img{height:50px;width:auto;transition:filter .3s}.header .logo-img{filter:none}.nav{display:flex;align-items:center;gap:20px;margin-left:auto}.nav-link{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;font-size:17px;color:var(--color-text);position:relative;padding:8px 14px;border-radius:999px;transition:background .25s,color .25s}.nav-link.active,.nav-link:hover{background:rgba(35,172,56,.14);color:var(--color-brand)}.nav-link::after{display:none}.nav-link>span:first-of-type{font-family:var(--font-serif);font-weight:600}.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border:none;background:0 0}.menu-toggle-bars{display:flex;flex-direction:column;gap:5px}.menu-toggle-bars span{display:block;width:22px;height:2px;background:var(--color-brand);transition:.3s;border-radius:1px}.dot-nav-container{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:999}.dot-nav{display:block;width:8px;height:8px;border-radius:50%;background:rgba(35,172,56,.35);transition:.3s}.dot-nav:hover{transform:scale(1.5);background:var(--color-brand-light)}.dot-nav.active{background:var(--color-brand);transform:scale(1.2)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fff 0,#f0f5f2 40%,#e8efe8 100%);position:relative;overflow:hidden;padding-top:var(--header-height)}.hero-inner{position:relative;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:800px;min-height:0;box-sizing:border-box;padding:0 40px}.hero-logo-wrap{position:relative;display:inline-block;cursor:pointer}.logo-tree{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:min(70vh,94vw);height:min(70vh,94vw);background-image:url('./imgs/logo_tree.png?v=20260603');background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;opacity:0;z-index:9999;filter:drop-shadow(0 8px 32px rgba(0, 0, 0, .2));transition:none}.scroll-indicator{position:absolute;bottom:40px;left:0;right:0;width:fit-content;max-width:calc(100% - 32px);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;z-index:10;text-decoration:none;color:inherit;cursor:pointer;padding:12px 20px 8px;border-radius:12px;-webkit-tap-highlight-color:transparent}.scroll-indicator:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.vine-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:100px;background:radial-gradient(ellipse at center,rgba(35,172,56,.08) 0,transparent 70%);animation:3s ease-in-out infinite glowBreathe}.vine-scroll{width:60px;height:75px;overflow:visible;filter:drop-shadow(0 0 6px rgba(35, 172, 56, .4))}.vine{fill:none;stroke:url(#vineGrad);stroke-width:2.7;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120;opacity:.5;animation:2.5s ease-out forwards vineDraw,3s ease-in-out 2.5s infinite vinePulse}.vine-left{animation-delay:0s,2.5s}.vine-right{animation-delay:.3s,2.5s}.vine-leaf{fill:#5BB07D;opacity:0;animation:.8s ease-out forwards leafAppear,3s ease-in-out 2.5s infinite leafPulse}.vine-leaf-l1{animation-delay:.8s,2.5s}.vine-leaf-l2{animation-delay:1s,2.5s}.vine-leaf-r1{animation-delay:1.1s,2.5s}.vine-leaf-r2{animation-delay:1.3s,2.5s}.vine-node{fill:#4A9E6B;opacity:0;animation:.5s ease-out 1.6s forwards nodeAppear,3s ease-in-out 2.5s infinite nodeGlow}.particle{fill:#7DC9A0;opacity:0}.p1{animation:3s ease-in-out 2s infinite particleFloat}.p2{animation:3.5s ease-in-out 2.3s infinite particleFloat}.p3{animation:2.8s ease-in-out 1.8s infinite particleFloat}.p4{animation:3.2s ease-in-out 2.6s infinite particleFloat}.scroll-hint{font-family:var(--font-serif);font-size:20px;color:rgba(35,172,56,.5);letter-spacing:3px;margin-top:8px;animation:3s ease-in-out 3s infinite hintFade}@keyframes vineDraw{0%{stroke-dashoffset:120;opacity:0}10%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes vinePulse{0%,100%{stroke-width:1.8;opacity:.75}50%{stroke-width:2.2;opacity:1}}@keyframes leafAppear{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes leafPulse{0%,100%{opacity:.8;r:2.5}50%{opacity:1;r:3}}@keyframes nodeAppear{0%{opacity:0;r:1}100%{opacity:1;r:3}}@keyframes nodeGlow{0%,100%{opacity:.8;filter:drop-shadow(0 0 3px rgba(35, 172, 56, .6))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(35, 172, 56, 1))}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}80%{opacity:.4}100%{opacity:0;transform:translateY(-25px)}}@keyframes hintFade{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes glowBreathe{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.hero-content{text-align:center;width:100%;max-width:800px;padding:120px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-logo{width:240px;height:240px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 8px rgba(35,172,56,.06),0 0 0 20px rgba(35,172,56,.04),0 0 0 40px rgba(35,172,56,.02),0 8px 40px rgba(35,172,56,.15);margin-bottom:32px;animation:3s ease-in-out infinite logoBreathe}@keyframes logoBreathe{0%,100%{box-shadow:0 0 0 8px rgba(35,172,56,.06),0 0 0 20px rgba(35,172,56,.04),0 0 0 40px rgba(35,172,56,.02),0 8px 40px rgba(35,172,56,.15)}50%{box-shadow:0 0 0 12px rgba(35,172,56,.1),0 0 0 28px rgba(35,172,56,.07),0 0 0 52px rgba(35,172,56,.04),0 8px 50px rgba(35,172,56,.22)}}.hero-subtitle{font-size:18px;color:var(--color-text-dark);margin-bottom:8px;font-family:var(--font-serif);font-weight:400;line-height:1.65;max-width:min(22em,92vw);text-wrap:balance}.hero-subtitle-en{font-family:var(--font-en);font-size:14px;font-weight:400;color:var(--color-brand-light);letter-spacing:.08em;line-height:1.55;max-width:min(36em,94vw);text-wrap:balance}.hero-cta{display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:center;align-items:center;margin-top:28px}.hero-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 28px;font-size:15px;font-weight:600;font-family:var(--font-serif);border-radius:9999px;text-decoration:none;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .2s}.hero-cta .btn--primary{background:var(--color-brand);color:#fff;box-shadow:0 4px 16px rgba(35,172,56,.35)}.hero-cta .btn--primary:hover{background:var(--color-brand-hover);transform:translateY(-1px)}.hero-cta .btn--ghost{background:#fff;color:#1a1a1a;border-color:rgba(0,0,0,.12)}.hero-cta .btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.hero-cta .btn--ghost:hover{border-color:var(--color-brand);color:var(--color-brand)}.hero-decoration{position:absolute;width:300px;height:300px;border:1px solid rgba(35,172,56,.2);border-radius:50%;top:20%;right:-100px}.hero-decoration-2{position:absolute;width:200px;height:200px;border:1px solid rgba(35,172,56,.15);border-radius:50%;bottom:15%;left:-50px}.section{padding:var(--section-py) 0}.section-header{text-align:left;margin-bottom:80px}.section-header .text-label{margin-bottom:16px}.section-title{font-size:clamp(28px, 4vw, var(--section-title-size));font-weight:400;color:var(--color-text-dark);margin-bottom:12px;font-family:var(--font-serif);line-height:1.35;text-wrap:balance}.section-title-en{font-family:var(--font-en);font-size:14px;font-weight:300;color:var(--color-brand-light);letter-spacing:.1em;line-height:1.75;text-wrap:balance}.story{background:var(--color-bg-white)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}#products.products-section .section-header .section-title,#story .story-content .section-title,.products-index .section-header .section-title{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);font-weight:400;color:#2d5a4a;margin-bottom:16px;letter-spacing:.15em;line-height:1.3;text-wrap:balance}#products.products-section .section-header .section-title-en,#story .story-content .section-title-en,.products-index .section-header .section-title-en{font-family:var(--font-serif);font-size:14px;font-weight:400;color:#2d5a4a;letter-spacing:.06em;line-height:1.75;text-wrap:balance;margin-bottom:40px}#story .story-content{max-width:560px;text-align:start;line-height:1.9;font-size:var(--body-text-size);font-weight:400;color:var(--color-text)}#products.products-section .section-header .text-label,#story .story-content .text-label,.contact-us .section-header .text-label,.herb-philosophy .section-header .text-label,.ingredients-origin .section-header .text-label,.products-index .section-header .text-label,.ritual-guide .section-header .text-label{margin-bottom:24px;color:#23ac38;font-family:var(--font-en);font-size:clamp(12px, .95vw, 14px);font-weight:400;letter-spacing:.22em;text-transform:uppercase;line-height:1.5;display:block}.story-title{font-size:clamp(22px, 3vw, 28px);font-weight:400;line-height:1.8;color:var(--color-text-dark);margin-bottom:32px;font-family:var(--font-serif);text-align:left}.story-intro{font-family:var(--font-serif);font-size:15px;color:var(--color-brand);margin-bottom:24px;font-weight:400;text-align:left;position:relative;padding-left:16px;line-height:1.6}.story-intro::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:2px;background:var(--color-brand);opacity:.4}#story .story-content>p.story-text{font-size:var(--body-text-size);font-weight:400;color:var(--color-text);line-height:2;text-align:start}#story .story-text-brand{font-weight:700}#story .story-grid{align-items:start}.story-folio-index{max-width:400px;margin-inline:auto;padding:24px 28px 28px;border:1px solid rgba(35,172,56,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.95) 0,rgba(248,252,249,.98) 100%);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 24px 48px -32px rgba(45,90,74,.12)}.story-folio-index__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.story-folio-index__list>li{margin:0;padding:0;border-top:1px solid rgba(35,172,56,.08)}.story-folio-index__list>li:first-child{border-top:none}.story-folio-index__link{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:14px 18px;margin:0 -8px;padding:16px 8px;text-decoration:none;color:inherit;transition:background .22s;border-radius:12px}.story-folio-index__link:focus-visible,.story-folio-index__link:hover{background:rgba(35,172,56,.05)}.story-folio-index__link:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.story-folio-index__mark{display:inline-flex;align-items:center;justify-content:center;min-width:2.5em;padding:.2em .35em;font-family:var(--font-serif);font-size:11px;font-weight:500;letter-spacing:.08em;line-height:1;color:var(--color-brand);border:1px solid rgba(35,172,56,.35);border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(240,249,243,.95));box-shadow:0 1px 0 rgba(255,255,255,.9) inset}.story-folio-index__text{font-family:var(--font-serif);font-size:clamp(14px, 1.25vw, 16px);font-weight:400;line-height:1.65;letter-spacing:.06em;color:#3d5c4d;transition:color .2s}.story-folio-index__link:focus-visible .story-folio-index__text,.story-folio-index__link:hover .story-folio-index__text{color:var(--color-brand)}.story-folio-index__more{display:inline-flex;align-items:center;margin-top:18px;font-family:var(--font-serif);font-size:13px;letter-spacing:.1em;color:var(--color-accent);text-decoration:none;padding-bottom:1px;border-bottom:1px solid rgba(196,163,90,.35);transition:color .2s,border-color .2s}.story-folio-index__more:focus-visible,.story-folio-index__more:hover{color:var(--color-brand);border-bottom-color:rgba(35,172,56,.4)}.story-folio-index__more:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px;border-radius:2px}.founder{background:var(--color-bg)}.founder-container{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.founder-container>*{min-width:0}.founder-image{display:flex;justify-content:center;align-items:center}.founder-image img{width:min(300px,calc(100vw - 48px));height:min(300px,calc(100vw - 48px));max-width:100%;border-radius:50%;object-fit:cover;box-shadow:0 8px 32px rgba(35,172,56,.12);image-rendering:-webkit-optimize-contrast}.founder-placeholder{text-align:center;color:var(--color-brand-light);font-family:var(--font-serif);font-size:16px;line-height:1.8}.founder-text{max-width:min(520px,100%);min-width:0;width:100%;text-align:left;overflow-wrap:break-word;word-wrap:break-word}.founder-text .text-label{margin-bottom:.75em;color:#23ac38;font-family:var(--font-en);max-width:100%;overflow-wrap:break-word}.founder-text h3{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);font-weight:400;color:#2d5a4a;margin-top:0;margin-bottom:.65em;letter-spacing:.15em;line-height:1.3;text-align:left;max-width:100%;overflow-wrap:break-word}.founder-text p{font-size:var(--body-text-size);font-weight:400;color:var(--color-text);line-height:2;margin-top:0;margin-bottom:0;text-align:start;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.founder-text p:last-child{margin-bottom:0}.philosophy{background:var(--color-bg-white)}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.philosophy-card{background:var(--color-bg);padding:56px 40px;text-align:center}.philosophy-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.06)}.philosophy-icon{width:48px;height:48px;margin-bottom:24px;color:var(--color-brand)}.philosophy-card h3{font-size:18px;font-weight:400;color:var(--color-text-dark);margin-bottom:8px;font-family:var(--font-serif);text-align:left}.philosophy-card h4{font-family:var(--font-en);font-size:12px;font-weight:300;color:var(--color-brand-light);letter-spacing:.1em;margin-bottom:20px;text-align:left}.philosophy-card p{font-size:14px;color:var(--color-text);line-height:1.8;text-align:left}.products-section{background:var(--color-bg-white)}.product-category{margin-bottom:80px}.product-category:last-child{margin-bottom:0}.category-title{font-family:var(--font-serif);font-size:clamp(18px, 2.4vw, 20px);font-weight:400;color:var(--color-text-dark);margin:0 0 32px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;letter-spacing:.12em}.products-index .category-title,.products-index .category-title+.products-index-grid{margin-top:0}.products-index .category-title~.category-title{margin-top:48px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}.products-grid>*{min-width:0}.product-card{background:var(--color-bg-white);border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);transition:.3s;cursor:pointer;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08)}.products-grid .product-card .product-image{flex-shrink:0;height:220px;aspect-ratio:4/5;overflow:hidden;border-radius:8px 8px 0 0;display:flex;align-items:center;justify-content:center;position:relative}.products-grid .product-card .product-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(245,240,232,.7) 100%);pointer-events:none;z-index:1}.products-grid .product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.products-grid .product-card:hover .product-image img{transform:scale(1.03)}.product-card .product-info{padding:16px}.product-placeholder{width:120px;height:120px;background:linear-gradient(135deg,var(--color-brand) 0,var(--color-brand-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;letter-spacing:.1em}.product-info{padding:24px;text-align:left}.product-name{font-size:16px;font-weight:400;color:var(--color-text-dark);margin-bottom:4px;font-family:var(--font-serif);text-align:left}.product-name-en{font-family:var(--font-en);font-size:11px;font-weight:300;color:var(--color-brand-light);margin-bottom:12px;text-align:left}.product-effect{font-size:12px;color:var(--color-text);margin-bottom:12px;line-height:1.6;text-align:left}.product-price{color:var(--color-brand);text-align:left}.ingredients{background:var(--color-bg-white)}.ingredients-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.ingredient-card{text-align:left;padding:40px 24px}.ingredient-card:hover{box-shadow:0 12px 32px rgba(35,172,56,.08)}.ingredient-icon{width:64px;height:64px;margin-bottom:24px;background:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-brand)}.ingredient-card h4{font-size:16px;font-weight:400;color:var(--color-text-dark);margin-bottom:8px;font-family:var(--font-serif);text-align:left}.ingredient-card p:not(.ingredient-name-en){font-size:13px;color:var(--color-text);line-height:1.7;text-align:left}.ingredient-method{font-size:12px!important;color:var(--color-brand)!important;font-family:var(--font-en);letter-spacing:.05em;margin-top:6px;padding-top:8px;border-top:1px solid rgba(35,172,56,.12)}.contact{background:var(--color-bg-dark);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:80px}.contact-section h4{font-size:14px;font-weight:400;letter-spacing:.15em;margin-bottom:24px;color:var(--color-brand-light)}.contact-brand h3{font-size:24px;font-weight:200;letter-spacing:.3em;margin-bottom:16px;font-family:var(--font-serif)}.contact-brand p{font-size:14px;opacity:.7;line-height:1.8}.contact-list{display:flex;flex-direction:column;gap:16px}.contact-item{display:flex;align-items:center;gap:12px;font-size:14px;opacity:.8}.contact-item i{color:var(--color-brand-light);font-size:18px;width:24px}.contact-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.contact-cta p{font-size:14px;opacity:.7}.btn-outline-light{background:0 0;border:1px solid rgba(255,255,255,.3);color:#fff}.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}.footer{--footer-col-text-size:13px;--footer-col-text-lh:1.65;--footer-col-text-ls:0.05em;--footer-col-title-gap:12px;--footer-col-item-gap:10px;background:var(--color-bg-footer);padding:56px 0 48px;text-align:left;border-top:1px solid rgba(255,255,255,.06)}.footer-shell{max-width:var(--container)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr) minmax(0,0.85fr) minmax(0,1.35fr);gap:40px 32px;align-items:start}.footer-brand{padding-right:12px}.footer-logo-link{display:inline-block;margin-bottom:18px}.footer-logo-img{height:40px;width:auto;max-width:200px;object-fit:contain;opacity:.92;filter:brightness(0) invert(1)}.footer-brand-slogan{font-family:var(--font-serif);font-size:15px;letter-spacing:.28em;color:rgba(255,255,255,.82);margin-bottom:10px;line-height:1.6}.footer-brand-line{font-size:12px;letter-spacing:.18em;color:rgba(255,255,255,.45);line-height:1.6}.footer-heading{font-size:var(--footer-col-text-size);font-weight:500;line-height:var(--footer-col-text-lh);letter-spacing:var(--footer-col-text-ls);color:var(--color-brand-light);margin:0 0 var(--footer-col-title-gap)}.footer-aside,.footer-nav{display:flex;flex-direction:column;min-width:0}.footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--footer-col-item-gap)}.footer-links li{margin:0}.footer-aside .footer-contact-label,.footer-aside .footer-email,.footer-aside .footer-email-hint,.footer-aside .footer-email-line,.footer-aside .footer-legal,.footer-links a{font-size:var(--footer-col-text-size);line-height:var(--footer-col-text-lh);letter-spacing:var(--footer-col-text-ls)}.footer-links a{display:inline-block;color:rgba(255,255,255,.62);transition:color .2s,padding-left .2s}.footer-links a:hover{color:rgba(255,255,255,.95);padding-left:4px}.footer-aside>*{margin:0}.footer-aside>*+*{margin-top:var(--footer-col-item-gap)}.footer-aside>.footer-heading+*{margin-top:0}.footer-aside .footer-legal{color:rgba(255,255,255,.48)}.footer-aside .footer-contact-label{color:rgba(255,255,255,.45)}.footer-aside .footer-email{color:rgba(255,255,255,.78);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(196,163,90,0.45)}.footer-aside .footer-email:hover{color:var(--color-brand-light);text-decoration-color:var(--color-brand-light)}.footer-aside .footer-email-hint{color:rgba(255,255,255,.38)}.footer-divider{height:1px;margin:40px 0 28px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent 100%)}.footer-meta{text-align:center}.footer-copy{font-size:12px;color:rgba(255,255,255,.45);line-height:1.7;margin:0}.footer .footer-icp{margin-top:12px;font-size:12px;color:rgba(255,255,255,.5);line-height:1.6}.footer .footer-icp a{color:rgba(255,255,255,.58)}.footer .footer-icp a:hover{color:var(--color-brand-light)}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}.footer-brand{grid-column:1/-1;padding-right:0;text-align:center}.footer-logo-link{display:flex;justify-content:center}.story-section.reverse .story-block{direction:ltr}}@media (max-width:560px){.footer{padding:44px 0 40px}.footer-grid{grid-template-columns:minmax(0,1fr);gap:28px}.footer-aside,.footer-nav{text-align:center}}.page-hero{min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff 0,#f0f5f2 40%,#e8efe8 100%);padding-top:var(--header-height);text-align:center}.page-hero .container{text-align:left}.page-hero .text-label{margin-bottom:16px}.page-hero h1{font-size:clamp(32px, 5vw, 48px);font-weight:300;color:var(--color-brand);margin-bottom:16px;font-family:var(--font-serif);text-align:left}.page-hero p{font-size:16px;color:var(--color-text);max-width:600px;margin:0 auto;text-align:left}.story-page-hero.page-hero{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:12px;min-height:auto;padding-top:calc(var(--header-height) + 20px);padding-bottom:16px;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px);text-align:center}.story-page-hero .text-label{font-size:10px;letter-spacing:.3em;color:#7a9e8e;margin-bottom:8px;line-height:1.45;font-weight:400;text-transform:uppercase;font-family:var(--font-en)}.story-page-hero h1{font-family:'Noto Serif SC',serif;font-size:clamp(24px, 4.2vw, 34px);font-weight:400;color:#2c2c2c;margin-bottom:10px;text-align:center;line-height:1.35;text-wrap:balance;width:100%}.story-page-hero .story-page-hero-lead{color:#5a5a5a;font-size:clamp(13px, 3.4vw, 15px);font-weight:400;line-height:1.7;text-align:center;max-width:34em;margin:0 auto;text-wrap:pretty}.products-index .section-header{text-align:left}#story .story-content>p:not(.story-text){font-size:var(--body-text-size);font-weight:400;line-height:1.9;margin-bottom:1.5em;text-align:start}#story .story-content>p:last-child{margin-bottom:0}.product-detail{padding:var(--section-py) 0;background:var(--color-bg-white)}.product-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0;border-bottom:1px solid rgba(0,0,0,.06);max-width:1100px;margin:0 auto}.product-block:last-child{border-bottom:none}.product-block>*{min-width:0}.product-block.reverse{direction:rtl}.product-block.reverse>*{direction:ltr}.product-detail-image picture{display:flex;align-items:center;justify-content:center;width:100%}.product-detail-image img{aspect-ratio:4/5;max-width:240px;width:100%;object-fit:contain}.product-placeholder-lg{width:160px;height:160px;background:linear-gradient(135deg,var(--color-brand) 0,var(--color-brand-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;letter-spacing:.1em;text-align:center;line-height:1.6}.product-detail-content h2{font-size:clamp(24px, 3vw, 32px);font-weight:400;color:var(--color-text-dark);margin-bottom:8px;font-family:var(--font-serif);text-align:left}.product-detail-content h3{font-family:var(--font-en);font-size:14px;font-weight:300;color:var(--color-brand-light);margin-bottom:20px;text-align:left}.product-spec{display:inline-block;padding:6px 16px;background:var(--color-bg);border-radius:20px;font-size:13px;color:var(--color-text);margin-bottom:8px}.product-spec-price{display:inline-block;padding:6px 16px;background:var(--color-brand);color:#fff;border-radius:20px;font-size:13px;margin-left:8px}.product-detail-content .product-effect{font-size:15px;margin:24px 0;padding:20px;background:var(--color-bg);border-radius:8px;line-height:1.8;text-align:left}.product-highlights{margin:24px 0}.product-highlights h4{font-size:14px;font-weight:400;color:var(--color-text-dark);margin-bottom:12px;font-family:var(--font-serif);text-align:left}.highlight-list{display:flex;flex-wrap:wrap;gap:8px}.highlight-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg);border-radius:4px;font-size:12px;color:var(--color-text)}.highlight-tag i{color:var(--color-brand);font-size:14px}.product-qa{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.06)}.product-qa h4{font-size:14px;font-weight:400;color:var(--color-text-dark);margin-bottom:16px;font-family:var(--font-serif);text-align:left}.qa-item{margin-bottom:12px}.qa-q{font-size:13px;color:var(--color-brand);margin-bottom:4px;text-align:left}.qa-a{font-size:13px;color:var(--color-text);line-height:1.7;text-align:left}.products-index{padding:var(--section-py) 0;background:var(--color-bg)}body.products-page .story-page-hero.page-hero{padding-top:calc(var(--header-height) + 12px);padding-bottom:6px}body.products-page .products-index{padding-top:52px;padding-bottom:var(--section-py)}body.products-page .products-index .section-header{margin-bottom:40px}body.products-page .products-index .section-header .section-title-en{margin-bottom:18px}.products-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;align-items:stretch}.products-index-grid>*{min-width:0}.products-index .products-index-grid+.products-index-grid{margin-top:48px}.products-index .products-index-card{background:var(--color-bg-white);border-radius:8px;overflow:hidden;transition:.3s;cursor:pointer;display:flex;flex-direction:column;min-height:0}.products-index .products-index-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.06)}.products-index .products-index-card img{height:120px;width:100%;object-fit:cover}.products-index .products-index-card h4{padding:12px 16px;font-size:13px;font-weight:400;color:var(--color-text-dark);font-family:var(--font-serif);text-align:left}.back-to-top{position:fixed;right:40px;bottom:40px;width:48px;height:48px;background:var(--color-brand);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;visibility:hidden;transition:.3s;z-index:998;box-shadow:0 4px 12px rgba(35,172,56,.3)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top-icon{display:block;flex-shrink:0}.back-to-top:hover{transform:translateY(-4px);background:var(--color-brand-hover)}@media (max-width:1024px){:root{--section-py:100px}.dot-nav-container{display:none}.products-grid,.products-index-grid{grid-template-columns:repeat(3,1fr)}.products-index .products-index-name{padding:13px 15px}.ingredients-grid{grid-template-columns:repeat(2,1fr);max-width:100%}.story-grid{grid-template-columns:1fr;gap:60px}#story .story-folio-index{max-width:none}.founder-container{grid-template-columns:1fr;gap:60px}.product-block{grid-template-columns:1fr;gap:48px}.product-block.reverse{direction:ltr}.product-detail-image{order:-1}.contact-grid{grid-template-columns:1fr;gap:56px}}@media (max-width:768px){:root{--section-py:80px;--header-height:60px}.container,.header-inner{padding:0 24px}.header .logo img{height:36px}.nav{position:fixed;top:var(--header-height);left:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);flex-direction:column;padding:24px;gap:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:.3s;box-shadow:0 8px 24px rgba(0,0,0,.1)}.nav.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{font-size:18px}.menu-toggle{display:flex}.menu-toggle.active .menu-toggle-bars span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active .menu-toggle-bars span:nth-child(2){opacity:0}.menu-toggle.active .menu-toggle-bars span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{padding:80px 0 60px}.hero-logo{width:180px;height:180px;margin-bottom:24px;box-shadow:0 0 0 6px rgba(35,172,56,.06),0 0 0 16px rgba(35,172,56,.04),0 0 0 32px rgba(35,172,56,.02),0 8px 32px rgba(35,172,56,.15)}.hero-inner{padding:0 24px}.hero-content{padding:24px 0}.products-grid,.products-index-grid{grid-template-columns:repeat(2,1fr)}.products-index .products-index-name{padding:16px 14px;gap:3px}.products-index .products-index-name .name-zh{line-height:1.3}.ingredients-grid{grid-template-columns:1fr}.ritual-steps{flex-direction:column;align-items:center}.ritual-arrow{transform:rotate(90deg)}.product-detail-image{min-height:240px;padding:32px}.hero-subtitle{font-size:17px;padding:0 10px}.hero-subtitle-en{font-size:13px;padding:0 14px}#products.products-section .section-header .section-title,#story .story-content .section-title,.contact-us .section-header h2,.ingredients-origin .section-header h2,.products-index .section-header .section-title,.ritual-guide .section-header h2,.section-title{line-height:1.3;text-wrap:balance}#story .story-content>p.story-text,.founder-text p{line-height:1.82;text-wrap:pretty}.founder-text .text-label{margin-bottom:.65em}.founder-text h3{margin-bottom:.5em}.founder-text p{margin-bottom:0}.social-section{padding-left:16px;padding-right:16px}.social-intro{font-size:clamp(13px, 3.5vw, 15px);line-height:1.7;max-width:100%;padding-inline:4px;text-wrap:balance}.herb-philosophy .section-header h2{letter-spacing:.1em}.contact-us .section-intro{padding:0 6px;line-height:1.78}.philosophy-footer-quote{font-size:clamp(20px, 5.5vw, 28px);line-height:1.45;padding:0 12px}.philosophy-footer-sub{padding:0 12px;line-height:1.75}.story-page-hero.page-hero{margin-left:12px;margin-right:12px;padding-top:calc(var(--header-height) + 24px);padding-bottom:16px;padding-left:18px;padding-right:18px;border-radius:16px;background:linear-gradient(180deg,#eef6f1 0,#fff 55%);box-shadow:0 6px 28px rgba(35,172,56,.06);gap:10px}.story-page-hero h1{font-size:clamp(26px, 7vw, 32px);margin-bottom:12px}.story-page-hero .story-page-hero-lead{font-size:14px;line-height:1.75;max-width:100%;padding:0 4px}.story-page-hero .text-label{display:block;margin-bottom:10px;letter-spacing:.22em}.product-detail{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.product-block{padding:40px 0}.product-detail-content{padding-left:0;padding-right:0}.product-detail-content .product-effect{margin-left:0;margin-right:0}body.products-page .story-page-hero.page-hero{padding-top:calc(var(--header-height) + 10px);padding-bottom:8px}.back-to-top{right:24px;bottom:24px;width:44px;height:44px}}@media (max-width:480px){.container{padding-left:18px;padding-right:18px}.products-grid,.products-index-grid{grid-template-columns:1fr}.hero-logo{width:150px;height:150px;box-shadow:0 0 0 5px rgba(35,172,56,.06),0 0 0 14px rgba(35,172,56,.04),0 0 0 28px rgba(35,172,56,.02),0 6px 28px rgba(35,172,56,.15)}}.product-detail-content{text-align:left;position:relative}.product-price{font-size:24px;font-weight:500;color:var(--color-brand);font-family:var(--font-serif);display:block;margin-bottom:20px}.btn-buy{display:inline-block;padding:10px 32px;background:var(--color-brand);color:#fff!important;border-radius:24px;font-size:14px;font-weight:400;letter-spacing:.1em;transition:.3s;cursor:pointer;text-decoration:none}.btn-buy:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 4px 16px rgba(35,172,56,.2)}.products-grid .product-card .product-name-display{flex:1 1 auto;padding:16px 20px;text-align:center;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,#fdfcfb 0,#f5f3f0 100%);border:1px solid rgba(35,172,56,.08);border-radius:0 0 8px 8px;transition:.3s}.products-grid .product-card:hover .product-name-display{border-color:rgba(35,172,56,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(35,172,56,.1)}.product-name-display .product-name-zh{font-family:'Noto Serif SC',serif;font-size:var(--product-name-size);font-weight:500;color:#2c2c2c;margin-bottom:4px;line-height:1.3;letter-spacing:.05em}.name-sm{font-size:var(--product-long-name-size)!important}.product-name-display .product-name-travel-suffix,.products-index .products-index-name .name-zh-travel-suffix{color:#8f8f8f;font-weight:400;font-size:inherit;letter-spacing:.06em}.product-name-display .product-name-en{font-family:'Work Sans',sans-serif;font-size:11px;font-weight:300;color:var(--color-brand-light);letter-spacing:.08em;text-transform:uppercase}#products .section-header{text-align:left}.reading-progress{position:fixed;top:0;left:0;width:0%;height:2px;background:var(--color-brand);z-index:9999;transition:width .1s ease-out;opacity:.6}.chapter-label{font-family:'Noto Serif SC',serif;font-size:14px;font-weight:400;color:var(--color-brand-light);letter-spacing:.3em;text-align:center;margin-bottom:22px;opacity:.7}.chapter-divider{display:flex;align-items:center;justify-content:center;padding:24px 20px;gap:20px}.chapter-divider-line{flex:1;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(35,172,56,.2),transparent)}.chapter-divider-text{font-family:'Noto Serif SC',serif;font-size:13px;font-weight:400;color:var(--color-brand-light);letter-spacing:.2em;white-space:nowrap;opacity:.6}.story-section{padding:40px 0 48px;border-bottom:none;background:var(--color-bg-white);opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.story-list>.story-section:first-child{padding-top:20px}.story-section.visible{opacity:1;transform:translateY(0)}.story-section:nth-child(2n){background:var(--color-bg)}.story-block{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1100px;margin:0 auto}.story-block>*{min-width:0}.story-section.reverse .story-block{direction:rtl}.story-section.reverse .story-block>*{direction:ltr}.story-image{border-radius:16px;overflow:hidden;aspect-ratio:3/4;box-shadow:0 8px 32px rgba(35,172,56,.08)}.story-image picture{display:block;width:100%;height:100%}.story-image img{width:100%;height:100%;object-fit:cover}.story-list .story-text{max-width:640px;margin:0 auto}.story-name{font-family:'Noto Serif SC',serif;font-size:clamp(24px, 3vw, 36px);font-weight:400;color:var(--color-text-dark);margin:0 0 6px;line-height:1.4;text-align:left}.story-name-en{font-family:var(--font-en);font-size:14px;font-weight:400;color:var(--color-brand);letter-spacing:.04em;line-height:1.7;margin:0 0 18px;text-align:left}.story-divider{width:40px;height:2px;background:var(--color-brand);margin-bottom:20px}.story-list .story-content{max-width:640px;margin:0 auto 32px}.story-list .story-content p{font-size:16px;font-weight:400;line-height:2;color:var(--color-text);text-align:start;margin-bottom:1.35em;text-indent:2em;word-break:normal;line-break:auto;text-wrap:wrap;overflow-wrap:break-word}.story-list .story-content p:first-child{text-indent:0}.story-list .story-content p:first-child::first-letter{font-size:1.2em;font-weight:500}.story-list .story-link{display:inline-block;font-size:14px;color:var(--color-brand);letter-spacing:.1em;border-bottom:1px solid var(--color-brand);padding-bottom:2px;transition:.3s;max-width:640px}.story-list .story-link:hover{color:var(--color-brand-hover);border-color:var(--color-brand-hover)}@media (max-width:768px){.story-block{grid-template-columns:1fr;gap:40px}.story-section{padding:32px 0 40px}.chapter-label{margin-bottom:18px}.story-list .story-content p{font-size:15px;line-height:2}}.products-index .products-index-grid>.products-index-card{align-self:start;height:auto}.products-index .products-index-name{flex:0 1 auto;padding:14px 16px;text-align:center;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;background:linear-gradient(180deg,#fdfcfb 0,#f5f3f0 100%);border:1px solid rgba(35,172,56,.08);border-radius:8px;transition:.3s}.products-index .products-index-card:hover .products-index-name{border-color:rgba(35,172,56,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(35,172,56,.1)}.products-index .products-index-name .name-zh{font-family:'Noto Serif SC',serif;font-size:16px;font-weight:500;color:#2c2c2c;margin-bottom:0;line-height:1.25;letter-spacing:.05em}.products-index .products-index-name .name-en{font-family:'Work Sans',sans-serif;font-size:10px;font-weight:300;color:var(--color-brand-light);letter-spacing:.08em;text-transform:uppercase;line-height:1.25}.product-detail-image{background:linear-gradient(135deg,#fafafa 0,#f5f5f5 100%);border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden}.product-detail-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,rgba(245,240,232,.7) 100%);pointer-events:none;z-index:1}.wechat-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;align-items:center;justify-content:center;animation:.3s fadeIn}.wechat-popup.is-open{display:flex}.wechat-popup-inner{background:#fff;border-radius:16px;padding:40px 48px;text-align:center;max-width:360px;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.15);animation:.3s slideUp}.wechat-popup-close{position:absolute;top:12px;right:16px;background:0 0;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1}.wechat-popup-inner h3{font-family:var(--font-serif);font-size:22px;color:var(--color-text-dark);margin-bottom:8px;font-weight:400}.wechat-popup-sub{font-size:14px;color:var(--color-brand-light);margin-bottom:24px}.wechat-qrcode{background:#f8f6f2;border-radius:12px;padding:16px;margin-bottom:20px}.wechat-qrcode img{width:180px;height:180px;object-fit:contain;display:block;margin:0 auto}.wechat-qrcode-placeholder{width:180px;height:180px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:#999;background:#f0f0f0;border-radius:8px;margin:0 auto;padding:16px;line-height:1.6}.wechat-popup-tip{font-size:12px;color:#bbb}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--color-brand:#23ac38;--color-brand-light:#5cb878;--color-brand-lighter:#a3e0b8;--color-bg:#F9F8F6;--color-bg-white:#FFFFFF;--color-text-dark:#333333;--color-text:#666666;--color-text-light:#999999;--color-accent:#C9A962;--font-serif:'Songti SC','SimSun','STSong','FangSong','Noto Serif SC',serif;--font-sans:'Songti SC','SimSun','STSong','FangSong','Noto Serif SC',serif;--section-py:100px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes floatGentle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.ingredients-origin{padding:var(--section-py) 0;background:var(--color-bg);position:relative;overflow:hidden}.ingredients-origin::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(35,172,56,.03) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:8s ease-in-out infinite ripple;pointer-events:none}.ingredients-origin::after{content:'🌿';position:absolute;top:15%;right:8%;font-size:48px;opacity:.08;animation:6s ease-in-out infinite floatGentle;pointer-events:none}.ingredients-origin .section-header{text-align:center;margin-bottom:60px;position:relative;z-index:1}.ingredients-origin .section-header h2{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);font-weight:400;color:#2d5a4a;margin-bottom:16px;letter-spacing:.15em;line-height:1.3}.ingredients-origin .subtitle{font-family:var(--font-serif);font-size:18px;color:#2d5a4a;letter-spacing:.4em;margin-bottom:24px;line-height:1.6}.ingredients-origin .intro{max-width:700px;margin:0 auto;font-size:16px;color:var(--color-text);line-height:2}.ingredients-origin .ingredients-intro-brand{font-weight:700}.ingredient-categories{display:flex;justify-content:center;gap:12px;margin-bottom:48px;flex-wrap:wrap;position:relative;z-index:1}.ingredient-categories button,.ingredient-categories span{padding:12px 28px;background:var(--color-bg-white);border:1px solid rgba(35,172,56,.15);border-radius:28px;font-family:var(--font-serif);font-size:16px;font-weight:700;color:var(--color-text);cursor:pointer;transition:.3s}.ingredient-categories button:hover,.ingredient-categories span:hover{border-color:var(--color-brand);color:var(--color-brand)}.ingredient-categories button.active,.ingredient-categories span.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;font-weight:700;box-shadow:0 4px 16px rgba(35,172,56,.2)}.ingredients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1;align-items:stretch}.ingredients-grid>*{min-width:0}.ingredient-card{background:var(--color-bg-white);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06);transition:.4s cubic-bezier(.25, .46, .45, .94);cursor:pointer;position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.ingredient-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(35,172,56,.08) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:.6s;pointer-events:none}.ingredient-card:hover::before{width:300%;height:300%}.ingredient-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(35,172,56,.15)}.ingredient-card .card-header{flex-shrink:0;height:180px;background:linear-gradient(145deg,#e8ede6 0,#d4e0d8 100%);display:flex;align-items:center;justify-content:center;position:relative}.ingredient-card .ingredient-icon{font-size:56px;transition:transform .4s;width:80px;height:80px;object-fit:cover;border-radius:50%}.ingredient-card:hover .ingredient-icon{transform:scale(1.1)}.ingredient-card .category-tag{position:absolute;top:12px;left:12px;padding:6px 12px;background:rgba(255,255,255,.95);border-radius:16px;font-family:var(--font-serif);font-size:14px;font-weight:700;color:#2d5a4a;letter-spacing:.06em;line-height:1.35}.ingredient-card .card-body{flex:1 1 auto;padding:24px}.ingredient-card .ingredient-name{font-family:var(--font-serif);font-size:20px;color:var(--color-text-dark);margin-bottom:6px}.ingredient-card .ingredient-name-en{display:block;font-family:var(--font-en);font-size:14px;font-weight:400;color:var(--color-brand);letter-spacing:.04em;line-height:1.75;margin:0 0 14px;padding:3px 0 5px}.ingredient-card .ingredient-brief{font-size:14px;color:var(--color-text);line-height:1.6;margin-bottom:16px}.ingredient-card .card-expand{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding-top:16px;border-top:1px dashed rgba(35,172,56,.12);font-size:13px;color:var(--color-brand);transition:.3s}.ingredient-card .card-expand-zh{font-family:var(--font-serif);font-weight:600}.ingredient-card .card-expand-chevron{display:inline-flex;align-items:center;line-height:0}.ingredient-card .card-expand-chevron svg{display:block;transition:transform .25s}.ingredient-card:hover .card-expand-chevron svg{transform:translateY(2px)}.ingredient-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:.4s}.ingredient-modal-overlay.active{opacity:1;visibility:visible}.ingredient-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:800px;max-height:90vh;background:var(--color-bg-white);border-radius:24px;z-index:9999;opacity:0;visibility:hidden;transition:.4s cubic-bezier(.25, .46, .45, .94);overflow:hidden}.ingredient-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.ingredient-modal .modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:none;background:rgba(35,172,56,.08);border-radius:50%;cursor:pointer;z-index:10;transition:.3s;display:flex;align-items:center;justify-content:center;color:var(--color-brand)}.ingredient-modal .modal-close-svg{display:block;flex-shrink:0}.ingredient-modal .modal-close:hover{background:var(--color-brand);color:#fff}.ingredient-modal .modal-content{max-height:90vh;overflow-y:auto;padding:48px}.ingredient-modal .modal-header{display:flex;gap:40px;margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(35,172,56,.1)}.ingredient-modal .modal-visual{width:160px;height:160px;background:linear-gradient(145deg,#e8ede6 0,#d4e0d8 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ingredient-modal .modal-icon{font-size:72px}.ingredient-modal .modal-info{flex:1}.ingredient-modal .modal-category{display:inline-block;padding:10px 22px;background:var(--color-brand);color:#fff;font-family:var(--font-serif);font-size:22px;font-weight:700;line-height:1.3;border-radius:22px;margin-bottom:16px}.ingredient-modal .modal-name{font-family:var(--font-serif);font-size:36px;color:var(--color-text-dark);margin-bottom:6px}.ingredient-modal .modal-name-en{font-family:var(--font-en);font-size:16px;font-weight:400;color:var(--color-brand);line-height:1.55;margin-bottom:16px}.ingredient-modal .modal-origin{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-brand);margin-bottom:16px}.ingredient-modal .modal-origin-icon{display:inline-flex;flex-shrink:0;line-height:0;color:var(--color-brand)}.ingredient-modal .modal-origin-icon svg{display:block}.ingredient-modal .modal-origin-text{font-family:var(--font-serif)}.ingredient-modal .modal-brief{font-size:15px;color:var(--color-text);line-height:1.8}.ingredient-modal .modal-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.ingredient-modal .modal-section{background:var(--color-bg);border-radius:16px;padding:24px}.ingredient-modal .modal-section h4{font-family:var(--font-serif);font-size:16px;color:var(--color-brand);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(35,172,56,.1)}.ingredient-modal .feature-list{list-style:none}.ingredient-modal .feature-list li{font-size:14px;color:var(--color-text);padding:8px 0 8px 16px;position:relative}.ingredient-modal .feature-list li::before{content:'·';position:absolute;left:0;color:var(--color-brand-light)}.ingredient-modal .effects-list{display:flex;flex-direction:column;gap:12px}.ingredient-modal .effect-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--color-bg-white);border-radius:12px}.ingredient-modal .effect-text{font-size:15px;color:var(--color-brand);font-weight:500;min-width:80px}.ingredient-modal .effect-desc{font-size:14px;color:var(--color-text)}.ingredient-modal .modal-products{margin-bottom:24px}.ingredient-modal .modal-products h4{font-family:var(--font-serif);font-size:16px;color:var(--color-brand);margin-bottom:16px}.ingredient-modal .product-tags{display:flex;flex-wrap:wrap;gap:12px}.ingredient-modal .product-tag{padding:12px 22px;background:var(--color-bg);border-radius:24px;font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--color-text-dark);line-height:1.45;transition:.3s}.ingredient-modal .product-tag:hover{background:var(--color-brand);color:#fff}.ingredient-modal .modal-poetry{text-align:center;padding:32px;background:linear-gradient(145deg,var(--color-bg) 0,var(--color-bg-white) 100%);border-radius:16px;border:1px dashed rgba(35,172,56,.15)}.ingredient-modal .modal-poetry p{font-family:var(--font-serif);font-size:18px;color:var(--color-brand);font-style:italic;line-height:1.8}.seasonal-calendar{padding:var(--section-py) 0;background:var(--color-bg-white)}.seasonal-calendar .section-header{text-align:center;margin-bottom:60px}.seasonal-calendar .section-header h2{font-family:var(--font-serif);font-size:42px;color:var(--color-brand);margin-bottom:16px}.seasonal-intro{max-width:600px;margin:0 auto;font-size:16px;color:var(--color-text);line-height:1.9}.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;padding:0 40px}.season-card{background:var(--color-bg);border-radius:24px;overflow:hidden;transition:.4s;cursor:pointer}.season-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(35,172,56,.12)}.season-card[data-season=spring] .season-header{background:linear-gradient(145deg,#e8f0e8 0,#d4e4d4 100%)}.season-card[data-season=summer] .season-header{background:linear-gradient(145deg,#f5f0e8 0,#ede4d4 100%)}.season-card[data-season=autumn] .season-header{background:linear-gradient(145deg,#f0e8e0 0,#e4d8cc 100%)}.season-card[data-season=winter] .season-header{background:linear-gradient(145deg,#e8ecf0 0,#d4dce4 100%)}.season-card .season-header{padding:40px 24px;text-align:center}.season-card .season-icon{font-size:64px;margin-bottom:16px}.season-card .season-name{font-family:var(--font-serif);font-size:28px;color:var(--color-text-dark);margin-bottom:8px}.season-card .season-period{font-size:13px;color:var(--color-text-light);letter-spacing:.1em}.season-card .season-body{padding:28px}.season-card .season-theme{font-family:var(--font-serif);font-size:16px;color:var(--color-brand);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(35,172,56,.1)}.season-card .season-features{margin-bottom:24px}.season-card .season-features h4{font-size:12px;color:var(--color-brand-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.season-card .season-features ul{list-style:none}.season-card .season-features li{font-size:14px;color:var(--color-text);padding:8px 0 8px 16px;position:relative}.season-card .season-features li::before{content:'·';position:absolute;left:0;color:var(--color-brand-light)}.season-card .season-products{background:var(--color-bg-white);border-radius:12px;padding:16px;text-align:center}.season-card .season-products h4{font-size:11px;color:var(--color-brand-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.season-card .season-products p{font-family:var(--font-serif);font-size:14px;color:var(--color-text-dark);line-height:1.6}.herb-philosophy{padding:var(--section-py) 0;background:linear-gradient(180deg,var(--color-bg-white) 0,var(--color-bg) 100%)}.herb-philosophy .section-header{text-align:center;margin-bottom:80px}.herb-philosophy .section-header h2{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);color:#2d5a4a;margin-bottom:16px;letter-spacing:.15em;line-height:1.3}.herb-philosophy .section-subtitle{font-size:18px;color:#2d5a4a;letter-spacing:.2em;margin-bottom:32px}.herb-philosophy .section-intro{max-width:680px;margin:0 auto;font-size:17px;color:var(--color-text);line-height:2}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;padding:0 40px;align-items:stretch}.philosophy-card{background:var(--color-bg-white);border-radius:20px;overflow:hidden;transition:.4s;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;min-height:0}.philosophy-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(35,172,56,.1)}.philosophy-card .card-visual{flex-shrink:0;height:160px;background:linear-gradient(155deg,#c8efd4 0,#6ecf8f 42%,#3d7a5c 78%,#2d5a4a 100%);display:flex;align-items:center;justify-content:center;position:relative}.philosophy-card .card-visual::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0,transparent 60%)}.philosophy-card .card-icon{font-size:64px;z-index:1;filter:drop-shadow(0 1px 2px rgba(255, 255, 255, .45))}.philosophy-card .card-body{flex:1 1 auto;padding:32px}.philosophy-card .card-title{font-family:var(--font-serif);font-size:24px;color:var(--color-text-dark);margin-bottom:8px}.philosophy-card .card-tagline{font-size:14px;color:#2d5a4a;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(45,90,74,.12)}.philosophy-card .card-quote{font-family:var(--font-serif);font-size:15px;color:#2d5a4a;font-style:italic;padding:16px 18px;margin:0;background:#faf7f2;border-radius:14px;border:1px solid rgba(212,196,168,.45);border-left:4px solid #d4c4a8;box-shadow:0 2px 8px rgba(0,0,0,.04);line-height:1.7;text-align:center}.philosophy-footer{text-align:center;margin-top:100px;padding:0 40px}.philosophy-footer-icon{font-size:72px;opacity:.5;margin-bottom:32px}.philosophy-footer-quote{font-family:var(--font-serif);font-size:28px;color:#2d5a4a;margin-bottom:16px;letter-spacing:.05em}.philosophy-footer-quote-brand{font-weight:700}.philosophy-footer-sub{font-size:16px;color:var(--color-text-light);max-width:500px;margin:0 auto;line-height:1.8}.contact-us{padding:var(--section-py) 0;background:var(--color-bg)}.contact-us .section-header{text-align:center;margin-bottom:80px}.contact-us .section-header h2{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);font-weight:400;color:#2d5a4a;margin-bottom:16px;letter-spacing:.15em;line-height:1.3}.contact-us .section-subtitle{font-family:var(--font-serif);font-size:18px;color:#2d5a4a;letter-spacing:.2em;margin-bottom:24px;line-height:1.6}.contact-us .section-intro{max-width:600px;margin:0 auto;font-size:16px;color:var(--color-text);line-height:1.8}.contact-us .contact-brand-mark{font-weight:700}.ritual-guide{padding:var(--section-py) 0;background:var(--color-bg-white)}.ritual-guide .section-header{text-align:center;margin-bottom:60px}.ritual-guide .section-header h2{font-family:var(--font-serif);font-size:clamp(32px, 5.5vw, 48px);font-weight:400;color:#2d5a4a;margin-bottom:16px;letter-spacing:.15em;line-height:1.3}.ritual-guide .section-subtitle{font-family:var(--font-serif);font-size:18px;color:#2d5a4a;letter-spacing:.2em;margin-bottom:24px;line-height:1.6}.ritual-guide .section-intro{max-width:720px;margin:0 auto;font-size:15px;color:var(--color-text-light);line-height:1.8}.ritual-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;padding:0 24px 8px;align-items:stretch}.ritual-guide-grid>*{min-width:0}.ritual-guide-card{background:var(--color-bg);border-radius:16px;padding:28px 26px 30px;border:1px solid rgba(35,172,56,.12);box-shadow:0 4px 18px rgba(0,0,0,.04);text-align:left}.ritual-guide-card-title{font-family:var(--font-serif);font-size:clamp(20px, 2.2vw, 22px);color:var(--color-text-dark);margin:0 0 16px;letter-spacing:.06em}.ritual-guide-card-lead{margin:0 0 8px;font-size:14px;color:var(--color-text);line-height:1.7}.ritual-guide-sequence{margin:0 0 16px;font-size:14px;color:#2d5a4a;font-weight:500;line-height:1.75}.ritual-guide-card-text{margin:0 0 12px;font-size:14px;color:var(--color-text);line-height:1.85}.ritual-guide-card-text:last-of-type{margin-bottom:0}.ritual-guide-card-note{margin:16px 0 0;font-size:13px;color:var(--color-text-light);line-height:1.75}.ritual-guide-footnote{max-width:720px;margin:40px auto 0;padding:0 24px;text-align:center;font-size:13px;color:var(--color-text-light);line-height:1.8}@media (max-width:900px){.ritual-guide-grid{grid-template-columns:1fr;max-width:520px}}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px;max-width:600px;margin:0 auto 80px;padding:0 clamp(16px,5vw,40px)}.contact-method{background:var(--color-bg-white);border-radius:20px;padding:40px 32px;text-align:center;transition:.3s;min-width:0}.contact-method:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(35,172,56,.08)}.contact-method .method-icon{font-size:56px;margin-bottom:20px}.contact-method h4{font-family:var(--font-serif);font-size:22px;color:var(--color-text-dark);margin-bottom:12px}.contact-method .method-value{font-size:18px;color:var(--color-brand);font-weight:500;margin-bottom:8px}.contact-method .method-note{font-size:14px;color:var(--color-text-light);margin-bottom:12px}.contact-method .method-desc{font-size:13px;color:var(--color-text)}.social-section{text-align:center;margin-bottom:80px;padding:0 40px}.social-section h3{font-family:var(--font-serif);font-size:24px;color:var(--color-text-dark);margin-bottom:12px}.social-intro{font-size:15px;color:var(--color-text-light);margin:0 auto 22px;line-height:1.75;max-width:36em;text-wrap:pretty}.social-scroll-hint{display:none;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--color-text-light);margin:0 auto 14px;letter-spacing:.04em}.social-scroll-hint::before{content:'↔';font-size:15px;line-height:1;opacity:.55;animation:1.5s ease-in-out infinite socialScrollHintNudge}@keyframes socialScrollHintNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.social-scroll-hint::before{animation:none}}.social-icons-outer{position:relative;max-width:100%;margin:0 auto}@media (max-width:1200px){.social-scroll-hint{display:flex}.social-icons-outer::after{content:'';position:absolute;right:0;top:0;bottom:12px;width:44px;pointer-events:none;z-index:1;background:linear-gradient(to left,var(--color-bg-white),rgba(255,255,255,0))}.contact-us .social-icons-outer::after{background:linear-gradient(to left,var(--color-bg),transparent)}}.social-icons{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:12px;max-width:100%;margin:0 auto;padding:8px 4px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.social-item{display:flex;flex-direction:column;align-items:center;padding:24px 32px;background:var(--color-bg);border-radius:16px;text-decoration:none;transition:.3s;min-width:120px}.social-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(35,172,56,.1);background:var(--color-brand)}.social-item:hover .social-account,.social-item:hover .social-name{color:#fff}.social-item .social-icon{font-size:36px;margin-bottom:12px}.social-item .social-name{font-size:14px;color:var(--color-text-dark);margin-bottom:4px}.social-item .social-account{font-size:12px;color:var(--color-text-light)}.social-card{flex:0 0 auto;scroll-snap-align:start;height:clamp(210px,26vw,300px);width:auto;max-width:min(200px,15.5vw);object-fit:contain;transition:transform .3s;cursor:pointer}.social-card:hover{transform:translateY(-6px)}@media (max-width:1200px){.social-card{max-width:min(190px,17vw);height:clamp(200px,30vw,280px)}}@media (max-width:1024px){.ingredients-grid{grid-template-columns:repeat(3,1fr)}.philosophy-grid,.season-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.social-icons{gap:10px;justify-content:flex-start;padding-left:8px;padding-right:8px}.social-card{max-width:168px;height:clamp(190px,42vw,260px)}:root{--section-py:60px}.contact-us .section-header h2,.herb-philosophy .section-header h2,.ingredients-origin .section-header h2,.ritual-guide .section-header h2{font-size:36px}.ingredients-grid{grid-template-columns:repeat(2,1fr);padding:0 20px;gap:20px}.season-grid{grid-template-columns:1fr;padding:0 20px}.philosophy-grid{grid-template-columns:1fr;padding:0 16px}.philosophy-card .card-body{padding:22px 14px 26px}.philosophy-card .card-quote{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px);max-width:none;box-sizing:border-box;padding:12px 14px;font-size:clamp(13px, 3.5vw, 15px);line-height:1.65;text-wrap:balance}.contact-methods{grid-template-columns:1fr;padding:0 20px}.ingredient-modal .modal-header{flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:20px;padding-bottom:16px}.ingredient-modal .modal-visual{width:96px;height:96px;border-radius:16px}.ingredient-modal .modal-icon{font-size:48px}.ingredient-modal .modal-name{font-size:clamp(22px, 5.5vw, 30px)}.ingredient-modal .modal-name-en{font-size:14px}.ingredient-modal .modal-brief{font-size:14px;line-height:1.65;text-align:start;max-width:100%;overflow-wrap:break-word}.ingredient-modal .modal-info{min-width:0;width:100%}.ingredient-card .category-tag{font-size:13px;padding:5px 10px}.ingredient-modal .modal-category{font-size:clamp(17px, 4vw, 22px)}.ingredient-modal .modal-body{grid-template-columns:1fr;gap:16px;margin-bottom:20px}.ingredient-modal .modal-section{padding:16px}.ingredient-modal{width:94%;max-width:520px;max-height:50vh;height:auto;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.ingredient-modal .modal-content{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px 22px}.ingredient-modal .modal-close{top:12px;right:12px;width:40px;height:40px}}@media (max-width:480px){.ingredients-grid{grid-template-columns:1fr}.philosophy-grid{padding:0 12px}.philosophy-card .card-body{padding:20px 12px 24px}.philosophy-card .card-quote{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);padding:10px 12px;font-size:13px}.ingredient-categories{gap:8px}.ingredient-categories button,.ingredient-categories span{padding:10px 18px;font-size:15px;font-weight:700}}.skin-guide-main{padding-bottom:var(--section-py)}.skin-guide-intro{box-sizing:border-box;max-width:min(40em,50%);margin:0 auto 40px;text-align:center;font-size:var(--body-text-size);color:var(--color-text);line-height:1.9;text-wrap:pretty}@media (max-width:720px){.skin-guide-intro{max-width:100%}}.skin-guide-progress{text-align:center;font-size:12px;letter-spacing:.2em;color:var(--color-brand-light);margin-bottom:28px}.skin-guide-q{font-family:var(--font-serif);font-size:clamp(22px, 3vw, 28px);font-weight:400;color:var(--color-text-dark);text-align:center;margin-bottom:12px}.skin-guide-sub{text-align:center;color:var(--color-text);font-size:14px;margin-bottom:32px;line-height:1.7}.skin-guide-options{display:flex;flex-direction:column;gap:12px;max-width:520px;margin:0 auto}.skin-guide-step-nav{margin-top:28px;padding-top:8px;text-align:center}.skin-guide-step-nav .skin-guide-btn{min-width:160px}.skin-guide-opt{display:block;width:100%;padding:16px 22px;text-align:left;font-family:var(--font-sans);font-size:15px;color:var(--color-text-dark);background:var(--color-bg-white);border:1px solid rgba(35,172,56,.18);border-radius:12px;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .2s}.skin-guide-opt:hover{border-color:var(--color-brand);box-shadow:0 6px 20px rgba(35,172,56,.1);transform:translateY(-1px)}.skin-guide-disclaimer{max-width:720px;margin:48px auto 0;padding:20px 24px;background:rgba(35,172,56,.06);border-radius:12px;font-size:13px;color:var(--color-text);line-height:1.75}.skin-guide-disclaimer strong{color:var(--color-brand);font-weight:500}.skin-guide-result{max-width:640px;margin:0 auto}.skin-guide-done #skin-guide-panel{min-height:0}.skin-guide-result-card{padding:32px 28px;background:var(--color-bg-white);border-radius:16px;border:1px solid rgba(35,172,56,.12);box-shadow:0 8px 32px rgba(35,172,56,.08)}.skin-guide-result-title{font-family:var(--font-serif);font-size:clamp(22px, 3vw, 28px);color:var(--color-text-dark);margin-bottom:16px;text-align:center}.skin-guide-result-sum{font-size:var(--body-text-size);line-height:1.9;color:var(--color-text);margin-bottom:16px;text-align:start}.skin-guide-result-note{font-size:13px;color:var(--color-brand-light);margin-bottom:24px;line-height:1.7}.skin-guide-result-links{list-style:none;padding:0;margin:0 0 28px}.skin-guide-result-links li{border-bottom:1px solid rgba(0,0,0,.06)}.skin-guide-result-links a{display:block;padding:14px 4px;color:var(--color-brand);font-size:15px;text-decoration:none;transition:color .2s}.skin-guide-result-links a:hover{color:var(--color-brand-hover)}.skin-guide-result-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.skin-guide-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:28px;font-size:14px;letter-spacing:.06em;text-decoration:none;cursor:pointer;border:none;font-family:var(--font-sans)}.skin-guide-btn.primary{background:var(--color-brand);color:#fff}.skin-guide-btn.primary:hover{background:var(--color-brand-hover)}.skin-guide-btn.ghost{background:0 0;color:var(--color-brand);border:1px solid rgba(35,172,56,.35)}.skin-guide-btn.ghost:hover{border-color:var(--color-brand)}.skin-guide-error{text-align:center;color:var(--color-text)}@media (max-width:768px){.skin-guide-result-card{padding:24px 18px}}.page-404-body{min-height:100vh;display:flex;flex-direction:column}.page-404-main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:48px 24px 80px;position:relative}.page-404-main::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 50% 20%,rgba(35,172,56,.09) 0,transparent 55%),radial-gradient(circle at 85% 75%,rgba(196,163,90,.08) 0,transparent 45%)}.page-404-card{position:relative;width:100%;max-width:520px;margin:0 auto;padding:48px 40px 44px;text-align:center;background:var(--color-bg-white);border-radius:24px;border:1px solid rgba(35,172,56,.12);box-shadow:0 4px 24px rgba(35,172,56,.06),0 24px 64px rgba(35,172,56,.08);overflow:hidden}.page-404-watermark{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--font-serif);font-size:clamp(140px, 36vw, 220px);font-weight:400;color:var(--color-brand);opacity:.06;line-height:1;letter-spacing:-.02em;user-select:none;pointer-events:none;white-space:nowrap}.page-404-accent{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-brand) 0,var(--color-brand-light) 45%,var(--color-accent) 100%)}.page-404-label{position:relative;margin-bottom:20px;color:var(--color-brand-light)}.page-404-title{position:relative;font-family:var(--font-serif);font-size:clamp(26px, 5vw, 34px);font-weight:500;color:var(--color-text-dark);letter-spacing:.12em;margin-bottom:20px;line-height:1.45}.page-404-lead{position:relative;font-size:15px;color:var(--color-text);line-height:1.95;margin-bottom:28px}.page-404-hint{position:relative;font-size:13px;color:var(--color-brand-light);letter-spacing:.08em;margin-bottom:28px}.page-404-code{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:6px;background:rgba(35,172,56,.08);color:var(--color-brand);font-weight:500;letter-spacing:.12em}.page-404-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}@media (max-width:480px){.page-404-card{padding:36px 24px 32px}.page-404-actions{flex-direction:column;width:100%}.page-404-actions .skin-guide-btn{width:100%;max-width:280px}}.social-dots{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;padding:8px 12px 0;position:relative;z-index:3;min-height:22px}.social-dot{width:9px;height:9px;border-radius:50%;border:10px solid transparent;background-clip:padding-box;box-sizing:content-box;padding:0;flex-shrink:0;background-color:rgba(35,172,56,.28);cursor:pointer;transition:transform .2s,background-color .2s}.social-dot[aria-current=true]{background-color:var(--color-brand);transform:scale(1.25)}