:root{--ink:#243229;--muted:#647168;--forest:#315f45;--forest-deep:#1d3c2b;--forest-soft:#e8f1ea;--lav:#766080;--lav-soft:#f1ebf4;--gold:#b9914f;--cream:#fbfaf6;--white:#fff;--line:#dce6de;--max:1180px;--radius:26px;--shadow:0 22px 60px rgba(31,57,41,.12);--soft-shadow:0 10px 30px rgba(31,57,41,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans HK","PingFang HK","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.72;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{width:min(850px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.7rem 1rem;border-radius:12px}.eyebrow{display:inline-flex;gap:.55rem;align-items:center;color:var(--forest);font-size:.8rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:2px;background:currentColor}.eyebrow.light{color:#fff}.notice{min-height:34px;background:linear-gradient(90deg,var(--forest-deep),#3b704e);color:#fff;display:flex;justify-content:center;align-items:center;gap:30px;padding:.38rem 1rem;font-size:.78rem;letter-spacing:.02em}.site-head{position:sticky;top:0;z-index:70;background:rgba(255,255,252,.92);border-bottom:1px solid rgba(49,95,69,.11);backdrop-filter:blur(18px);transition:box-shadow .25s,background .25s}.site-head.scrolled{box-shadow:0 10px 34px rgba(24,48,34,.11);background:rgba(255,255,252,.98)}.head-in{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand img{width:58px;height:50px;object-fit:contain}.brand strong{font-family:"Noto Serif HK",serif;font-size:1rem;letter-spacing:.08em}.brand small{display:block;color:var(--muted);letter-spacing:.18em;font-size:.6rem}.nav{display:flex;align-items:center;gap:2px}.nav a{min-width:68px;padding:.55rem;border-radius:14px;text-align:center;transition:.2s}.nav a span{display:block;font-size:.82rem;font-weight:800;white-space:nowrap}.nav a small{display:block;color:#829087;font-size:.53rem;letter-spacing:.06em;margin-top:-2px}.nav a:hover,.nav a[aria-current=page]{background:var(--forest-soft);color:var(--forest);transform:translateY(-2px)}.menu-btn{display:none;border:0;background:var(--forest-soft);color:var(--forest);border-radius:50%;width:44px;height:44px}.cta,.ghost,.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.82rem 1.2rem;font-weight:900;border:1px solid var(--forest);transition:transform .2s,box-shadow .2s,background .2s}.cta{background:var(--forest);color:#fff}.cta:hover{background:#234a34;transform:translateY(-2px);box-shadow:0 10px 24px rgba(35,74,52,.18)}.head-cta{min-width:150px;flex-direction:column;gap:0;line-height:1.18;padding:.62rem 1rem}.head-cta small{font-size:.62rem;opacity:.84}.ghost{color:var(--forest);background:#fff}.ghost:hover{background:var(--forest-soft);transform:translateY(-2px)}.glass-btn{color:#fff;border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.glass-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}
.hero{position:relative}.forest-hero{min-height:610px;margin:18px auto 0;width:min(1180px,calc(100% - 36px));border-radius:34px;overflow:hidden;background:url('assets/brand/forest-hero.jpg') center 55%/cover no-repeat;box-shadow:var(--shadow);display:grid;place-items:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(120deg,rgba(16,43,27,.83),rgba(32,61,42,.52) 55%,rgba(20,42,30,.68))}.hero-center{position:relative;z-index:1;color:#fff;text-align:center;max-width:930px;padding:90px 28px}.hero h1,.page-hero h1{font-family:"Noto Serif HK",serif;font-size:clamp(2.65rem,5.4vw,4.9rem);line-height:1.13;letter-spacing:-.035em;margin:.65rem 0 1.1rem}.hero .lead{font-size:clamp(1.02rem,2vw,1.18rem);color:rgba(255,255,255,.92);max-width:770px;margin:0 auto}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:1.65rem 0}.actions.center{justify-content:center}.glow{background:#fff;color:var(--forest);border-color:#fff;box-shadow:0 10px 35px rgba(255,255,255,.18)}.glow:hover{background:#f6fff7;color:var(--forest)}.trust-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:26px}.trust-pills span{background:rgba(255,255,255,.93);color:#2b3b31;padding:.55rem .82rem;border-radius:999px;font-size:.76rem;font-weight:850;box-shadow:0 6px 18px rgba(0,0,0,.1)}
.section{padding:86px 0;position:relative}.section.alt{background:#f0f5f0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head.centered{text-align:center;display:block}.section-head h2,.article h2{font-family:"Noto Serif HK",serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.18;margin:.35rem 0}.section-head p{max-width:555px;color:var(--muted)}.section-head.centered p{margin:10px auto}.portal{background:radial-gradient(circle at 10% 15%,rgba(118,96,128,.08),transparent 30%),var(--cream)}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-card{position:relative;min-height:325px;padding:30px;border-radius:30px;color:#fff;overflow:hidden;box-shadow:var(--soft-shadow);transition:transform .3s,box-shadow .3s}.portal-card:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-90px;bottom:-100px}.portal-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.portal-card.scalp{background:linear-gradient(145deg,#2d6647,#17402b)}.portal-card.hair{background:linear-gradient(145deg,#836d8d,#574461)}.portal-card.products{background:linear-gradient(145deg,#c19a55,#886529)}.portal-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.17);font-size:1.7rem;margin-bottom:25px}.portal-card small{letter-spacing:.13em;font-weight:900;opacity:.8}.portal-card h3{font-family:"Noto Serif HK",serif;font-size:1.52rem;line-height:1.4;margin:.45rem 0}.portal-card p{color:rgba(255,255,255,.82)}.portal-card b{position:absolute;bottom:28px;left:30px}
.visual-explain{background:linear-gradient(180deg,#f2f7f2,#fff 70%)}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.explainer{background:#fff;border:1px solid var(--line);border-radius:30px;padding:12px 12px 26px;box-shadow:var(--soft-shadow);position:relative;overflow:hidden}.explainer img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px}.explainer>span{position:absolute;top:24px;left:24px;background:rgba(255,255,255,.92);color:var(--forest);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.08)}.explainer h3,.explainer p{margin-left:16px;margin-right:16px}.explainer h3{font-family:"Noto Serif HK",serif;font-size:1.32rem;line-height:1.45}.explainer p{color:var(--muted);font-size:.92rem}.diagnosis{background:linear-gradient(135deg,#243d2e,#493c52)}.self-check{color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center}.self-copy h2{font-family:"Noto Serif HK",serif;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.2;margin:.5rem 0}.self-copy p{color:rgba(255,255,255,.76)}.check-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-options button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;text-align:left;padding:17px;border-radius:18px;cursor:pointer;font-weight:750;transition:.2s}.check-options button:hover,.check-options button:focus-visible{background:#fff;color:var(--forest);transform:translateX(4px);outline:none}
.locations-home{background:#fff}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.location-card{display:grid;grid-template-columns:.92fr 1.08fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--soft-shadow)}.location-card iframe{width:100%;height:100%;min-height:360px;border:0}.location-body{padding:28px}.location-body>small{color:var(--forest);font-weight:900;letter-spacing:.05em}.location-body h3{font-family:"Noto Serif HK",serif;font-size:1.35rem;line-height:1.5}.rating{display:flex;align-items:center;gap:14px;margin:20px 0}.rating>b{font-family:"Noto Serif HK",serif;font-size:3.2rem;line-height:1;color:var(--forest)}.rating span{color:#efb640;letter-spacing:.08em}.rating small{color:var(--muted);letter-spacing:0}.location-body .actions{margin-bottom:0}.footer-maps{margin-top:45px;padding-top:35px;border-top:1px solid rgba(255,255,255,.13)}.mini-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-map-grid article{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center;background:rgba(255,255,255,.06);border-radius:18px;overflow:hidden}.mini-map-grid iframe{width:160px;height:120px;border:0;grid-row:1/3}.mini-map-grid b{align-self:end}.mini-map-grid span{align-self:start;color:#b9c8be;font-size:.82rem;padding-right:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--soft-shadow)}.card h3{font-family:"Noto Serif HK",serif;font-size:1.42rem;margin:.4rem 0}.card p{color:var(--muted)}.icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--forest-soft);color:var(--forest);font-size:1.35rem}.problem-card{min-height:270px;display:flex;flex-direction:column}.problem-card .link{margin-top:auto;color:var(--forest);font-weight:850}.process{counter-reset:step}.process .card{position:relative;padding-top:60px}.process .card:before{counter-increment:step;content:"0" counter(step);position:absolute;top:22px;left:28px;color:var(--gold);font-weight:900;letter-spacing:.12em}.image-story{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.image-story img{border-radius:28px}.diagram{background:#fff;border:1px solid var(--line);border-radius:32px;padding:30px;box-shadow:var(--shadow)}.callout{border-left:4px solid var(--gold);padding:1rem 1.2rem;background:#fffaf0;border-radius:0 16px 16px 0}.compare{overflow:auto;border:1px solid var(--line);border-radius:24px;background:#fff}.compare table{border-collapse:collapse;width:100%;min-width:720px}.compare th,.compare td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare th{background:var(--forest-soft);color:var(--forest)}.checklist{display:grid;gap:10px;margin:18px 0}.checklist div{display:flex;gap:10px}.checklist div:before{content:"\2713";flex:none;color:var(--forest);font-weight:900}.review-strip{background:linear-gradient(135deg,#233b2c,#3a5142);color:#fff;border-radius:32px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.stars{color:#f4bd45;letter-spacing:.1em}.page-hero{padding:70px 0 54px;background:radial-gradient(circle at 80% 20%,rgba(118,96,128,.12),transparent 26%),linear-gradient(135deg,#edf5ee,#fffaf1)}.page-hero h1{font-size:clamp(2.45rem,5vw,4.6rem)}.page-hero .lead{font-size:1.12rem;color:var(--muted);max-width:720px}.breadcrumbs{font-size:.82rem;color:var(--muted)}.article{padding:66px 0}.article h2{font-size:2.15rem;margin-top:2.8rem}.article h3{font-size:1.35rem;margin-top:2rem}.article p,.article li{color:#4d5b52}.article a.source{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.answer-box{background:var(--forest-soft);border-radius:24px;padding:25px 28px;font-size:1.08rem;margin:26px 0}.warning{background:#fff3ee;border:1px solid #ebc8bd;color:#6f3e38;border-radius:20px;padding:20px}.topic-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.topic-nav a{border:1px solid var(--line);background:#fff;padding:.5rem .82rem;border-radius:999px;font-size:.84rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f6f4ef}.product-card .body{padding:20px}.product-card h3{margin:0;font-size:1.15rem}.product-card p{font-size:.88rem;color:var(--muted);min-height:3.2em}.product-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:start}.product-hero img{border-radius:28px;border:1px solid var(--line);background:#fff}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.gallery img{border-radius:22px;border:1px solid var(--line)}.branch{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.branch address{font-style:normal;color:var(--muted)}.source-list{font-size:.86rem}.source-list li{margin:.6rem 0}.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:800;color:var(--forest);background:#fff}.no-claim{background:var(--lav-soft);border:1px solid #dfd4e4;border-radius:24px;padding:25px}.big-number{font-family:"Noto Serif HK",serif;color:var(--forest);font-size:3rem;line-height:1}.footer{background:#1d2d23;color:#eff6f1;padding:60px 0 105px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer p,.footer a{color:#c7d1ca}.footer a:hover{color:#fff}.legal{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:20px;font-size:.78rem;color:#aebbb3}.mobile-cta{display:none}.team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.team-grid figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.team-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center 20%}.team-grid figcaption{padding:9px 10px;color:var(--muted);font-size:.76rem;text-align:center}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1120px){.nav{position:fixed;inset:120px 14px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;display:none;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:left;padding:.68rem 1rem}.nav a small{display:inline;margin-left:8px}.menu-btn{display:block}.head-cta{display:none}.portal-grid,.explainer-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.location-card{grid-template-columns:1fr}.location-card iframe{height:250px;min-height:0}.team-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.notice{font-size:.7rem;gap:5px;flex-direction:column;line-height:1.3;padding:.38rem}.head-in{min-height:72px}.brand{min-width:0}.brand img{width:52px;height:44px}.nav{inset:106px 10px auto}.forest-hero{width:calc(100% - 20px);min-height:610px;margin-top:10px;border-radius:24px;background-position:57% center}.hero-center{padding:72px 20px}.hero h1{font-size:2.65rem}.hero .lead{font-size:1rem}.actions.center{align-items:stretch;flex-direction:column}.actions.center a{width:100%}.trust-pills span{font-size:.7rem}.section{padding:62px 0}.section-head{align-items:start;flex-direction:column}.portal-grid,.explainer-grid,.grid-3,.grid-2,.product-grid,.footer-grid,.gallery,.location-grid,.self-check,.check-options,.mini-map-grid{grid-template-columns:1fr}.portal-card{min-height:300px}.explainer-grid{gap:16px}.self-check{gap:24px}.check-options button{min-height:58px}.image-story,.product-hero{grid-template-columns:1fr}.review-strip,.branch{grid-template-columns:1fr}.mini-map-grid article{grid-template-columns:115px 1fr}.mini-map-grid iframe{width:115px}.product-card p{min-height:0}.team-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mobile-cta{display:flex;position:fixed;z-index:80;bottom:12px;left:12px;right:12px;background:#22a35a;color:#fff;border-radius:999px;padding:14px 20px;justify-content:center;font-weight:900;box-shadow:0 14px 38px rgba(14,88,44,.28)}.footer{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.scalp-visual{position:relative;min-height:360px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 72% 26%,rgba(255,255,255,.72),transparent 24%),linear-gradient(180deg,#e9f5ee 0 48%,#f0cfc0 49% 66%,#d99c89 67% 100%)}.scalp-visual:before{content:"200×";position:absolute;top:24px;right:24px;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:6px solid rgba(49,95,69,.18);color:var(--forest);font-weight:900;font-size:1.15rem;box-shadow:0 8px 24px rgba(31,57,41,.12)}.scalp-visual:after{content:"油脂 · 角質 · 泛紅";position:absolute;left:22px;bottom:20px;background:rgba(255,255,255,.9);color:var(--forest);padding:.48rem .72rem;border-radius:999px;font-size:.75rem;font-weight:900}.scalp-visual .hair{position:absolute;bottom:58px;width:7px;height:250px;border-radius:50%;background:linear-gradient(90deg,#392d28,#8b6654,#2f2724);transform-origin:bottom}.scalp-visual .h1{left:27%;transform:rotate(-8deg)}.scalp-visual .h2{left:48%;height:280px;transform:rotate(3deg)}.scalp-visual .h3{left:67%;height:235px;transform:rotate(11deg)}.scalp-visual .lens{position:absolute;left:41%;bottom:35px;width:112px;height:112px;border:7px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle at 45% 45%,#f8d6ca 0 10%,#c87865 11% 14%,#edb6a4 15% 100%);box-shadow:0 10px 28px rgba(66,42,34,.16)}