.herbal-page{--g:#273c32;--g2:#405b49;--paper:#f7f1e6;--paper2:#fbf8f2;--paper3:#eee5d8;--ink:#253129;--muted:#6f756f;--line:rgba(39,60,50,.15);--paste:#8d6047;--honey:#b78c54;--berry:#815348;--gold:#ad8957;--serif:Georgia,"Times New Roman",serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--w:min(calc(100% - 32px),1350px);font:16px/1.65 var(--sans);background:var(--paper2);color:var(--ink)}.herbal-page *{box-sizing:border-box}.herbal-page h1,.herbal-page h2,.herbal-page h3{font-family:var(--serif);font-weight:500;letter-spacing:-.035em;margin-top:0}.herbal-page p{color:var(--muted)}.herbal-page a{color:inherit}.herbal-page .container{width:var(--w);margin:auto}.herbal-page .section{padding:75px 0}.herbal-page .kicker{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--g2)}.herbal-page .title{font-size:clamp(2.35rem,4.5vw,4.7rem);line-height:1;margin:10px 0 16px}.herbal-page .head{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:end;margin-bottom:40px}.herbal-page .head>p{max-width:720px;justify-self:end}.herbal-page .top{background:#17231d;color:#fff;font-size:.65rem}.herbal-page .top .container{min-height:34px;display:grid;place-items:center}.herbal-page .nav{position:sticky;top:0;z-index:40;background:rgba(251,248,242,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.herbal-page .navin{width:var(--w);margin:auto;min-height:73px;display:flex;align-items:center}.herbal-page .brand{font-family:var(--serif);text-decoration:none}.herbal-page .links{display:flex;gap:20px;margin-left:auto}.herbal-page .links a{text-decoration:none;font-size:.78rem;font-weight:700}.herbal-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid var(--g);border-radius:999px;text-decoration:none;font-size:.8rem;font-weight:800}.herbal-page .btn-dark{background:var(--g);color:#fff}.herbal-page .crumb{padding-top:17px;color:#7b837d;font-size:.72rem}
.herbal-page .hero{padding:36px 0 0}.herbal-page .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px}.herbal-page .hero-copy{padding:52px 0 70px}.herbal-page .hero h1{font-size:clamp(3.8rem,6.4vw,6.7rem);line-height:.9;letter-spacing:-.06em;margin:12px 0 20px}.herbal-page .hero h1 em{font-style:italic;color:var(--paste)}.herbal-page .lede{font-family:var(--serif);font-size:1.34rem;color:var(--g2)}.herbal-page .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.herbal-page .pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.herbal-page .pills span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;font-size:.61rem;background:#fff}
.herbal-page .jarstage{position:relative;min-height:680px;border-radius:28px 28px 0 0;overflow:hidden;background:linear-gradient(145deg,#ede3d6,#d6c4b0)}.herbal-page .jarstage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.72),transparent 18rem)}.herbal-page .jar{position:absolute;left:50%;top:155px;transform:translateX(-50%);width:230px;height:300px;border-radius:24px 24px 46px 46px;background:linear-gradient(90deg,#79513f,#ab7757 40%,#c08f6a 55%,#77513e);box-shadow:0 35px 60px rgba(73,50,37,.24)}.herbal-page .jar:before{content:"";position:absolute;left:14px;right:14px;top:-42px;height:58px;border-radius:16px 16px 8px 8px;background:#394a40}.herbal-page .jar:after{content:"Gao Zi\A膏滋\Aoral paste format";white-space:pre;position:absolute;left:28px;right:28px;top:90px;padding:28px 12px;background:#f7f1e6;color:#273c32;text-align:center;font-family:var(--serif);font-size:1.1rem;line-height:1.5;border:1px solid rgba(39,60,50,.1)}.herbal-page .spoon{position:absolute;left:58%;top:420px;width:235px;height:18px;border-radius:999px;background:#b89568;transform:rotate(-16deg);transform-origin:left center}.herbal-page .spoon:before{content:"";position:absolute;left:-70px;top:-28px;width:90px;height:70px;border-radius:50%;background:radial-gradient(circle at 55% 45%,#9f6a4d 0 45%,#b89568 47% 100%)}.herbal-page .hero-note{position:absolute;left:22px;right:22px;bottom:20px;padding:14px 16px;border:1px solid rgba(39,60,50,.14);border-radius:13px;background:rgba(251,248,242,.84);font-size:.72rem;color:var(--muted)}
.herbal-page .terms{background:var(--paper)}.herbal-page .term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.herbal-page .term{padding:20px;border:1px solid var(--line);border-radius:15px;background:#fff}.herbal-page .term span{font-size:.54rem;text-transform:uppercase;letter-spacing:.09em;color:var(--paste);font-weight:800}.herbal-page .term h3{font-size:1.18rem;margin:9px 0 6px}.herbal-page .term p{font-size:.68rem}
.herbal-page .process{background:#273930;color:#fff}.herbal-page .process .title{color:#fff}.herbal-page .process .kicker{color:#c4d0c7}.herbal-page .process .head p{color:#bac4bd}.herbal-page .process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.herbal-page .step{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035)}.herbal-page .step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d1b17b;color:#24332b;font-size:.64rem;margin-bottom:9px}.herbal-page .step h3{font-size:1rem;color:#fff;margin:0 0 6px}.herbal-page .step p{font-size:.62rem;color:#b9c3bc}
.herbal-page .sensory{background:var(--paper3)}.herbal-page .sensory-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.herbal-page .sensory-card{padding:24px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.56)}.herbal-page .sensory-card h3{font-size:1.4rem}.herbal-page .sensory-card p{font-size:.71rem}.herbal-page .dynamic{margin-top:12px;padding:13px;border:1px dashed rgba(141,96,71,.28);border-radius:12px;background:#fff;font-size:.7rem;color:var(--muted)}.herbal-page .dynamic strong{color:var(--paste)}
.herbal-page .split{background:var(--paper2)}.herbal-page .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.herbal-page .split-card{padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff}.herbal-page .split-card h3{font-size:1.35rem}.herbal-page .split-card li{font-size:.71rem;color:var(--muted);margin:6px 0}.herbal-page .split-card ul{padding-left:18px}.herbal-page .warning{margin-top:15px;padding:14px;border-left:3px solid var(--gold);background:rgba(173,137,87,.08);font-size:.72rem;color:var(--muted)}
.herbal-page .compare{background:#efe8df}.herbal-page .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.herbal-page .compare-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.58)}.herbal-page .compare-card h3{font-size:1.3rem}.herbal-page .compare-card p{font-size:.7rem}
.herbal-page .decoder{background:#1f2823;color:#fff}.herbal-page .decoder .title{color:#fff}.herbal-page .decoder .kicker{color:#bcc8bf}.herbal-page .decoder .head p{color:#b8c2bb}.herbal-page .decoder-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.herbal-page .decode{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035)}.herbal-page .decode span{font-size:.52rem;text-transform:uppercase;letter-spacing:.09em;color:#d6b981;font-weight:800}.herbal-page .decode h3{font-size:1rem;color:#fff;margin:8px 0 5px}.herbal-page .decode p{font-size:.61rem;color:#b7c1ba}
.herbal-page .faq{max-width:980px;margin:auto;border-top:1px solid var(--line)}.herbal-page details{border-bottom:1px solid var(--line)}.herbal-page summary{cursor:pointer;list-style:none;padding:19px 42px 19px 0;font-family:var(--serif);font-size:1.15rem;position:relative}.herbal-page summary:after{content:"+";position:absolute;right:4px;top:14px;font-family:var(--sans);font-size:1.4rem}.herbal-page details[open] summary:after{content:"−"}.herbal-page details p{padding:0 44px 18px 0;margin:0}.herbal-page .sources{background:#202622;color:#fff}.herbal-page .sources .title{color:#fff}.herbal-page .sources .kicker{color:#bbc6be}.herbal-page .source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.herbal-page .source{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035)}.herbal-page .source strong{font-family:var(--serif);display:block}.herbal-page .source p{color:#bcc6bf;font-size:.66rem}.herbal-page .footer{background:#111916;color:#fff;padding:42px 0}.herbal-page .footer p{color:#96a39a;font-size:.67rem}
@media(max-width:1000px){.herbal-page .hero-grid,.herbal-page .head{grid-template-columns:1fr}.herbal-page .term-grid,.herbal-page .process-grid,.herbal-page .decoder-grid{grid-template-columns:repeat(2,1fr)}.herbal-page .links{display:none}}@media(max-width:680px){.herbal-page{--w:min(calc(100% - 24px),1350px)}.herbal-page .hero h1{font-size:3.4rem}.herbal-page .jarstage{min-height:560px}.herbal-page .term-grid,.herbal-page .process-grid,.herbal-page .sensory-grid,.herbal-page .split-grid,.herbal-page .compare-grid,.herbal-page .decoder-grid,.herbal-page .source-grid{grid-template-columns:1fr}}
  @media (max-width:760px){.herbal-page .section{padding:55px 0}}