/* 第三屏：保留内容结构，以轻雾、浅草木色承接浣溪故事。 */
.formula-section{
  margin-top:clamp(48px,6vw,84px);
  padding:clamp(78px,7.5vw,112px) clamp(22px,7vw,112px) clamp(82px,8vw,122px);
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  color:#344740;
  background:
    radial-gradient(ellipse 46% 36% at 88% 12%,rgb(158 181 169 / 25%),transparent 72%),
    radial-gradient(ellipse 38% 30% at 12% 92%,rgb(190 204 194 / 22%),transparent 74%),
    radial-gradient(ellipse 58% 24% at 52% 53%,rgb(255 253 247 / 48%),transparent 76%),
    linear-gradient(180deg,#e9eeea 0%,#f4f1e8 43%,#e9efea 100%);
}

.formula-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.5;
  background:
    radial-gradient(circle,rgb(71 97 84 / 8%) 0 .55px,transparent .75px) 0 0/5px 5px,
    radial-gradient(ellipse 31% 11% at 76% 22%,rgb(255 255 255 / 56%),transparent 76%);
}

.formula-section>*{position:relative;z-index:1}
.formula-section .section-kicker{
  color:#5d756a;
  font-family:"Segoe UI",var(--sans);
  font-size:9px;
  font-weight:700;
  letter-spacing:.23em;
}

.formula-transition{
  max-width:760px;
  margin:0 0 clamp(42px,4vw,58px);
  padding-left:20px;
  border-left:1px solid rgb(72 100 87 / 30%);
}

.formula-transition p{
  margin:0;
  color:#355247;
  font-family:var(--serif);
  font-size:clamp(16px,1.45vw,21px);
  line-height:1.85;
}

.formula-transition p+p{
  margin-top:7px;
  color:#65746d;
  font-family:var(--sans);
  font-size:13.5px;
  font-weight:450;
  line-height:1.9;
}

.formula-intro{
  position:static;
  display:grid;
  grid-template-columns:minmax(320px,.84fr) minmax(420px,1.16fr);
  align-items:center;
  gap:clamp(26px,4.2vw,64px);
  padding-bottom:clamp(48px,4.5vw,64px);
}

.formula-intro h2{
  color:#24483b;
  font-family:var(--serif);
  font-size:clamp(38px,4.15vw,58px);
  font-weight:700;
  line-height:1.16;
}

.formula-statement{
  max-width:700px;
  padding:5px 0 5px clamp(22px,2.5vw,34px);
  border-left:1px solid rgb(65 94 80 / 22%);
  transform:translate(-16px,8px);
}

.formula-statement>p{
  max-width:670px;
  margin:0;
  color:#384e45;
  font-family:var(--sans);
  font-size:14px;
  font-weight:450;
  line-height:1.95;
}

.formula-statement>small{
  display:block;
  margin-top:18px;
  color:#6f7f77;
  font-family:var(--sans);
  font-size:10px;
  font-weight:500;
  letter-spacing:.04em;
}

.herbal-editorial{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.5vw,22px);
  border:0;
}

.herbal-editorial article{
  min-height:258px;
  padding:31px 30px 33px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:start;
  border:1px solid rgb(70 98 85 / 11%);
  border-radius:10px;
  background:rgb(244 244 238 / 68%);
  box-shadow:0 15px 38px rgb(46 70 59 / 4%),inset 0 1px 0 rgb(255 255 255 / 60%);
  backdrop-filter:blur(5px);
}

.herbal-editorial article:nth-child(2){background:rgb(234 241 235 / 72%)}
.herbal-editorial article:nth-child(3){background:rgb(243 241 235 / 72%)}

.herbal-editorial article>span{
  padding-top:4px;
  color:#5c7469;
  font-family:"Segoe UI",var(--sans);
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}

.herbal-editorial small{
  color:#5f776c;
  font-family:var(--sans);
  font-size:10px;
  font-weight:650;
  letter-spacing:.14em;
}

.herbal-editorial h3{
  margin:12px 0 18px;
  color:#214538;
  font-family:var(--sans);
  font-size:29px;
  font-weight:700;
  letter-spacing:.035em;
}

.herbal-editorial p{
  max-width:none;
  margin:0;
  color:#40534b;
  font-family:var(--sans);
  font-size:13px;
  font-weight:450;
  line-height:1.9;
}

.formula-principles{
  margin-top:clamp(42px,4vw,56px);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgb(70 98 85 / 19%);
  border-bottom:1px solid rgb(70 98 85 / 13%);
}

.formula-principles p,
.formula-principles p:nth-child(2),
.formula-principles p:last-child{
  min-height:142px;
  margin:0;
  padding:30px 28px;
  gap:10px;
  align-items:flex-start;
  border-right:1px solid rgb(70 98 85 / 12%);
}

.formula-principles p:nth-child(2),
.formula-principles p:last-child{padding-left:28px}
.formula-principles p:first-child{padding-left:0}
.formula-principles p:last-child{border-right:0}

.formula-principles b{
  color:#294a3e;
  font-family:var(--sans);
  font-size:18px;
  font-weight:700;
  letter-spacing:.04em;
}

.formula-principles span{
  max-width:330px;
  color:#4d6158;
  font-family:var(--sans);
  font-size:12px;
  font-weight:450;
  line-height:1.8;
}

@media(min-width:901px) and (max-width:1100px){
  .formula-section{padding-left:48px;padding-right:48px}
  .formula-intro{grid-template-columns:minmax(280px,.8fr) minmax(390px,1.2fr);gap:54px}
  .herbal-editorial article{min-height:260px;padding-left:22px;padding-right:22px;grid-template-columns:30px 1fr}
  .formula-principles p,.formula-principles p:nth-child(2),.formula-principles p:last-child{padding-right:22px}
}

@media(max-width:900px){
  .formula-section{margin-top:42px;gap:0}
  .formula-intro{grid-template-columns:1fr;gap:28px}
  .formula-statement{transform:none}
  .herbal-editorial{grid-template-columns:1fr;gap:14px}
  .herbal-editorial article{min-height:0}
  .formula-principles{grid-column:1;grid-template-columns:1fr}
  .formula-principles p,
  .formula-principles p:nth-child(2),
  .formula-principles p:last-child{
    min-height:0;
    padding:23px 0;
    border-right:0;
    border-bottom:1px solid rgb(70 98 85 / 12%);
  }
  .formula-principles p:last-child{border-bottom:0}
}