.herbal-page{--g:#273c32;--g2:#405b49;--paper:#f7f1e6;--paper2:#fbf8f2;--ink:#263128;--muted:#6d756e;--line:rgba(39,60,50,.15);--plum:#724844;--plum2:#955c59;--rose:#b57872;--gold:#b08a58;--osman:#c39b5a;--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.03fr .97fr;gap:56px}.herbal-page .hero-copy{padding:52px 0 70px}.herbal-page .hero h1{font-size:clamp(4rem,6.6vw,6.9rem);line-height:.89;letter-spacing:-.06em;margin:12px 0 20px}.herbal-page .hero h1 em{font-style:italic;color:var(--plum)}.herbal-page .lede{font-family:var(--serif);font-size:1.35rem;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 .glass-stage{position:relative;min-height:680px;border-radius:28px 28px 0 0;overflow:hidden;background:linear-gradient(145deg,#e7d6c3,#ccb5a0)}.herbal-page .glass-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 48% 42%,rgba(255,255,255,.75),transparent 17rem)}.herbal-page .glass{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:240px;height:340px;border:6px solid rgba(255,255,255,.5);border-top-width:14px;border-radius:36px 36px 55px 55px;background:linear-gradient(to top,rgba(103,55,54,.98) 0 72%,rgba(255,255,255,.18) 72%);box-shadow:0 30px 60px rgba(86,57,45,.18)}.herbal-page .glass:after{content:"酸梅汤\A Suanmeitang";white-space:pre;position:absolute;left:28px;right:28px;top:120px;padding:20px 10px;border:1px solid rgba(255,255,255,.42);color:#f9eee8;text-align:center;font-family:var(--serif);font-size:1.1rem}.herbal-page .plums{position:absolute;left:17%;top:455px;width:75px;height:75px;border-radius:50%;background:#6d4240;box-shadow:55px 10px 0 #7c4b47,110px -12px 0 #8a5650}.herbal-page .flowers{position:absolute;right:16%;top:170px;color:#9b6f34;font-size:4rem;transform:rotate(-12deg)}.herbal-page .tastebar{position:absolute;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(39,60,50,.14);border-radius:12px;background:rgba(251,248,242,.82);overflow:hidden}.herbal-page .tastebar div{padding:11px;border-right:1px solid var(--line)}.herbal-page .tastebar span{display:block;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em;color:#8c8279}.herbal-page .tastebar strong{font-family:var(--serif);font-size:.82rem;color:var(--plum)}
.herbal-page .name{background:var(--paper)}.herbal-page .name-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.herbal-page .name-card{padding:24px;border:1px solid var(--line);border-radius:17px;background:#fff}.herbal-page .name-card h3{font-size:1.4rem}.herbal-page .name-card p{font-size:.71rem}.herbal-page .recipe{background:#eee5da}.herbal-page .recipe-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.herbal-page .ingredient{padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.57);text-align:center}.herbal-page .ingredient .dot{width:48px;height:48px;border-radius:50%;margin:0 auto 10px;background:var(--plum2)}.herbal-page .ingredient:nth-child(2) .dot{background:#9a624f}.herbal-page .ingredient:nth-child(3) .dot{background:#776e4f}.herbal-page .ingredient:nth-child(4) .dot{background:var(--osman)}.herbal-page .ingredient:nth-child(5) .dot{background:#c6a27b}.herbal-page .ingredient h3{font-size:1rem;margin:0 0 5px}.herbal-page .ingredient p{font-size:.62rem}.herbal-page .rule{margin-top:14px;padding:14px;border-left:3px solid var(--gold);background:rgba(176,138,88,.08);font-size:.72rem;color:var(--muted)}
.herbal-page .history{background:#24342c;color:#fff}.herbal-page .history .title{color:#fff}.herbal-page .history .kicker{color:#c1cdc4}.herbal-page .history .head p{color:#bac5bd}.herbal-page .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.herbal-page .time{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035)}.herbal-page .time span{font-size:.52rem;text-transform:uppercase;letter-spacing:.09em;color:#d8bc85;font-weight:800}.herbal-page .time h3{font-size:1.05rem;color:#fff;margin:9px 0 6px}.herbal-page .time p{font-size:.63rem;color:#bac4bd}
.herbal-page .format{background:var(--paper2)}.herbal-page .format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.herbal-page .format-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.herbal-page .format-card span{font-size:.54rem;text-transform:uppercase;letter-spacing:.09em;color:var(--plum);font-weight:800}.herbal-page .format-card h3{font-size:1.13rem;margin:9px 0 6px}.herbal-page .format-card p{font-size:.66rem}
.herbal-page .product{background:#f0e6df}.herbal-page .product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.herbal-page .field{padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.55)}.herbal-page .field span{display:block;font-size:.52rem;text-transform:uppercase;letter-spacing:.09em;color:#9d665e;font-weight:800}.herbal-page .field strong{display:block;font-family:var(--serif);font-size:1rem;margin-top:6px}.herbal-page .field small{display:block;color:var(--muted);font-size:.61rem;margin-top:5px}.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 a,.herbal-page .source p{display:block;color:#c4cec7;margin-top:6px;font-size:.65rem;overflow-wrap:anywhere}.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 .recipe-grid,.herbal-page .product-grid{grid-template-columns:repeat(3,1fr)}.herbal-page .timeline,.herbal-page .format-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.5rem}.herbal-page .glass-stage{min-height:560px}.herbal-page .tastebar,.herbal-page .name-grid,.herbal-page .recipe-grid,.herbal-page .timeline,.herbal-page .format-grid,.herbal-page .product-grid,.herbal-page .source-grid{grid-template-columns:1fr}.herbal-page .tastebar div{border-right:0;border-bottom:1px solid var(--line)}}
  @media (max-width:760px){.herbal-page .section{padding:55px 0}}