/* ===== styles.css ===== */

:root{
  --ink:#17372b;--ink-2:#335447;--cream:#f7f1e5;--cream-2:#fffaf0;
  --sage:#dfe8d9;--sage-2:#b8caa9;--mint:#d9efe3;--leaf:#5b8d4e;
  --lime:#d8ed86;--sun:#f3c75d;--coral:#e98f72;--sky:#a9cfcc;
  --white:#fffef9;--line:rgba(23,55,43,.14);--shadow:0 18px 60px rgba(26,60,45,.12);
  --radius:28px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.narrow{width:min(860px,calc(100% - 40px));margin-inline:auto}
.announcement{background:var(--ink);color:#fff;padding:8px 20px;text-align:center;font-size:13px;letter-spacing:.08em}.announcement span{opacity:.78;margin:0 8px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,254,249,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{width:220px;flex:0 0 auto}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:28px 0}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:var(--leaf);transform:scaleX(0);transition:.25s}.nav-item:hover>.nav-link:after,.nav-link.active:after{transform:scaleX(1)}.dropdown{position:absolute;top:65px;left:50%;transform:translate(-50%,10px);min-width:180px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.2s}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.dropdown a{display:block;padding:10px 13px;border-radius:11px}.dropdown a:hover{background:var(--cream)}.nav-actions{display:flex;align-items:center;gap:10px}.cart-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--cream);border-radius:99px;font-size:13px;font-weight:700}.cart-count{display:grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:var(--ink);color:white;font-size:11px}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;border-radius:50%;font-size:24px;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:14px 23px;background:var(--ink);color:#fff;font-weight:750;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,55,43,.22)}.btn.light{background:var(--cream);color:var(--ink)}.btn.sun{background:var(--sun);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.text-link{font-weight:750;border-bottom:1px solid currentColor;padding-bottom:2px}.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:850;color:var(--leaf);margin-bottom:14px}.section{padding:100px 0}.section.tight{padding:68px 0}.bg-cream{background:var(--cream)}.bg-sage{background:var(--sage)}.bg-ink{background:var(--ink);color:white}.section-title{font-size:clamp(34px,4.6vw,64px);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px}.section-title.small{font-size:clamp(30px,3.4vw,48px)}.lead{font-size:clamp(18px,2vw,24px);color:var(--ink-2);max-width:760px}.muted{color:#667a70}.center{text-align:center}.center .lead{margin-inline:auto}.kicker{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--leaf);font-size:26px}
.hero{min-height:720px;background:var(--cream);padding:80px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}.hero h1{font-size:clamp(52px,7vw,96px);line-height:.98;letter-spacing:-.06em;margin:0 0 24px}.hero h1 .serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--leaf)}.hero-copy{font-size:20px;color:var(--ink-2);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:-42px 22px 40px -22px;background:var(--lime);border-radius:48% 52% 42% 58%/47% 38% 62% 53%;transform:rotate(-4deg)}.hero-media img{position:relative;width:100%;height:560px;object-fit:cover;border-radius:140px 36px 140px 36px;box-shadow:var(--shadow)}.floating-badge{position:absolute;z-index:2;background:var(--white);border-radius:20px;padding:14px 18px;box-shadow:var(--shadow);font-weight:800;font-size:13px}.floating-badge.one{left:-34px;bottom:55px}.floating-badge.two{right:-20px;top:42px}.hero-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}.fact-chip{background:rgba(255,255,255,.68);border:1px solid rgba(23,55,43,.1);border-radius:22px;padding:18px;min-height:110px}.fact-chip strong{font-size:25px;display:block;line-height:1.2}.fact-chip span{font-size:12px;color:var(--ink-2)}
.page-hero{padding:95px 0 80px;background:var(--cream);min-height:390px;display:flex;align-items:flex-end}.page-hero h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.055em;line-height:1;margin:0}.page-hero .sub{margin-top:22px;max-width:680px;font-size:19px;color:var(--ink-2)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.stat{padding:32px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line)}.stat .num{font-size:50px;font-weight:900;line-height:1}.stat p{margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split.reverse .media{order:2}.media img{width:100%;height:500px;object-fit:cover;border-radius:var(--radius)}.media.tall img{height:610px}.media.soft img{border-radius:120px 28px 120px 28px}.content h2{font-size:clamp(34px,4vw,56px);line-height:1.15;letter-spacing:-.04em;margin:0 0 24px}.content h3{font-size:24px}.content p{color:var(--ink-2)}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.feature-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:280px;transition:.25s}.feature-card:nth-child(2n){transform:translateY(30px)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card:nth-child(2n):hover{transform:translateY(23px)}.icon-bubble{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--sage);font-size:25px;margin-bottom:36px}.feature-card h3{font-size:21px;margin:0 0 12px}.feature-card p{font-size:14px;color:var(--ink-2)}
.timeline-wrap{margin-top:40px;background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.timeline-wrap img{width:100%;height:auto}.timeline-mobile{display:none}.timeline-list{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.timeline-item{padding:26px;border-radius:22px;background:var(--cream)}.timeline-item b{display:block;font-size:22px}.timeline-item span{font-size:13px;color:var(--ink-2)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:45px}.news-grid.compact{grid-template-columns:repeat(2,1fr)}.news-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.news-card img{width:100%;height:235px;object-fit:cover}.news-body{padding:24px}.news-card h3{font-size:20px;line-height:1.45;margin:8px 0 12px}.news-card p{color:var(--ink-2);font-size:14px}.meta{font-size:12px;color:#718279;display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{display:inline-flex;padding:7px 10px;border-radius:99px;background:var(--sage);font-size:11px;font-weight:800}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:55px}.pagination a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line)}.pagination a.active,.pagination a:hover{background:var(--ink);color:white}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}.contact-card{background:var(--cream);padding:40px;border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:750}.field input,.field textarea{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:14px 16px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px rgba(91,141,78,.12)}.field textarea{min-height:130px;resize:vertical}.contact-list{display:grid;gap:19px;margin-top:28px}.contact-row{display:grid;grid-template-columns:36px 1fr;gap:10px}.contact-row b{display:block}.qr{width:128px;height:128px;background:repeating-conic-gradient(#17372b 0 25%,transparent 0 50%) 0/18px 18px;border:12px solid #fff;outline:1px solid var(--line);margin-top:26px}
.values{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin-top:35px}.value{min-height:260px;padding:42px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.value h3{font-size:31px;margin:0 0 8px}.value:first-child{background:var(--lime)}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.partner{padding:36px 24px;min-height:140px;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;text-align:center;font-weight:800;background:var(--white)}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:42px}.expert-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px}.expert-card h3{margin:16px 0 4px;font-size:21px}.expert-card p{font-size:12px;color:var(--ink-2);margin:0}
.evolution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.evolution-card{background:var(--white);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.evolution-card img{height:220px;width:100%;object-fit:cover}.evolution-card .copy{padding:24px}.evolution-card .step{font-family:Georgia,serif;font-style:italic;font-size:40px;color:var(--leaf)}.mechanism{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.mechanism-orbit{position:relative;min-height:460px;display:grid;place-items:center}.mechanism-orbit .core{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-size:42px;font-weight:900;box-shadow:0 0 0 22px var(--sage)}.orbit-item{position:absolute;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;padding:20px;background:var(--white);border:1px solid var(--line);font-weight:800}.orbit-item.o1{top:0;left:10%}.orbit-item.o2{top:0;right:10%}.orbit-item.o3{bottom:0;left:10%}.orbit-item.o4{bottom:0;right:10%}.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.compare-card{padding:40px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line)}.compare-card.highlight{background:var(--lime);border-color:transparent}.compare-card .big{font-size:62px;font-weight:900;line-height:1}.four-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.mini-card{padding:28px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);min-height:205px}.mini-card:nth-child(2){background:var(--sage)}.mini-card:nth-child(3){background:var(--sun)}.mini-card:nth-child(4){background:var(--sky)}.mini-card h3{font-size:20px}
.product-hero{padding:70px 0;background:var(--cream)}.product-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0;align-items:stretch}.product-image{background:var(--sage);border-radius:var(--radius) 0 0 var(--radius);overflow:hidden}.product-image img{width:100%;height:660px;object-fit:cover}.product-panel{background:var(--white);border:1px solid var(--line);border-left:0;border-radius:0 var(--radius) var(--radius) 0;padding:58px;display:flex;flex-direction:column;justify-content:center}.product-panel h1{font-size:50px;margin:0 0 15px}.price{font-size:36px;font-weight:900;margin:22px 0;border-top:1px solid var(--line);padding-top:18px}.quantity{display:flex;align-items:center;width:max-content;border:1px solid var(--line);border-radius:999px;overflow:hidden}.quantity button{border:0;background:transparent;width:42px;height:42px;cursor:pointer}.quantity span{min-width:42px;text-align:center}.buy-row{display:flex;gap:12px;align-items:center}.product-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.product-badge{aspect-ratio:1/1;border-radius:46% 54% 46% 54%;background:var(--sage);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.product-badge strong{font-family:Georgia,serif;font-size:38px;color:rgba(23,55,43,.35)}.process-chain{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.process-chain span{padding:9px 13px;border-radius:999px;background:var(--sage);font-size:12px;font-weight:800}.checkline{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.checkline span{padding:9px 13px;background:var(--cream);border-radius:99px;font-size:13px}.checkline .yes:before{content:"✓ ";color:var(--leaf);font-weight:900}.checkline .no:before{content:"× ";color:var(--coral);font-weight:900}
.article{padding:70px 0 100px}.breadcrumbs{font-size:13px;color:#718279;margin-bottom:36px}.article h1{font-size:clamp(36px,5vw,58px);line-height:1.22;letter-spacing:-.035em}.article .date{color:#718279;border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:35px}.article-content{font-size:17px;color:var(--ink-2)}.article-content p{margin:0 0 23px}.article-content h2{font-size:30px;color:var(--ink);margin-top:50px}.article-content img{width:100%;max-height:560px;object-fit:cover;border-radius:var(--radius);margin:42px 0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:55px;border-top:1px solid var(--line);padding-top:30px}.article-nav a{padding:25px;border-radius:20px;background:var(--cream)}
.site-footer{background:var(--ink);color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;gap:45px}.footer-logo{filter:brightness(0) invert(1);width:220px;margin-bottom:20px}.site-footer h4{margin-top:0}.site-footer a{display:block;color:rgba(255,255,255,.75);margin:7px 0;font-size:14px}.site-footer a:hover{color:white}.footer-note{border-top:1px solid rgba(255,255,255,.15);margin-top:45px;padding-top:22px;font-size:12px;color:rgba(255,255,255,.58);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;margin:0}.toast{position:fixed;right:24px;bottom:24px;z-index:90;background:var(--ink);color:white;padding:15px 20px;border-radius:14px;box-shadow:var(--shadow);transform:translateY(25px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.js .reveal{opacity:0;transform:translateY(28px)}.js .reveal.in{opacity:1;transform:none}
@media(max-width:980px){.main-nav{position:fixed;left:20px;right:20px;top:100px;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:20px;display:none;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.main-nav.open{display:flex}.nav-link{padding:13px}.nav-link:after{display:none}.dropdown{position:static;transform:none;opacity:1;visibility:visible;display:none;box-shadow:none;border:0;padding:0 0 8px 14px}.nav-item.open .dropdown{display:block}.menu-toggle{display:grid;place-items:center}.nav-actions .cart-pill{display:none}.hero-grid,.split,.mechanism,.contact-grid,.product-grid{grid-template-columns:1fr}.hero-media{max-width:720px;margin:10px auto 0}.hero-media img{height:520px}.hero-facts{grid-template-columns:repeat(2,1fr)}.card-grid,.four-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(2n){transform:none}.feature-card:nth-child(2n):hover{transform:translateY(-5px)}.news-grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:1fr 1fr}.values .value:first-child{grid-column:1/-1}.expert-grid{grid-template-columns:repeat(2,1fr)}.evolution-grid{grid-template-columns:repeat(2,1fr)}.product-image{border-radius:var(--radius) var(--radius) 0 0}.product-panel{border-left:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius)}.product-badges{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.split.reverse .media{order:0}}
@media(max-width:640px){.container,.narrow{width:min(100% - 28px,var(--max))}.announcement{font-size:11px}.nav-wrap{height:72px}.logo{width:180px}.section{padding:72px 0}.section.tight{padding:54px 0}.hero{padding:55px 0 45px;min-height:auto}.hero h1{font-size:51px}.hero-copy{font-size:17px}.hero-media:before{inset:-18px 10px 20px -8px}.hero-media img{height:390px;border-radius:90px 24px 90px 24px}.floating-badge{display:none}.hero-facts{grid-template-columns:1fr 1fr;margin-top:35px}.fact-chip{padding:15px;min-height:90px}.fact-chip strong{font-size:20px}.page-hero{min-height:290px;padding:70px 0 55px}.page-hero h1{font-size:48px}.stat-grid,.news-grid,.news-grid.compact,.partner-grid,.evolution-grid,.compare,.article-nav{grid-template-columns:1fr}.card-grid,.four-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.media img,.media.tall img{height:350px}.values{grid-template-columns:1fr}.value:first-child{grid-column:auto}.expert-grid{grid-template-columns:1fr 1fr;gap:14px}.expert-card h3{font-size:18px}.mechanism-orbit{min-height:590px}.mechanism-orbit .core{width:140px;height:140px;font-size:35px}.orbit-item{width:125px;height:125px;font-size:12px}.orbit-item.o1{top:0;left:0}.orbit-item.o2{top:0;right:0}.orbit-item.o3{bottom:0;left:0}.orbit-item.o4{bottom:0;right:0}.product-image img{height:420px}.product-panel{padding:35px 24px}.product-panel h1{font-size:42px}.product-badges{gap:10px}.product-badge{padding:14px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.timeline-wrap{display:none}.timeline-mobile{display:block}.timeline-list{grid-template-columns:1fr}.buy-row{align-items:stretch;flex-direction:column}.buy-row .btn{width:100%}}

/* ===== 2026-07 revision: official logo, visual technology cards, HTML timeline ===== */
.logo{width:auto;display:flex;align-items:center;gap:12px;flex:0 0 auto}
.logo-mark{width:50px;height:58px;object-fit:contain;flex:0 0 auto}
.logo-wordmark{display:flex;flex-direction:column;line-height:1;white-space:nowrap}
.logo-wordmark b{font-size:23px;letter-spacing:.22em;font-weight:650}
.logo-wordmark small{margin-top:8px;font-size:7px;letter-spacing:.32em;color:#688276;font-family:Arial,sans-serif}
.footer-brand{margin-bottom:22px;width:max-content}
.footer-brand .logo-mark{width:56px;height:64px}
.footer-brand .logo-wordmark b,.footer-brand .logo-wordmark small{color:#fff}
.footer-brand .logo-wordmark small{opacity:.7}

.hero-copy-block{position:relative;z-index:2}
.hero h1.hero-title{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 26px;font-size:inherit;line-height:1;letter-spacing:0}
.hero-title-product{font-size:clamp(64px,6.2vw,92px);line-height:.92;letter-spacing:-.065em;font-weight:900}
.hero-title-product sup{font-size:.25em;vertical-align:top;position:relative;top:.08em;margin-left:2px}
.hero-title-copy{font-size:clamp(30px,3.25vw,45px);line-height:1.2;letter-spacing:-.045em;font-weight:720;color:var(--ink)}
.hero-title-focus{font-size:clamp(43px,4.8vw,68px);line-height:1.02;letter-spacing:-.055em;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;color:var(--leaf)}
[data-count]{font-variant-numeric:tabular-nums;display:inline-block;min-width:.7em}

.tech-intro{font-size:17px;margin-top:0}
.tech-card-grid{align-items:start}
.feature-card.feature-card-media{padding:0;overflow:hidden;min-height:440px;text-align:left;background:var(--white)}
.feature-image{height:190px;position:relative;overflow:hidden;background:var(--sage)}
.feature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(11,45,35,.28))}
.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.feature-card-media:hover .feature-image img{transform:scale(1.045)}
.path-index{position:absolute;z-index:2;right:18px;bottom:12px;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1;color:#fff;font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.feature-card-body{padding:25px 25px 29px}
.path-label{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:var(--leaf);margin-bottom:9px}
.feature-card.feature-card-media h3{font-size:22px;margin:0 0 11px}
.feature-card.feature-card-media p{margin:0;font-size:14px}

.history-section{background:linear-gradient(180deg,var(--white) 0%,var(--cream-2) 100%);overflow:hidden}
.history-heading{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:end}
.history-heading .section-title{margin-bottom:0}
.history-heading .lead{font-size:18px;margin:0 0 18px;max-width:700px}
.history-timeline{position:relative;display:grid;grid-template-columns:repeat(6,minmax(155px,1fr));gap:0;margin-top:68px;padding:0 0 10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--sage-2) transparent}
.history-timeline::-webkit-scrollbar{height:6px}.history-timeline::-webkit-scrollbar-thumb{background:var(--sage-2);border-radius:99px}
.history-rail{position:absolute;left:7%;right:7%;top:13px;height:2px;background:linear-gradient(90deg,var(--leaf),var(--sky),var(--sun));opacity:.75}
.history-milestone{position:relative;padding:48px 18px 25px;min-height:264px;border-right:1px solid var(--line)}
.history-milestone:last-child{border-right:0}
.history-dot{position:absolute;top:5px;left:50%;width:18px;height:18px;border-radius:50%;transform:translateX(-50%);background:var(--white);border:5px solid var(--leaf);box-shadow:0 0 0 5px rgba(91,141,78,.12)}
.history-milestone:nth-of-type(3n+1) .history-dot{border-color:var(--leaf)}
.history-milestone:nth-of-type(3n+2) .history-dot{border-color:#3c9f9b}
.history-milestone:nth-of-type(3n) .history-dot{border-color:#d39f2c}
.history-milestone time{display:block;font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1;color:var(--ink);font-weight:700;margin-bottom:18px;white-space:nowrap}
.history-milestone h3{font-size:18px;margin:0 0 10px}
.history-milestone p{font-size:13px;line-height:1.7;color:var(--ink-2);margin:0}

@media(max-width:980px){
  .logo-mark{width:46px;height:53px}.logo-wordmark b{font-size:21px}
  .hero h1.hero-title{gap:6px}.hero-title-copy{font-size:clamp(31px,5vw,44px)}.hero-title-focus{font-size:clamp(45px,7vw,64px)}
  .history-heading{grid-template-columns:1fr;gap:20px}.history-timeline{grid-template-columns:repeat(6,minmax(190px,1fr));padding-bottom:18px}
}
@media(max-width:640px){
  .logo{gap:8px}.logo-mark{width:39px;height:45px}.logo-wordmark b{font-size:18px;letter-spacing:.16em}.logo-wordmark small{font-size:5.5px;letter-spacing:.24em;margin-top:6px}
  .footer-brand .logo-mark{width:48px;height:55px}.footer-brand .logo-wordmark b{font-size:21px}
  .hero h1.hero-title{gap:5px;margin-bottom:22px}.hero-title-product{font-size:58px}.hero-title-copy{font-size:29px;line-height:1.24}.hero-title-focus{font-size:45px}
  .feature-card.feature-card-media{min-height:auto}.feature-image{height:220px}
  .history-timeline{display:grid;grid-template-columns:1fr;overflow:visible;margin-top:45px;padding-left:35px}
  .history-rail{left:8px;right:auto;top:0;bottom:15px;width:2px;height:auto;background:linear-gradient(180deg,var(--leaf),var(--sky),var(--sun))}
  .history-milestone{min-height:0;padding:0 0 34px 20px;border-right:0;border-bottom:1px solid var(--line);margin-bottom:28px}
  .history-milestone:last-child{border-bottom:0;margin-bottom:0}
  .history-dot{top:2px;left:-27px;transform:none}
  .history-milestone time{font-size:25px;margin-bottom:12px}.history-milestone h3{font-size:20px}.history-milestone p{font-size:14px}
}

/* ===== 2026-08 navigation refinement: compact progressive disclosure ===== */
section[id]{scroll-margin-top:104px}
.site-header{position:sticky;top:0;z-index:80;isolation:isolate;overflow:visible;background:rgba(255,254,249,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,55,43,.1)}
.nav-shell{position:relative;z-index:3;height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}
.primary-nav{display:flex;align-items:stretch;justify-content:center;gap:34px;height:100%}
.primary-link,.nav-menu-trigger{position:relative;display:flex;align-items:center;gap:8px;height:100%;padding:0;border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:720;white-space:nowrap;cursor:pointer;transition:color .18s ease}
.primary-link:after,.nav-menu-trigger:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:1.5px;border-radius:99px;background:var(--leaf);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.primary-link:hover,.nav-menu-trigger:hover,.primary-link.is-current,.nav-menu-trigger.is-current,.nav-menu-item.is-open>.nav-menu-trigger{color:var(--leaf)}
.primary-link:hover:after,.nav-menu-trigger:hover:after,.primary-link.is-current:after,.nav-menu-trigger.is-current:after,.nav-menu-item.is-open>.nav-menu-trigger:after{transform:scaleX(1)}
.nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease;opacity:.72}
.nav-menu-item{position:relative;height:100%;display:flex;align-items:stretch}
.nav-menu-item.is-open .nav-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.nav-popover{position:absolute;z-index:5;top:calc(100% + 1px);left:50%;width:286px;padding:10px;background:rgba(255,254,249,.995);border:1px solid rgba(23,55,43,.11);border-radius:18px;box-shadow:0 22px 55px rgba(19,53,41,.14);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.nav-menu-item.is-open .nav-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-popover-story{width:300px;overflow:hidden}
.nav-popover-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 10px 11px;margin-bottom:3px;border-bottom:1px solid rgba(23,55,43,.09)}
.nav-popover-heading span{font-size:12px;font-weight:800;letter-spacing:.06em}
.nav-popover-heading small{font:700 9px/1 Arial,sans-serif;letter-spacing:.14em;color:#8a9d94}
.nav-popover-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 11px;border:0;border-radius:11px;background:transparent;color:var(--ink);font-size:14px;font-weight:650;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,padding .16s ease}
.nav-popover-link i{font-style:normal;color:#8da197;font-size:15px;transition:transform .16s ease,color .16s ease}
.nav-popover-link:hover,.nav-popover-link:focus-visible{background:var(--cream);color:var(--leaf);outline:none;padding-left:14px}
.nav-popover-link:hover i,.nav-popover-link:focus-visible i{transform:translateX(2px);color:var(--leaf)}
.nav-pane{display:none}.nav-pane.is-active{display:block}
.nav-popover-back{display:inline-flex;align-items:center;gap:7px;margin:1px 0 3px;padding:8px 10px;border:0;background:transparent;color:#74877e;font-size:12px;font-weight:700;cursor:pointer;border-radius:9px}
.nav-popover-back:hover{background:var(--cream);color:var(--leaf)}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;white-space:nowrap}
.auth-inline{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;color:var(--ink-2)}
.auth-inline span{color:#9aaba3}.auth-inline a{transition:color .16s ease}.auth-inline a:hover{color:var(--leaf)}
.cart-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ink)}
.cart-link:hover{color:var(--leaf)}
.cart-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;line-height:1}
.menu-toggle{display:none}
.mobile-account-links{display:none}
.nav-screen{position:fixed;z-index:1;inset:0;background:rgba(18,43,34,.1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.site-header.nav-open .nav-screen{opacity:1;visibility:visible}

@media(max-width:1120px) and (min-width:981px){
  .nav-shell{gap:22px}.primary-nav{gap:22px}.primary-link,.nav-menu-trigger{font-size:13px}.auth-inline{display:none}
}

@media(max-width:980px){
  section[id]{scroll-margin-top:88px}
  .nav-shell{height:72px;grid-template-columns:auto 1fr auto;gap:16px}
  .logo-mark{width:43px;height:49px}.logo-wordmark b{font-size:20px}.logo-wordmark small{font-size:6px;margin-top:7px}
  .primary-nav{position:absolute;z-index:6;top:100%;left:50%;width:min(100vw,560px);max-height:calc(100dvh - 72px);overflow:auto;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;height:auto;padding:8px 16px 22px;background:rgba(255,254,249,.995);border:1px solid rgba(23,55,43,.1);border-top:0;border-radius:0 0 22px 22px;box-shadow:0 24px 52px rgba(19,53,41,.16);transform:translateX(-50%)}
  .site-header.mobile-menu-open .primary-nav{display:flex}
  .primary-link,.nav-menu-trigger{width:100%;height:auto;min-height:54px;justify-content:space-between;padding:0 8px;border-bottom:1px solid rgba(23,55,43,.09);font-size:15px}
  .primary-link:after,.nav-menu-trigger:after{display:none}
  .nav-menu-item{display:block;height:auto;width:100%}
  .nav-popover{position:static;width:100%;padding:5px 0 10px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:none;background:transparent}
  .nav-menu-item.is-open .nav-popover{display:block;transform:none}
  .nav-popover-story{width:100%}
  .nav-popover-heading{padding:8px 9px 9px}.nav-popover-link{padding:12px 10px 12px 18px;background:rgba(247,241,229,.45)}
  .nav-popover-link+.nav-popover-link{margin-top:4px}
  .nav-popover-back{margin-left:7px}
  .mobile-account-links{display:flex;align-items:center;gap:10px;padding:18px 8px 2px;font-size:14px;font-weight:700}.mobile-account-links span{color:#9aaba3}
  .auth-inline,.cart-link{display:none}
  .menu-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(23,55,43,.13);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
  .menu-bars,.menu-bars:before,.menu-bars:after{display:block;width:17px;height:1.5px;border-radius:99px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
  .menu-bars{position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;left:0}.menu-bars:before{top:-5px}.menu-bars:after{top:5px}
  .site-header.mobile-menu-open .menu-bars{background:transparent}.site-header.mobile-menu-open .menu-bars:before{top:0;transform:rotate(45deg)}.site-header.mobile-menu-open .menu-bars:after{top:0;transform:rotate(-45deg)}
  .site-header.mobile-menu-open .nav-screen{opacity:1;visibility:visible;pointer-events:auto}
  body.nav-lock{overflow:hidden}
}

@media(max-width:560px){
  .nav-shell{width:calc(100% - 24px)}
  .logo{gap:8px}.logo-mark{width:37px;height:43px}.logo-wordmark b{font-size:17px;letter-spacing:.15em}.logo-wordmark small{display:none}
  .primary-nav{width:100vw;border-radius:0;left:50%}
}


/* ===== 2026-08 story menu hierarchy: visible but visually secondary ===== */
.nav-popover-story{width:328px;overflow:visible}
.nav-company-group{margin:7px 3px 9px;padding:13px 13px 12px;border-left:3px solid var(--leaf);border-radius:12px;background:linear-gradient(135deg,rgba(139,180,69,.12),rgba(247,241,229,.55))}
.nav-company-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--ink)}
.nav-company-label span{font-size:14px;font-weight:780;letter-spacing:.02em}
.nav-company-label small{font:700 8px/1 Arial,sans-serif;letter-spacing:.16em;color:#8a9d94}
.nav-company-children{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.nav-company-children a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:7px 6px;border:1px solid rgba(23,55,43,.09);border-radius:9px;background:rgba(255,254,249,.76);color:var(--ink-2);font-size:12px;font-weight:650;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.nav-company-children a:hover,.nav-company-children a:focus-visible{background:#fff;color:var(--leaf);border-color:rgba(82,121,58,.25);outline:none;transform:translateY(-1px)}
.nav-story-primary{padding-top:4px;border-top:1px solid rgba(23,55,43,.08)}
.nav-story-primary .nav-popover-link{font-size:14px;font-weight:700}
@media(max-width:980px){
  .nav-popover-story{width:100%}
  .nav-company-group{margin:8px 0 10px;padding:14px 12px 13px;border-left-width:3px;border-radius:12px}
  .nav-company-label{margin-bottom:11px}
  .nav-company-children{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .nav-company-children a{min-height:38px;font-size:12.5px}
  .nav-story-primary{padding-top:5px}
  .nav-story-primary .nav-popover-link{background:rgba(247,241,229,.45)}
}

/* ===== 语义化色块优化：基于菜单层级优化版，减少面积、增强对应关系 ===== */
:root{
  --tone-oat:#f1e8d8;
  --tone-leaf:#dbe8ce;
  --tone-mint:#dbe5dd;
  --tone-sky:#dbe7ef;
  --tone-sunsoft:#efe7c7;
  --tone-peach:#eddccf;
  --tone-sand:#ebe5d8;
  --tone-lilac:#e4e0eb;
  --ink-blue:#275b6e;
  --ink-olive:#51623b;
  --ink-warm:#7b5b33;
  --ink-mint:#25564d;
}

/* 首页首屏四个信息块：根据文意区分 */
.hero-facts .fact-chip{background:var(--white)}
.hero-facts .fact-chip:nth-child(1){background:var(--tone-oat)}
.hero-facts .fact-chip:nth-child(2){background:var(--tone-leaf)}
.hero-facts .fact-chip:nth-child(3){background:var(--tone-sky)}
.hero-facts .fact-chip:nth-child(4){background:var(--tone-mint)}
.hero-facts .fact-chip:nth-child(1) strong{color:var(--ink-warm)}
.hero-facts .fact-chip:nth-child(2) strong{color:var(--ink-olive)}
.hero-facts .fact-chip:nth-child(3) strong{color:var(--ink-blue)}
.hero-facts .fact-chip:nth-child(4) strong{color:var(--ink-mint)}

/* 数字信息块：纯 / 工序 / 时间冷链 */
.stat-grid .stat:nth-child(1){background:#f5efe1}
.stat-grid .stat:nth-child(2){background:var(--tone-peach)}
.stat-grid .stat:nth-child(3){background:var(--tone-sky)}
.stat-grid .stat:nth-child(1) .num{color:var(--ink-warm)}
.stat-grid .stat:nth-child(2) .num{color:var(--ink)}
.stat-grid .stat:nth-child(3) .num{color:var(--ink-blue)}

/* 首页技术路径：原料、智控、工艺、冷链，对应不同色块 */
.tech-paths .feature-card:nth-child(1){background:#f2f6ea}
.tech-paths .feature-card:nth-child(2){background:#eef1dd}
.tech-paths .feature-card:nth-child(3){background:var(--tone-peach)}
.tech-paths .feature-card:nth-child(4){background:var(--tone-sky)}
.tech-paths .feature-card:nth-child(1) .path-label{color:var(--ink-olive)}
.tech-paths .feature-card:nth-child(2) .path-label{color:#5c6b38}
.tech-paths .feature-card:nth-child(3) .path-label{color:var(--ink-warm)}
.tech-paths .feature-card:nth-child(4) .path-label{color:var(--ink-blue)}
.tech-paths .feature-card:nth-child(1) .feature-image{background:#dfe9c7}
.tech-paths .feature-card:nth-child(2) .feature-image{background:#e7edd0}
.tech-paths .feature-card:nth-child(3) .feature-image{background:#e9d3c6}
.tech-paths .feature-card:nth-child(4) .feature-image{background:#d6e5eb}

/* 产业历史沿革：时间节点轻度分色 */
.history-milestone:nth-of-type(1){background:#f8f2e8}
.history-milestone:nth-of-type(2){background:#edf4e7}
.history-milestone:nth-of-type(3){background:#f2e6de}
.history-milestone:nth-of-type(4){background:#f3edd1}
.history-milestone:nth-of-type(5){background:#e1ebef}
.history-milestone:nth-of-type(6){background:#e3ece3}
.history-milestone{border-radius:24px;margin:0 8px;padding-inline:22px}
.history-timeline{gap:10px;padding-inline:6px}
.history-rail{left:4%;right:4%}

/* 新闻卡与文献卡：根据内容节奏淡化分色，不压过图片 */
.news-card:nth-child(4n+1) .news-body{background:#f3f6ec}
.news-card:nth-child(4n+2) .news-body{background:#f4e8e0}
.news-card:nth-child(4n+3) .news-body{background:#e6edf1}
.news-card:nth-child(4n+4) .news-body{background:#f4eee1}
.news-card:nth-child(4n+1) .tag{background:#d9e7c8;color:var(--ink-olive)}
.news-card:nth-child(4n+2) .tag{background:#ead8cf;color:var(--ink-warm)}
.news-card:nth-child(4n+3) .tag{background:#d5e5ee;color:var(--ink-blue)}
.news-card:nth-child(4n+4) .tag{background:#ece3bf;color:#6f6524}

/* 关于我们：愿景 / 使命 / 宗旨 */
.values .value:nth-child(1){background:#cfe681}
.values .value:nth-child(2){background:var(--tone-leaf)}
.values .value:nth-child(3){background:var(--tone-sand)}
.values .value:nth-child(3) h3{color:var(--ink-warm)}

/* 合作单位：轻度区分 */
.partner-grid .partner:nth-child(1){background:#edf4e8}
.partner-grid .partner:nth-child(2){background:#f4e8e0}
.partner-grid .partner:nth-child(3){background:#e4edf1}

/* 专家卡下方信息条 */
.expert-card h3{color:var(--ink)}
.expert-card:nth-child(2) h3{color:var(--ink-blue)}
.expert-card:nth-child(3) h3{color:var(--ink-olive)}
.expert-card:nth-child(4) h3{color:var(--ink-warm)}

/* 萝卜硫素：四步自然演化 */
.evolution-card:nth-child(1){background:#eef4e7}
.evolution-card:nth-child(2){background:#f2e7e0}
.evolution-card:nth-child(3){background:#e3edf1}
.evolution-card:nth-child(4){background:#f4eedf}
.evolution-card:nth-child(1) .step{color:var(--ink-olive)}
.evolution-card:nth-child(2) .step{color:var(--ink-warm)}
.evolution-card:nth-child(3) .step{color:var(--ink-blue)}
.evolution-card:nth-child(4) .step{color:var(--ink-mint)}

/* Nrf2 核心机制：四个外围机制改为不同但同明度的圆 */
.mechanism-orbit .core{box-shadow:0 0 0 22px rgba(219,232,206,.85)}
.orbit-item.o1{background:var(--tone-sunsoft);color:var(--ink-warm)}
.orbit-item.o2{background:var(--tone-sky);color:var(--ink-blue)}
.orbit-item.o3{background:var(--tone-peach);color:#744d36}
.orbit-item.o4{background:var(--tone-leaf);color:var(--ink-olive)}

/* 萝卜硫苷 vs SFN */
.compare-card{background:#f6f1e6}
.compare-card.highlight{background:#d8ed86;color:var(--ink)}
.compare-card.highlight .big{color:var(--ink)}

/* 四重激活机制：同明度不同色相 */
.four-grid .mini-card:nth-child(1){background:var(--tone-oat)}
.four-grid .mini-card:nth-child(2){background:var(--tone-peach)}
.four-grid .mini-card:nth-child(3){background:var(--tone-sunsoft)}
.four-grid .mini-card:nth-child(4){background:var(--tone-sky)}
.four-grid .mini-card:nth-child(1) .icon-bubble{background:#eadfc8;color:var(--ink-warm)}
.four-grid .mini-card:nth-child(2) .icon-bubble{background:#e6d2c8;color:#744d36}
.four-grid .mini-card:nth-child(3) .icon-bubble{background:#e9dfb2;color:#6b6121}
.four-grid .mini-card:nth-child(4) .icon-bubble{background:#d0e3ee;color:var(--ink-blue)}

/* 产品页的关键链路标签 */
.process-chain span:nth-child(4n+1){background:#e0eacb;color:var(--ink-olive)}
.process-chain span:nth-child(4n+2){background:#efe3d4;color:var(--ink-warm)}
.process-chain span:nth-child(4n+3){background:#dbe7ef;color:var(--ink-blue)}
.process-chain span:nth-child(4n){background:#dce6df;color:var(--ink-mint)}
.checkline span{background:#f4eee1}
.checkline .yes:nth-child(2n){background:#edf3e6}
.checkline .yes:nth-child(3n){background:#e4edf1}
.checkline .no{background:#f3e5df}

/* 产品页纯净配方与使用提醒 */
.bg-sage .checkline span{background:rgba(255,255,255,.7)}
.contact-card:nth-of-type(1){background:#f4eee1}
.contact-card:nth-of-type(2){background:#e4edf1}

/* 细节：更贴近参考站的小色块表达 */
.pagination a.active,.pagination a:hover{background:var(--ink)}
.meta{color:#6e7d76}

@media(max-width:980px){
  .history-milestone{margin:0}
  .history-timeline{gap:12px}
}

/* ===== 二次优化：依据内容语义细化色块与结构（保持导航逻辑不变） ===== */
:root{
  --tone-oat:#f4ede0;
  --tone-leaf:#e4edd5;
  --tone-moss:#d7e2c6;
  --tone-peach:#efe0d8;
  --tone-sand:#efe6d8;
  --tone-sky:#dfeaf0;
  --tone-stone:#e7ebe3;
  --tone-sunsoft:#f1ebcb;
  --ink-blue:#2c6175;
  --ink-olive:#53633d;
  --ink-warm:#7d5e36;
  --ink-mint:#2d6058;
}
body{background:var(--white)}
.bg-cream{background:#f7f1e6}
.bg-sage{background:#edf3e8}
.page-hero,.hero,.product-hero{background:#f7f1e6}

/* 首页：内容导向的小色块系统 */
.hero-facts .fact-chip{background:rgba(255,255,255,.86)}
.hero-facts .fact-chip:nth-child(1){background:var(--tone-oat)}
.hero-facts .fact-chip:nth-child(2){background:var(--tone-leaf)}
.hero-facts .fact-chip:nth-child(3){background:var(--tone-sky)}
.hero-facts .fact-chip:nth-child(4){background:var(--tone-stone)}
.hero-facts .fact-chip:nth-child(1) strong{color:var(--ink-warm)}
.hero-facts .fact-chip:nth-child(2) strong{color:var(--ink-olive)}
.hero-facts .fact-chip:nth-child(3) strong{color:var(--ink-blue)}
.hero-facts .fact-chip:nth-child(4) strong{color:var(--ink-mint)}

.stat-grid .stat:nth-child(1){background:var(--tone-sand)}
.stat-grid .stat:nth-child(2){background:var(--tone-peach)}
.stat-grid .stat:nth-child(3){background:var(--tone-sky)}
.stat-grid .stat:nth-child(1) .num{color:var(--ink-warm)}
.stat-grid .stat:nth-child(2) .num{color:var(--ink)}
.stat-grid .stat:nth-child(3) .num{color:var(--ink-blue)}

.tech-paths .feature-card:nth-child(1){background:#f2f6ea}
.tech-paths .feature-card:nth-child(2){background:#eff4e3}
.tech-paths .feature-card:nth-child(3){background:var(--tone-peach)}
.tech-paths .feature-card:nth-child(4){background:var(--tone-sky)}
.tech-paths .feature-card:nth-child(1) .path-label{color:var(--ink-olive)}
.tech-paths .feature-card:nth-child(2) .path-label{color:#5b6939}
.tech-paths .feature-card:nth-child(3) .path-label{color:var(--ink-warm)}
.tech-paths .feature-card:nth-child(4) .path-label{color:var(--ink-blue)}
.tech-paths .feature-card:nth-child(1) .feature-image{background:#dfe9c7}
.tech-paths .feature-card:nth-child(2) .feature-image{background:#e4ecd0}
.tech-paths .feature-card:nth-child(3) .feature-image{background:#ead5c9}
.tech-paths .feature-card:nth-child(4) .feature-image{background:#d7e5ed}
.tech-paths .feature-card{box-shadow:none}

/* 山脉式历史沿革（纯 HTML/SVG，不用单独图片） */
.history-section{background:linear-gradient(180deg,var(--white) 0%,#fbf8f0 100%);overflow:hidden}
.history-mountain{position:relative;margin-top:56px;min-height:520px;padding:22px 18px 0}
.history-mountain-svg{position:absolute;inset:auto 0 0 0;width:100%;height:420px;z-index:0}
.history-peak{position:absolute;z-index:1;width:170px;padding:20px 18px 18px;border-radius:26px;background:rgba(255,254,249,.92);border:1px solid var(--line);box-shadow:0 14px 44px rgba(23,55,43,.08)}
.history-peak time{display:block;font-family:Georgia,"Times New Roman",serif;font-size:28px;line-height:1;color:var(--ink);font-weight:700;margin-bottom:10px}
.history-peak h3{font-size:18px;margin:0 0 8px}
.history-peak p{margin:0;font-size:13px;line-height:1.65;color:var(--ink-2)}
.history-peak-dot{position:absolute;left:50%;bottom:-36px;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;background:var(--white);border:5px solid var(--leaf);box-shadow:0 0 0 6px rgba(91,141,78,.12)}
.peak-1{left:2%;bottom:70px;background:var(--tone-sand)}
.peak-2{left:18%;bottom:160px;background:var(--tone-leaf)}
.peak-3{left:34%;bottom:130px;background:var(--tone-peach)}
.peak-4{left:50%;bottom:228px;background:var(--tone-sunsoft)}
.peak-5{left:66%;bottom:198px;background:var(--tone-sky)}
.peak-6{left:82%;bottom:286px;background:var(--tone-stone)}
.peak-1 .history-peak-dot{border-color:var(--ink-warm)}
.peak-2 .history-peak-dot{border-color:var(--ink-olive)}
.peak-3 .history-peak-dot{border-color:#b67d5b}
.peak-4 .history-peak-dot{border-color:#b1943c}
.peak-5 .history-peak-dot{border-color:var(--ink-blue)}
.peak-6 .history-peak-dot{border-color:var(--ink-mint)}

/* 新闻卡与文献卡：只让正文色块变化，保留图片主导 */
.news-card:nth-child(4n+1) .news-body{background:#f3f6ec}
.news-card:nth-child(4n+2) .news-body{background:#f4e8e0}
.news-card:nth-child(4n+3) .news-body{background:#e5edf1}
.news-card:nth-child(4n+4) .news-body{background:#f3ede0}
.news-card:nth-child(4n+1) .tag{background:#d9e7c8;color:var(--ink-olive)}
.news-card:nth-child(4n+2) .tag{background:#ead8cf;color:var(--ink-warm)}
.news-card:nth-child(4n+3) .tag{background:#d6e5ee;color:var(--ink-blue)}
.news-card:nth-child(4n+4) .tag{background:#e8e1bd;color:#6c6222}

/* 关于我们 */
.values .value:nth-child(1){background:#d2e77c}
.values .value:nth-child(2){background:var(--tone-leaf)}
.values .value:nth-child(3){background:var(--tone-sand)}
.values .value:nth-child(2) h3{color:var(--ink-olive)}
.values .value:nth-child(3) h3{color:var(--ink-warm)}
.partner-grid .partner:nth-child(1){background:#edf4e8}
.partner-grid .partner:nth-child(2){background:#f4e8e0}
.partner-grid .partner:nth-child(3){background:#e4edf1}
.expert-card:nth-child(2) h3{color:var(--ink-blue)}
.expert-card:nth-child(3) h3{color:var(--ink-olive)}
.expert-card:nth-child(4) h3{color:var(--ink-warm)}

/* 知识页 */
.evolution-card:nth-child(1){background:#eef4e7}
.evolution-card:nth-child(2){background:#f2e7e0}
.evolution-card:nth-child(3){background:#e3edf1}
.evolution-card:nth-child(4){background:#f3eddc}
.evolution-card:nth-child(1) .step{color:var(--ink-olive)}
.evolution-card:nth-child(2) .step{color:var(--ink-warm)}
.evolution-card:nth-child(3) .step{color:var(--ink-blue)}
.evolution-card:nth-child(4) .step{color:var(--ink-mint)}
.mechanism-orbit .core{box-shadow:0 0 0 22px rgba(219,232,206,.85)}
.orbit-item.o1{background:var(--tone-sunsoft);color:var(--ink-warm)}
.orbit-item.o2{background:var(--tone-sky);color:var(--ink-blue)}
.orbit-item.o3{background:var(--tone-peach);color:#744d36}
.orbit-item.o4{background:var(--tone-leaf);color:var(--ink-olive)}
.compare-card{background:#f6f1e6}
.compare-card.highlight{background:#d8ed86;color:var(--ink)}
.compare-card.highlight .big{color:var(--ink)}
.four-grid .mini-card:nth-child(1){background:var(--tone-oat)}
.four-grid .mini-card:nth-child(2){background:var(--tone-peach)}
.four-grid .mini-card:nth-child(3){background:var(--tone-sunsoft)}
.four-grid .mini-card:nth-child(4){background:var(--tone-sky)}
.four-grid .mini-card:nth-child(1) .icon-bubble{background:#eadfc8;color:var(--ink-warm)}
.four-grid .mini-card:nth-child(2) .icon-bubble{background:#e6d2c8;color:#744d36}
.four-grid .mini-card:nth-child(3) .icon-bubble{background:#e9dfb2;color:#6b6121}
.four-grid .mini-card:nth-child(4) .icon-bubble{background:#d0e3ee;color:var(--ink-blue)}

/* 产品及购买 */
.process-chain span:nth-child(4n+1){background:#e0eacb;color:var(--ink-olive)}
.process-chain span:nth-child(4n+2){background:#efe3d4;color:var(--ink-warm)}
.process-chain span:nth-child(4n+3){background:#dbe7ef;color:var(--ink-blue)}
.process-chain span:nth-child(4n){background:#dce6df;color:var(--ink-mint)}
.checkline span{background:#f4eee1}
.checkline .yes:nth-child(2n){background:#edf3e6}
.checkline .yes:nth-child(3n){background:#e4edf1}
.checkline .no{background:#f3e5df}
.contact-card:nth-of-type(1){background:#f4eee1}
.contact-card:nth-of-type(2){background:#e4edf1}

/* 页脚补充底端跳转 */
.footer-jumps-title{margin:18px 0 10px;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.footer-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}
.footer-jump{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;color:#fff;transition:.2s}
.footer-jump:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.footer-jump span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(216,237,134,.18);color:#d8ed86;font-weight:800}
.footer-jump em{font-style:normal;color:rgba(255,255,255,.82)}

@media(max-width:1180px){
  .history-mountain{min-height:780px;padding-bottom:10px}
  .history-mountain-svg{height:360px;top:auto;bottom:0}
  .history-peak{width:calc(50% - 18px);position:relative;left:auto!important;bottom:auto!important;margin-bottom:24px}
  .history-mountain{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-items:start}
  .history-mountain svg{grid-column:1/-1;order:2}
  .history-peak-dot{display:none}
}
@media(max-width:760px){
  .history-mountain{display:block;min-height:auto;padding:0}
  .history-mountain-svg{position:relative;height:180px;margin-bottom:18px}
  .history-peak{position:relative;width:100%;margin-bottom:14px}
  .history-peak-dot{display:none}
  .footer-jumps{gap:8px}
}


/* ===== 精选产品图片植入 ===== */
.product-visual-section{background:linear-gradient(180deg,#fffef9 0%,#f6f2e8 100%)}
.product-visual-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin-bottom:34px}
.product-visual-heading .section-title{margin-bottom:0}
.product-visual-heading p{margin:0;color:var(--ink-2);font-size:17px;max-width:520px;justify-self:end}
.product-visual-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:320px 320px;gap:18px}
.product-visual-card{position:relative;margin:0;overflow:hidden;border-radius:28px;background:#e7eee0;box-shadow:0 14px 38px rgba(23,55,43,.09)}
.product-visual-card--large{grid-row:1/3}
.product-visual-card--wide{display:none}
.product-visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.product-visual-card:hover img{transform:scale(1.035)}
.product-visual-card:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(8,38,29,.72))}
.product-visual-card figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:22px;color:white;display:flex;flex-direction:column;gap:2px}
.product-visual-card figcaption b{font-size:21px}
.product-visual-card figcaption span{font-size:13px;color:rgba(255,255,255,.82)}
.product-image img,.hero-media img{object-position:center}
@media(max-width:900px){
  .product-visual-heading{grid-template-columns:1fr;gap:14px;align-items:start}
  .product-visual-heading p{justify-self:start}
  .product-visual-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 260px}
  .product-visual-card--large{grid-column:1/3;grid-row:auto}
}
@media(max-width:640px){
  .product-visual-grid{display:block}
  .product-visual-card{height:290px;margin-bottom:14px}
  .product-visual-card--large{height:390px}
}

/* ===== 愿景 / 使命 / 宗旨：等宽静止，指向时展开 ===== */
.values[data-expand-cards]{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  transition:grid-template-columns .5s cubic-bezier(.22,1,.36,1);
}
.values[data-expand-cards] .value{
  min-width:0;
  min-height:280px;
  padding:42px;
  justify-content:center;
  cursor:pointer;
  overflow:hidden;
  background:var(--white)!important;
  border-color:var(--line);
  transition:
    background-color .38s ease,
    border-color .38s ease,
    box-shadow .38s ease,
    transform .38s ease,
    padding .5s cubic-bezier(.22,1,.36,1);
}
.values[data-expand-cards] .value:nth-child(1){--value-active-bg:#d7ed7e;--value-active-border:#bdd85d}
.values[data-expand-cards] .value:nth-child(2){--value-active-bg:#dce9ef;--value-active-border:#bfd5df}
.values[data-expand-cards] .value:nth-child(3){--value-active-bg:#efdfd3;--value-active-border:#dfc4b1}
.values[data-expand-cards] .value h3{
  transition:font-size .42s cubic-bezier(.22,1,.36,1),color .3s ease,transform .42s cubic-bezier(.22,1,.36,1);
}
.values[data-expand-cards] .value p{
  max-width:560px;
  transition:opacity .28s ease,transform .38s ease,max-height .38s ease,margin .38s ease;
}
.values[data-expand-cards][data-active="0"]{grid-template-columns:1.72fr .64fr .64fr}
.values[data-expand-cards][data-active="1"]{grid-template-columns:.64fr 1.72fr .64fr}
.values[data-expand-cards][data-active="2"]{grid-template-columns:.64fr .64fr 1.72fr}
.values[data-expand-cards][data-active] .value.is-active{
  background:var(--value-active-bg)!important;
  border-color:var(--value-active-border);
  box-shadow:0 20px 54px rgba(23,55,43,.11);
  transform:translateY(-4px);
}
.values[data-expand-cards][data-active] .value.is-active h3{
  font-size:38px;
  color:var(--ink);
  transform:translateY(-3px);
}
.values[data-expand-cards][data-active] .value:not(.is-active){
  padding-inline:28px;
}
.values[data-expand-cards][data-active] .value:not(.is-active) p{
  opacity:0;
  transform:translateY(8px);
  max-height:0;
  margin:0;
  pointer-events:none;
}
.values[data-expand-cards][data-active] .value:not(.is-active) h3{
  font-size:27px;
  color:var(--ink-2);
}
.values[data-expand-cards] .value:focus-visible{
  outline:3px solid rgba(91,141,78,.32);
  outline-offset:4px;
}
@media(max-width:980px){
  .values[data-expand-cards],
  .values[data-expand-cards][data-active="0"],
  .values[data-expand-cards][data-active="1"],
  .values[data-expand-cards][data-active="2"]{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .values[data-expand-cards] .value,
  .values[data-expand-cards][data-active] .value:not(.is-active){padding:30px 24px}
  .values[data-expand-cards][data-active] .value:not(.is-active) p{
    opacity:1;
    transform:none;
    max-height:120px;
    margin:1em 0;
  }
}
@media(max-width:760px){
  .values[data-expand-cards],
  .values[data-expand-cards][data-active="0"],
  .values[data-expand-cards][data-active="1"],
  .values[data-expand-cards][data-active="2"]{
    grid-template-columns:1fr;
  }
  .values[data-expand-cards] .value{min-height:210px}
  .values[data-expand-cards][data-active] .value.is-active{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .values[data-expand-cards],
  .values[data-expand-cards] .value,
  .values[data-expand-cards] .value h3,
  .values[data-expand-cards] .value p{transition:none!important}
}

/* ===== 非首页页头：左虚右实图片页头 ===== */
.page-hero--split{
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:78px 0 72px;
  align-items:center;
  background-color:#fbfaf6;
  isolation:isolate;
}
.page-hero--split::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-image:
    linear-gradient(90deg, rgba(251,250,246,0.98) 0%, rgba(251,250,246,0.95) 28%, rgba(251,250,246,0.78) 46%, rgba(251,250,246,0.22) 68%, rgba(251,250,246,0) 84%),
    var(--page-hero-image);
  background-size:100% 100%, cover;
  background-position:left top, right center;
  background-repeat:no-repeat;
}
.page-hero--split::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:1px;
  background:rgba(23,55,43,.08);
}
.page-hero--split .container{position:relative;z-index:1}
.page-hero--split h1{max-width:7.2em}
.page-hero--split .sub{max-width:560px;font-size:18px;line-height:1.75}
.page-hero--about{--page-hero-image:url('../images/team.webp')}
.page-hero--science{--page-hero-image:url('../images/approved/gallery-sprouts.webp')}
.page-hero--research{--page-hero-image:url('../images/gallery-lab.webp')}
.page-hero--news{--page-hero-image:url('../images/consultation.webp')}
.page-hero--article{--page-hero-image:url('../images/process-lab.webp')}
.page-hero--product h1,.page-hero--article h1{max-width:none}
.page-hero--article .sub{max-width:600px}

@media (max-width: 980px){
  .page-hero--split{
    min-height:390px;
    padding:68px 0 58px;
  }
  .page-hero--split::before{
    background-image:
      linear-gradient(180deg, rgba(251,250,246,0.92) 0%, rgba(251,250,246,0.78) 36%, rgba(251,250,246,0.46) 60%, rgba(251,250,246,0.16) 100%),
      var(--page-hero-image);
    background-position:left top, center center;
  }
  .page-hero--split .sub{max-width:640px}
}
@media (max-width: 640px){
  .page-hero--split{
    min-height:320px;
    padding:60px 0 44px;
  }
  .page-hero--split .sub{
    font-size:16px;
    line-height:1.65;
    margin-top:16px;
  }
}

/* ===== 健康分享官模块 ===== */
.ambassador-section{background:linear-gradient(180deg,#fffefb 0%,#f6f1e5 100%)}
.ambassador-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center}
.ambassador-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.14;letter-spacing:-.04em;margin:0 0 18px}
.ambassador-lead{max-width:620px;font-size:20px}
.ambassador-note{margin-top:24px;padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.76);border:1px solid rgba(23,55,43,.08);box-shadow:0 12px 30px rgba(23,55,43,.06)}
.ambassador-note p{margin:0;color:var(--ink-2)}
.ambassador-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ambassador-points span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(23,55,43,.08);font-size:13px;font-weight:800;color:var(--ink)}
.ambassador-actions{margin-top:26px}
.ambassador-media{position:relative}
.ambassador-photo-wrap{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 20px 60px rgba(23,55,43,.16);background:#8b1110}
.ambassador-photo-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 28%, rgba(0,0,0,0) 72%, rgba(0,0,0,.08));z-index:1;pointer-events:none}
.ambassador-photo-wrap img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/3}
.ambassador-floating-card{position:absolute;left:-18px;bottom:28px;background:rgba(255,254,249,.96);backdrop-filter:blur(8px);border:1px solid rgba(23,55,43,.08);box-shadow:0 12px 30px rgba(23,55,43,.12);border-radius:22px;padding:16px 18px;max-width:220px}
.ambassador-floating-card strong{display:block;font-size:15px;margin-bottom:6px}
.ambassador-floating-card span{display:block;font-size:13px;color:var(--ink-2);line-height:1.55}

@media(max-width:980px){
  .ambassador-grid{grid-template-columns:1fr;gap:28px}
  .ambassador-copy{order:2}
  .ambassador-media{order:1;max-width:760px;margin:0 auto}
  .ambassador-floating-card{left:16px;bottom:16px}
}
@media(max-width:640px){
  .ambassador-note{padding:18px 18px;border-radius:20px}
  .ambassador-points{gap:8px}
  .ambassador-points span{font-size:12px;padding:9px 12px}
  .ambassador-photo-wrap{border-radius:26px}
  .ambassador-floating-card{position:static;margin-top:14px;max-width:none}
}

/* 品牌推荐官移至产品页靠前位置 */
.product-ambassador-section{
  padding:76px 0;
  background:linear-gradient(180deg,#f8f2e7 0%,#fffefb 100%);
  border-top:1px solid rgba(23,55,43,.06);
  border-bottom:1px solid rgba(23,55,43,.06);
}
.product-ambassador-section .ambassador-photo-wrap img{aspect-ratio:16/11;object-position:center 38%}
@media(max-width:640px){
  .product-ambassador-section{padding:58px 0}
}

/* ===== 品牌推荐官模块：根据新参考图优化 ===== */
.ambassador-section{
  background:linear-gradient(180deg,#fffefb 0%,#f5f0e6 100%);
}
.ambassador-grid{
  grid-template-columns:0.95fr 1.05fr;
  gap:42px;
  align-items:center;
}
.ambassador-copy h2{max-width:9.5em}
.ambassador-copy .eyebrow{color:#7c1213}
.ambassador-note{
  background:rgba(255,255,255,.82);
}
.ambassador-points span:nth-child(1){background:#f6e8e8;color:#7c1213}
.ambassador-points span:nth-child(2){background:#f4eadf;color:#7d5e36}
.ambassador-points span:nth-child(3){background:#edf4e8;color:#53633d}
.ambassador-points span:nth-child(4){background:#e7eef4;color:#2c6175}
.ambassador-media{
  display:flex;
  justify-content:center;
}
.ambassador-photo-wrap{
  width:min(100%,560px);
  border-radius:36px;
  background:linear-gradient(180deg,#740d0e 0%,#8f1113 50%,#7f0f11 100%);
  padding:0;
}
.ambassador-photo-wrap img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  aspect-ratio:auto;
}
.ambassador-floating-card{
  left:auto;
  right:-16px;
  bottom:34px;
  background:rgba(255,251,247,.95);
}
@media(max-width:980px){
  .ambassador-grid{grid-template-columns:1fr;gap:24px}
  .ambassador-media{order:1}
  .ambassador-copy{order:2}
  .ambassador-photo-wrap{max-width:520px}
  .ambassador-floating-card{right:14px;left:auto;bottom:14px}
}
@media(max-width:640px){
  .ambassador-photo-wrap{border-radius:26px}
  .ambassador-floating-card{position:static;margin-top:14px}
}

/* ===== August refinement patch ===== */
.hero-title-focus{
  font-family:inherit;
  font-style:normal;
  font-weight:900;
  letter-spacing:-.045em;
}
.hero-media img[src*="home-forest-bright"]{
  border-radius:110px 26px 110px 26px;
  box-shadow:0 26px 70px rgba(23,55,43,.18);
}

.soft-bridge-section .feature-card-media{
  background:linear-gradient(180deg,#fefefe 0%,#fbf7ef 100%);
  border:1px solid rgba(115,140,95,.14);
  box-shadow:0 16px 34px rgba(23,55,43,.06);
}
.soft-bridge-section .feature-image{position:relative;overflow:hidden}
.soft-bridge-section .feature-image::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:72px;
  background:linear-gradient(180deg,rgba(246,241,230,0) 0%,rgba(250,247,241,.94) 72%,#fbf7ef 100%);
}
.soft-bridge-section .feature-card-body{
  position:relative;z-index:1;margin-top:-28px;padding:0 24px 26px;
}
.soft-bridge-section .path-label{
  display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef4e8;color:#375341;
}

.premium-history-section{background:linear-gradient(180deg,#fffdf8 0%,#f8f2e8 100%)}
.premium-history-section .history-heading{align-items:end}
.premium-history-section .history-mountain{
  border-radius:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(248,242,232,.92));
  border:1px solid rgba(91,141,78,.14);
  box-shadow:0 18px 60px rgba(23,55,43,.07);
  overflow:hidden;
}
.premium-history-section .history-mountain::before,
.premium-history-section .history-mountain::after{
  content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:0;pointer-events:none;
}
.premium-history-section .history-mountain::before{
  width:220px;height:220px;right:6%;top:16%;background:radial-gradient(circle,rgba(207,227,154,.18),rgba(207,227,154,0) 72%);
}
.premium-history-section .history-mountain::after{
  width:280px;height:280px;left:0;bottom:0;background:radial-gradient(circle,rgba(223,197,140,.16),rgba(223,197,140,0) 70%);
}
.premium-history-section .history-mountain-svg{opacity:.98;filter:drop-shadow(0 10px 24px rgba(23,55,43,.08))}
.premium-history-section .history-peak{
  backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,244,236,.94));
  box-shadow:0 18px 36px rgba(23,55,43,.08);
  border-color:rgba(115,140,95,.14);
}
.premium-history-section .history-peak h3{font-size:19px}
.premium-history-section .history-peak time{color:#2b513d}
.premium-history-section .history-peak-dot{box-shadow:0 0 0 8px rgba(255,255,255,.72),0 0 0 16px rgba(91,141,78,.12)}

.news-harmony-grid .news-card .news-body,
.news-grid .news-card .news-body{
  background:#f4f7ef;
}
.news-card .tag,
.news-harmony-grid .tag{
  background:#deebcf!important;
  color:#274332!important;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
}
.news-unified-btn,
.news-unified-btn.btn.light{
  background:#deebcf;
  border-color:#deebcf;
  color:#274332;
}
.news-unified-btn:hover{background:#d3e5bc}

.contact-soft-section .contact-card{
  background:linear-gradient(180deg,#eef6dd 0%,#e1efc6 100%);
  border:1px solid rgba(91,141,78,.16);
  box-shadow:0 16px 34px rgba(91,141,78,.08);
}
.contact-soft-section .field input,
.contact-soft-section .field textarea{background:rgba(255,255,255,.92)}

.interactive-linked-grid{
  position:relative;
  gap:22px;
  padding-top:26px;
}
.interactive-linked-grid::before{
  content:"";position:absolute;left:7%;right:7%;top:0;height:4px;border-radius:999px;
  background:linear-gradient(90deg,#a6c66b,#d7ba72,#8db1c1);
  opacity:.45;
}
.interactive-linked-grid .evolution-card{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, background .35s ease;
  box-shadow:0 8px 20px rgba(23,55,43,.04);
}
.interactive-linked-grid .evolution-card .step{
  font-family:inherit;
  font-style:normal;
  font-weight:900;
  font-size:34px;
  color:#5b8d4e;
}
.interactive-linked-grid .evolution-card:hover,
.interactive-linked-grid .evolution-card.is-active{
  transform:translateY(-10px);
  border-color:rgba(91,141,78,.28);
  box-shadow:0 18px 40px rgba(23,55,43,.11);
  background:linear-gradient(180deg,#fff 0%,#f4f8ec 100%);
}
.evolution-summary{
  margin-top:20px;
  padding:16px 22px;
  border-radius:18px;
  background:linear-gradient(90deg,#eff5e6,#f7f1e5);
  color:#4d5d53;
}

.animated-orbit{
  min-height:520px;
}
.animated-orbit .core{
  position:relative;z-index:3;
  background:radial-gradient(circle at 35% 35%,#3d6950 0%,#18382c 72%);
  box-shadow:0 0 0 18px rgba(219,232,206,.75),0 24px 45px rgba(23,55,43,.16);
}
.animated-orbit .orbit-ring{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border:1px dashed rgba(91,141,78,.2);border-radius:50%;
}
.animated-orbit .orbit-ring .orbit-item{
  position:absolute;left:50%;top:-22px;transform:translateX(-50%);
  width:144px;height:144px;border-radius:50%;display:grid;place-items:center;text-align:center;
  padding:20px;background:linear-gradient(180deg,#ffffff 0%,#f1f7e9 100%);
  box-shadow:0 14px 30px rgba(23,55,43,.12);border:1px solid rgba(91,141,78,.18);
}
.animated-orbit .orbit-ring-1{width:320px;height:320px;animation:orbit-spin-1 18s linear infinite}
.animated-orbit .orbit-ring-2{width:320px;height:320px;animation:orbit-spin-2 22s linear infinite}
.animated-orbit .orbit-ring-3{width:320px;height:320px;animation:orbit-spin-3 20s linear infinite}
.animated-orbit .orbit-ring-4{width:320px;height:320px;animation:orbit-spin-4 24s linear infinite}
@keyframes orbit-spin-1{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-spin-2{from{transform:translate(-50%,-50%) rotate(90deg)}to{transform:translate(-50%,-50%) rotate(450deg)}}
@keyframes orbit-spin-3{from{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(540deg)}}
@keyframes orbit-spin-4{from{transform:translate(-50%,-50%) rotate(270deg)}to{transform:translate(-50%,-50%) rotate(630deg)}}

.compare-card-muted{
  background:linear-gradient(180deg,#f0f1f2 0%,#e4e6e8 100%);
}
.compare-card-muted .tag{background:#d4d6da;color:#32433c}

.tech-strength-section .process-chain{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:32px;
}
.tech-strength-section .process-chain span{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  min-height:86px;padding:18px 14px;border-radius:22px;font-size:13px;font-weight:800;
  text-align:center;line-height:1.5;background:linear-gradient(180deg,#edf4e8 0%,#f8fbf4 100%);
  box-shadow:0 10px 24px rgba(23,55,43,.05);
  border:1px solid rgba(91,141,78,.12);
  animation:softPulse 5s ease-in-out infinite;
}
.tech-strength-section .process-chain span:nth-child(2n){background:linear-gradient(180deg,#f8f0e5 0%,#fcfaf5 100%)}
.tech-strength-section .process-chain span:nth-child(3n){background:linear-gradient(180deg,#e8f1f6 0%,#fafcff 100%)}
.tech-strength-section .process-chain span::before{
  content:"";position:absolute;inset:10px;border-radius:16px;border:1px solid rgba(255,255,255,.68);
}
@keyframes softPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.endorsement-section .checkline span,
.pure-formula-section .checkline span{
  border:1px solid rgba(91,141,78,.14);
  font-weight:800;
}
.endorsement-section .checkline .yes{
  background:linear-gradient(180deg,#eff5e5,#f7fbf3);
}
.pure-formula-section .checkline .yes{background:#e7f2d5}
.pure-formula-section .checkline .no{background:#fff1ef;border-color:#f3d1cc}
.pure-formula-section .content p strong{
  display:inline-flex;align-items:center;padding:6px 10px;margin-right:8px;border-radius:999px;
  background:#deebcf;color:#264634;font-size:13px;
}

.partner-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:42px;
}
.partner-visual-card{
  overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(91,141,78,.12);
  box-shadow:0 16px 34px rgba(23,55,43,.07);
}
.partner-visual-card img{width:100%;height:240px;object-fit:cover;display:block}
.partner-body{padding:22px 22px 24px}
.partner-body h3{margin:0 0 10px;font-size:22px}
.partner-body p{margin:0;color:#59695f;line-height:1.7}
.partner-lead{max-width:760px;margin:14px auto 0}

.expert-showcase{
  margin-top:38px;
  display:grid;
  gap:22px;
}
.expert-stage{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0;
  border-radius:32px;overflow:hidden;
  background:linear-gradient(135deg,#17372b 0%,#294d3c 100%);
  box-shadow:0 20px 52px rgba(23,55,43,.14);
}
.expert-stage-image{width:100%;height:460px;object-fit:cover;background:#dce7db}
.expert-stage-copy{padding:42px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.expert-stage-copy .tag{width:max-content;background:rgba(255,255,255,.14);color:#fff}
.expert-stage-copy h3{font-size:42px;margin:16px 0 10px;color:#fff}
.expert-stage-copy .expert-role{font-size:18px;color:#dcebd8;font-weight:700;margin:0 0 18px}
.expert-stage-copy p{line-height:1.8;color:rgba(255,255,255,.82)}
.expert-stage-copy .btn.light{margin-top:16px;width:max-content;background:#deebcf;border-color:#deebcf;color:#274332}
.expert-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.expert-thumb{
  display:grid;gap:10px;padding:14px;border-radius:24px;background:#fff;border:1px solid rgba(91,141,78,.14);
  color:inherit;text-decoration:none;box-shadow:0 8px 22px rgba(23,55,43,.05);transition:.25s ease;
}
.expert-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
.expert-thumb strong{font-size:18px}
.expert-thumb span{font-size:13px;color:#607066;line-height:1.55}
.expert-thumb:hover,.expert-thumb.is-active{transform:translateY(-6px);border-color:rgba(91,141,78,.26);box-shadow:0 16px 28px rgba(23,55,43,.09);background:#f8fbf4}

.product-ambassador-section .ambassador-card{box-shadow:0 18px 44px rgba(107,18,18,.1)}

@media(max-width:980px){
  .partner-feature-grid{grid-template-columns:1fr 1fr}
  .expert-stage{grid-template-columns:1fr}
  .expert-stage-image{height:360px}
  .expert-selector-grid{grid-template-columns:repeat(2,1fr)}
  .tech-strength-section .process-chain{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .partner-feature-grid,.expert-selector-grid{grid-template-columns:1fr}
  .tech-strength-section .process-chain{grid-template-columns:repeat(2,minmax(0,1fr))}
  .animated-orbit{min-height:430px}
  .animated-orbit .orbit-ring{width:240px!important;height:240px!important}
  .animated-orbit .orbit-ring .orbit-item{width:108px;height:108px;font-size:12px;top:-16px}
  .expert-stage-copy{padding:28px}
  .expert-stage-copy h3{font-size:34px}
  .premium-history-section .history-mountain{padding-top:18px}
}
.animated-orbit .orbit-ring-1 .orbit-item{animation:counter-spin-1 18s linear infinite}
.animated-orbit .orbit-ring-2 .orbit-item{animation:counter-spin-2 22s linear infinite}
.animated-orbit .orbit-ring-3 .orbit-item{animation:counter-spin-3 20s linear infinite}
.animated-orbit .orbit-ring-4 .orbit-item{animation:counter-spin-4 24s linear infinite}
@keyframes counter-spin-1{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(-360deg)}}
@keyframes counter-spin-2{from{transform:translateX(-50%) rotate(-90deg)}to{transform:translateX(-50%) rotate(-450deg)}}
@keyframes counter-spin-3{from{transform:translateX(-50%) rotate(-180deg)}to{transform:translateX(-50%) rotate(-540deg)}}
@keyframes counter-spin-4{from{transform:translateX(-50%) rotate(-270deg)}to{transform:translateX(-50%) rotate(-630deg)}}

/* expert group image refinement */
.expert-stage--group{grid-template-columns:1.18fr .82fr}
.expert-group-visual{position:relative;background:linear-gradient(135deg,#edf4eb,#dce9e1)}
.expert-stage-image--group{height:100%;min-height:480px;object-fit:cover;object-position:center top}
.expert-group-badge{
  position:absolute;left:24px;bottom:24px;padding:12px 18px;border-radius:999px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(10px);color:#214136;font-weight:800;
  box-shadow:0 10px 24px rgba(23,55,43,.12);
}
@media(max-width:980px){
  .expert-stage--group{grid-template-columns:1fr}
  .expert-stage-image--group{min-height:320px}
}

/* ===== 2026-08 final refinement ===== */
.hero-title-focus{
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:780!important;
  color:var(--ink)!important;
}
.hero-media img[src*="home-hero-forest-light"]{object-position:center center}
.hero-facts .fact-chip strong,
.hero-facts .fact-chip .fact-count{font-size:25px!important;line-height:1.2;font-weight:800;display:block}
.hero-facts .fact-chip:nth-child(3){background:#e9f2dc}
.hero-facts .fact-chip:nth-child(3) strong{color:#2e583f}

/* unified homepage/news colors */
.news-harmony-grid .news-card .news-body,
.news-unified-btn{
  background:#eef4ea!important;
  border:1px solid rgba(35,67,53,.08)!important;
}
.news-harmony-grid .tag{
  background:#dcead2!important;
  color:#274938!important;
}
.news-unified-btn{color:#274938}

/* stat blocks */
.section .stat-grid .stat,
.product-hero .stat-grid .stat{
  border:1px solid rgba(38,67,53,.08);
  box-shadow:0 16px 34px rgba(29,57,47,.06);
}
.section .stat-grid .stat:nth-child(1),
.product-hero .stat-grid .stat:nth-child(1){background:linear-gradient(180deg,#f7f3e7 0%,#fffdf8 100%)!important}
.section .stat-grid .stat:nth-child(2),
.product-hero .stat-grid .stat:nth-child(2){background:linear-gradient(180deg,#eef6e8 0%,#fbfef9 100%)!important}
.section .stat-grid .stat:nth-child(3),
.product-hero .stat-grid .stat:nth-child(3){background:linear-gradient(180deg,#edf3f8 0%,#fbfdff 100%)!important}
.section .stat-grid .stat:nth-child(1) .num{color:#8e6c2b!important}
.section .stat-grid .stat:nth-child(2) .num{color:#275341!important}
.section .stat-grid .stat:nth-child(3) .num{color:#355b7b!important}
.stat .num,.stat .num span{display:inline-block}
.stat .num{animation:statGlow 3.2s ease-in-out infinite alternate}
@keyframes statGlow{from{transform:translateY(0)}to{transform:translateY(-2px)}}

/* contact restore light blue */
.contact-soft-section{background:linear-gradient(180deg,#eef4f8 0%,#f7fafc 100%)!important}
.contact-soft-section .contact-card{background:rgba(255,255,255,.86)!important}

/* tech path unified */
.path-unified-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:28px;align-items:stretch;margin-top:42px}
.path-visual-panel{position:relative;min-height:560px;border-radius:34px;overflow:hidden;background:#dfeadd;box-shadow:0 22px 52px rgba(25,60,45,.1)}
.path-visual-panel img{width:100%;height:100%;object-fit:cover;display:block}
.path-visual-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;background:linear-gradient(180deg,rgba(11,31,24,0) 0%,rgba(19,48,37,.9) 100%)}
.path-visual-overlay{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;color:#fff}
.path-visual-overlay strong{display:block;font-size:30px;line-height:1.15;margin-bottom:8px}
.path-visual-overlay span{display:block;font-size:15px;color:rgba(255,255,255,.85)}
.path-unified-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.path-unified-card{padding:28px;border-radius:26px;background:linear-gradient(180deg,#eef4e8 0%,#fbfdf9 100%);border:1px solid rgba(39,80,62,.09);box-shadow:0 14px 30px rgba(23,55,43,.05)}
.path-unified-index{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dce8cf;color:#274938;font-weight:900;margin-bottom:16px}
.path-unified-card h3{margin:0 0 10px;font-size:24px;color:#274938}
.path-unified-card p{margin:0;color:#56685d}

/* history refined */
.history-ridge{position:relative;margin-top:42px;padding:36px 24px 8px;border-radius:34px;background:linear-gradient(180deg,#fffefb 0%,#f7f2ea 100%);border:1px solid rgba(77,98,78,.08);box-shadow:0 20px 44px rgba(27,58,45,.06)}
.history-ridge-svg{position:absolute;left:0;right:0;top:86px;height:260px;pointer-events:none;opacity:.92}
.history-ridge-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}
.history-node{position:relative;padding:18px 18px 20px;border-radius:24px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border:1px solid rgba(33,61,48,.07);box-shadow:0 12px 28px rgba(23,55,43,.05);min-height:224px}
.history-node:nth-child(odd){margin-top:40px}
.history-node time{display:block;font-weight:900;color:#2f5940;letter-spacing:.02em;margin-bottom:10px}
.history-node h3{margin:0 0 8px;font-size:22px}
.history-node p{margin:0;color:#5d6d63;font-size:14px;line-height:1.7}
.history-node-dot{position:absolute;left:50%;transform:translateX(-50%);bottom:-52px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#7ca267 0%,#476c55 100%);box-shadow:0 0 0 8px rgba(255,255,255,.9),0 0 0 16px rgba(152,184,140,.2)}

/* evolution cards with directional feeling */
.interactive-linked-grid{position:relative;align-items:stretch}
.interactive-linked-grid .evolution-card{position:relative;transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.interactive-linked-grid .evolution-card:after{content:"➜";position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef4e8;color:#36563f;border:1px solid rgba(41,79,61,.1);box-shadow:0 8px 20px rgba(23,55,43,.06);z-index:2}
.interactive-linked-grid .evolution-card:last-child:after{display:none}
.interactive-linked-grid .evolution-card.is-current,
.interactive-linked-grid .evolution-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(23,55,43,.1);border-color:rgba(40,75,56,.14)}
.interactive-linked-grid .evolution-card.is-current .copy,
.interactive-linked-grid .evolution-card:hover .copy{background:linear-gradient(180deg,#f8fbf5 0%,#eef6e8 100%)}
.evolution-summary{margin-top:22px;color:#617065}

/* orbit refined */
.mechanism-orbit{position:relative;min-height:560px;overflow:visible}
.mechanism-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:182px;height:182px;background:radial-gradient(circle at 35% 35%,#2f6a4b 0%,#17372b 100%);box-shadow:0 0 0 18px rgba(228,238,221,.95),0 0 0 38px rgba(205,222,198,.55)!important}
.orbiter{position:absolute;left:50%;top:50%;width:420px;height:420px;transform:translate(-50%,-50%);animation:orbitSpin 22s linear infinite}
.orbiter .orbit-item{top:0;left:50%;transform:translate(-50%,-50%);width:138px;height:138px;border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(23,55,43,.1);border:1px solid rgba(38,72,55,.09);font-size:17px;line-height:1.35;color:#264937}
.orbiter-2{animation-duration:26s;animation-delay:-5.5s}
.orbiter-3{animation-duration:24s;animation-delay:-11s}
.orbiter-4{animation-duration:28s;animation-delay:-16s}
.mechanism-orbit:hover .orbiter{animation-play-state:paused}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.orbiter{animation:none!important}}

/* compare and activation */
.compare-card-muted{background:linear-gradient(180deg,#f0f1f2 0%,#f9fafa 100%)!important}
.compare-card{position:relative;overflow:hidden}
.compare-card.highlight:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.0) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 80%);transform:translateX(-100%);animation:shineRun 5.5s linear infinite}
.compare-card-muted .big{color:#6d7880}
.compare-card.highlight .big{color:#234838}
@keyframes shineRun{to{transform:translateX(100%)}}
.four-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}
.four-grid .mini-card{min-height:240px;padding:32px;border-radius:28px;box-shadow:0 16px 30px rgba(23,55,43,.05)}
.four-grid .mini-card h3{font-size:22px;line-height:1.35;margin-bottom:12px}
.four-grid .mini-card p{line-height:1.75}
.four-grid .icon-bubble{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:24px;font-weight:900;margin-bottom:18px}

/* literature colors */
.news-card.lit-pop .news-body{background:#f7f0df!important}
.news-card.lit-knowledge .news-body{background:#e8f1e0!important}
.news-card.lit-research .news-body{background:#e8eff5!important}
.news-card.lit-pop .tag{background:#f1dfbb!important;color:#7b5f1f!important}
.news-card.lit-knowledge .tag{background:#d5e7ca!important;color:#2d5b40!important}
.news-card.lit-research .tag{background:#d5e4ef!important;color:#365c7b!important}
.news-card.lit-pop .meta,.news-card.lit-knowledge .meta,.news-card.lit-research .meta{border-top:1px solid rgba(24,44,34,.07);padding-top:14px}

/* ambassador */
.product-ambassador-section{background:linear-gradient(180deg,#fffaf7 0%,#f9f1ea 100%)!important}
.product-ambassador-section .ambassador-photo-wrap{border-radius:34px;overflow:hidden;box-shadow:0 22px 46px rgba(86,22,22,.12)}
.product-ambassador-section .ambassador-points span{background:#fff;border:1px solid rgba(135,49,49,.12);color:#7c2f2f}

/* product intro / badges */
.product-panel .muted{display:none}
.product-panel .price{margin-top:12px}
.product-badges .product-badge:nth-child(1){background:linear-gradient(180deg,#eef5e7 0%,#fbfdf9 100%)}
.product-badges .product-badge:nth-child(2){background:linear-gradient(180deg,#f8f0e5 0%,#fffcf8 100%)}
.product-badges .product-badge:nth-child(3){background:linear-gradient(180deg,#eaf1f6 0%,#fbfdff 100%)}
.product-badges .product-badge:nth-child(4){background:linear-gradient(180deg,#eef0eb 0%,#fafcf8 100%)}

/* quality section */
#overview .split{align-items:start}
#overview .stat-grid{gap:18px}
#overview .stat{border-radius:28px}
#overview .stat .num{margin-bottom:10px}

/* tech strength */
.tech-strength-section{background:linear-gradient(180deg,#fbfbf8 0%,#f1f5ef 100%)}
.tech-strength-section .split{padding:34px;border-radius:34px;background:rgba(255,255,255,.72);border:1px solid rgba(30,61,46,.08);box-shadow:0 18px 40px rgba(23,55,43,.05)}
.tech-strength-section .process-chain{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:26px}
.tech-strength-section .process-chain span{display:flex;align-items:center;justify-content:center;min-height:74px;text-align:center;padding:12px 10px;border-radius:20px;font-size:14px;line-height:1.35;font-weight:800;border:1px solid rgba(39,70,53,.08);box-shadow:0 8px 18px rgba(23,55,43,.04)}
.tech-strength-section h3{margin-top:24px}

/* endorsement 2x2 */
.endorsement-section .checkline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:560px}
.endorsement-section .checkline span{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid rgba(32,62,48,.08)}

/* pure formula relayout */
.pure-formula-section .split{align-items:start}
.pure-formula-section .content{padding-top:6px}
.pure-formula-section .checkline{gap:10px}
.pure-formula-section .checkline:first-of-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
.pure-formula-section .checkline:last-of-type{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.pure-formula-section .checkline span{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:16px;border:1px solid rgba(37,69,54,.08)}
.pure-formula-section .content p{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.58);border:1px solid rgba(31,60,47,.06)}

/* usage cards */
.usage-section{background:linear-gradient(180deg,#fbf8f2 0%,#f5efe7 100%)}
.usage-layout{gap:24px}
.usage-card{background:rgba(255,255,255,.76);border:1px solid rgba(32,63,48,.08);border-radius:30px;overflow:hidden;box-shadow:0 16px 34px rgba(23,55,43,.05)}
.usage-card-media img{width:100%;height:220px;object-fit:cover;display:block}
.usage-card-body{padding:28px}
.usage-card-body h3{font-size:30px;margin:0 0 12px}
.usage-card-body p{margin:0;color:#5c6c63;line-height:1.8}

/* value cards hover cue */
.values[data-expand-cards]{position:relative}
.values[data-expand-cards]:before{content:"悬停查看";position:absolute;right:6px;top:-42px;font-size:12px;letter-spacing:.12em;color:#7d8b82}
.values[data-expand-cards] .value{position:relative;cursor:pointer}
.values[data-expand-cards] .value:after{content:"↗";position:absolute;right:22px;top:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);color:#365643;opacity:0;transform:translateY(6px);transition:.28s ease}
.values[data-expand-cards] .value:hover:after,
.values[data-expand-cards] .value.is-active:after{opacity:1;transform:translateY(0)}

/* partner + experts */
.partner-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.partner-visual-card img{height:220px;object-position:center top}
.expert-showcase-simple .expert-stage-copy .tag{width:max-content}
.expert-showcase-simple .expert-stage-copy h3{font-size:40px;margin:10px 0 8px}
.expert-showcase-simple .expert-role{font-size:18px;font-weight:700;color:#2d5943}
.expert-showcase-simple .expert-thumb{padding-bottom:18px}
.expert-showcase-simple .expert-thumb strong{font-size:20px}

/* responsive */
@media(max-width:1100px){
  .path-unified-layout,.expert-stage--team{grid-template-columns:1fr}
  .path-unified-list,.history-ridge-grid,.partner-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tech-strength-section .process-chain{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .path-unified-list,.four-grid,.history-ridge-grid,.partner-feature-grid{grid-template-columns:1fr!important}
  .history-node,.history-node:nth-child(odd){margin-top:0}
  .history-node-dot{display:none}
  .history-ridge-svg{display:none}
  .interactive-linked-grid .evolution-card:after{display:none}
  .mechanism-orbit{min-height:500px}
  .orbiter{width:320px;height:320px}
  .orbiter .orbit-item{width:112px;height:112px;font-size:14px}
  .tech-strength-section .process-chain{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .endorsement-section .checkline,
  .pure-formula-section .checkline:first-of-type,
  .pure-formula-section .checkline:last-of-type{grid-template-columns:1fr!important}
  .usage-card-media img{height:180px}
}

.single-line-title{white-space:nowrap;letter-spacing:.02em;}
.path-visual-overlay strong{white-space:nowrap;}


/* 文档内容复核补丁 */
.history-ridge-grid{grid-template-columns:repeat(7,minmax(0,1fr));}
.product-info-list{margin:20px 0;padding:18px 20px;border-radius:18px;background:#f7f8f4;border:1px solid rgba(23,55,43,.08);}
.product-info-list p{margin:6px 0;color:#53645a;font-size:14px;line-height:1.65;}
.product-info-list strong{color:#17372b;}
.purchase-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px;}
.purchase-option{padding:34px;border-radius:28px;border:1px solid rgba(23,55,43,.08);box-shadow:0 14px 32px rgba(23,55,43,.05);}
.purchase-option.current{background:linear-gradient(180deg,#edf5e6 0%,#fbfdf9 100%);}
.purchase-option.coming{background:linear-gradient(180deg,#eef2f5 0%,#fbfcfd 100%);}
.purchase-option h3{font-size:30px;margin:14px 0 8px;}
.purchase-option p{color:#5b6b62;}
.is-disabled{pointer-events:none;opacity:.72;}
.product-data-section{background:#fff;}
.product-data-card{padding:30px;border-radius:28px;background:#f5f7f2;border:1px solid rgba(23,55,43,.08);}
.product-data-card h3{font-size:28px;margin-top:0;}
.product-data-card p{margin:9px 0;color:#53645a;}
.nutrition-disclaimer{margin:28px auto 0;max-width:900px;padding:18px 22px;border-radius:18px;background:#f7f2e8;color:#5a655d;line-height:1.75;text-align:left;}
.product-panel .muted{display:block!important;}
@media(max-width:1100px){.history-ridge-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.history-ridge-svg{display:none}.history-node,.history-node:nth-child(odd){margin-top:0}.history-node-dot{display:none}}
@media(max-width:760px){.purchase-option-grid{grid-template-columns:1fr}.history-ridge-grid{grid-template-columns:1fr}}

/* =========================================================
   FINAL SITE REFINEMENT — 2026-08
   ========================================================= */

/* 1. Homepage: exact four-path terminology and clean cards */
.path-unified-card h3,
.path-visual-overlay strong{white-space:nowrap}
.path-unified-card h3{font-size:clamp(20px,1.55vw,25px);letter-spacing:-.02em}

/* 2. History: equal-height nodes, dots aligned onto a lower ridge */
.history-ridge{padding:32px 22px 96px;overflow:hidden}
.history-ridge-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  position:relative;
  z-index:2;
}
.history-node,
.history-node:nth-child(odd){
  margin-top:0;
  min-height:286px;
  height:100%;
  display:flex;
  flex-direction:column;
}
.history-node p{flex:1}
.history-node-dot{
  left:50%;
  bottom:-53px;
  width:16px;
  height:16px;
  z-index:3;
}
.history-ridge-svg{
  position:absolute;
  inset:auto 0 18px 0;
  height:74px;
  z-index:1;
  opacity:.95;
}
.history-ridge-svg svg{width:100%;height:100%}
.history-ridge-svg path{transform:translateY(-44px) scaleY(.12);transform-origin:center}

/* 3. Homepage news: four coordinated semantic colors */
.news-harmony-grid .news-card{height:100%;display:flex;flex-direction:column;overflow:hidden}
.news-harmony-grid .news-card img{flex:0 0 auto}
.news-harmony-grid .news-body{flex:1;display:flex;flex-direction:column}
.news-harmony-grid .news-body .meta{margin-top:auto}
.news-tone-botanical .news-body{background:#edf4dc!important}
.news-tone-research .news-body{background:#e6f0f4!important}
.news-tone-process .news-body{background:#f5ead9!important}
.news-tone-nutrition .news-body{background:#f2e8ef!important}
.news-tone-botanical .tag{background:#d5e6b7!important;color:#315238!important}
.news-tone-research .tag{background:#cfe1e8!important;color:#31576b!important}
.news-tone-process .tag{background:#ead5b4!important;color:#76542d!important}
.news-tone-nutrition .tag{background:#e5d3df!important;color:#69445c!important}
.news-all-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  padding:15px 26px;
  border-radius:999px;
  background:#173b2e;
  color:#fff;
  border:1px solid #173b2e;
  font-weight:800;
  text-decoration:none;
  transition:transform .25s ease,background .25s ease;
}
.news-all-btn:hover{background:#245640;transform:translateY(-2px)}

/* 4. Contact: white section, only inquiry form light blue */
.contact-clean-section{background:#fff!important}
.contact-clean-section .contact-grid{align-items:stretch}
.contact-card-blue{
  background:linear-gradient(180deg,#eaf4f8 0%,#deedf3 100%)!important;
  border:1px solid rgba(51,93,113,.12)!important;
  box-shadow:0 16px 38px rgba(51,93,113,.08)!important;
}
.contact-card-blue input,
.contact-card-blue textarea{background:rgba(255,255,255,.92)!important}

/* 5. Evolution cards: no arrows or helper block */
.evolution-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.evolution-flow-grid .evolution-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(38,72,55,.08);
  border-radius:26px;
  box-shadow:0 12px 26px rgba(23,55,43,.05);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.evolution-flow-grid .evolution-card::after{display:none!important;content:none!important}
.evolution-flow-grid .evolution-card.is-current,
.evolution-flow-grid .evolution-card:hover{
  transform:translateY(-7px);
  border-color:rgba(57,100,74,.18);
  box-shadow:0 22px 42px rgba(23,55,43,.1);
}
.evolution-flow-grid .copy{min-height:230px}
.evolution-summary{display:none!important}

/* 6. Nrf2 orbit: one common track, fixed 90-degree spacing, upright text */
.orbit-system{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  overflow:visible;
}
.orbit-system::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border:1px dashed rgba(38,79,58,.22);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(255,255,255,.2),0 0 0 68px rgba(208,226,200,.14);
}
.orbit-system .core{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:5;
  width:170px;height:170px;
  display:grid;place-items:center;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#3f7555 0%,#173a2c 72%);
  color:#fff;
  font-size:42px;
  font-weight:900;
  box-shadow:0 0 0 18px rgba(236,244,230,.95),0 20px 52px rgba(23,55,43,.2);
}
.orbit-track{
  position:absolute;
  width:430px;height:430px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  animation:nrf2Orbit 24s linear infinite;
  transform-origin:center;
}
.orbit-system:hover .orbit-track,
.orbit-system:focus-within .orbit-track{animation-play-state:paused}
.orbit-satellite{position:absolute;width:138px;height:138px}
.orbit-satellite-1{left:50%;top:0;transform:translate(-50%,-50%)}
.orbit-satellite-2{right:0;top:50%;transform:translate(50%,-50%)}
.orbit-satellite-3{left:50%;bottom:0;transform:translate(-50%,50%)}
.orbit-satellite-4{left:0;top:50%;transform:translate(-50%,-50%)}
.orbit-system .orbit-item{
  width:138px;height:138px;
  display:grid;place-items:center;
  border-radius:50%;
  padding:18px;
  text-align:center;
  line-height:1.35;
  font-size:17px;
  font-weight:800;
  background:linear-gradient(180deg,#fff 0%,#f0f7eb 100%);
  color:#244b37;
  border:1px solid rgba(46,84,62,.12);
  box-shadow:0 14px 32px rgba(23,55,43,.11);
  animation:nrf2Counter 24s linear infinite;
}
.orbit-system:hover .orbit-item,
.orbit-system:focus-within .orbit-item{animation-play-state:paused}
@keyframes nrf2Orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes nrf2Counter{from{transform:rotate(0)}to{transform:rotate(-360deg)}}

/* 7. Four activation mechanisms: image-led module */
.activation-visual-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:38px;
  text-align:left;
}
.activation-visual-card{
  display:grid;
  grid-template-columns:44% 56%;
  min-height:300px;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(37,70,54,.08);
  box-shadow:0 16px 38px rgba(23,55,43,.07);
  transition:transform .3s ease,box-shadow .3s ease;
}
.activation-visual-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(23,55,43,.12)}
.activation-visual-card img{width:100%;height:100%;object-fit:cover;display:block}
.activation-copy{padding:30px;display:flex;flex-direction:column;justify-content:center}
.activation-copy>span{
  width:44px;height:44px;display:grid;place-items:center;
  border-radius:14px;background:rgba(255,255,255,.7);font-weight:900;margin-bottom:16px
}
.activation-copy h3{font-size:25px;line-height:1.35;margin:0 0 12px;color:#173b2e}
.activation-copy p{margin:0;color:#586a60;line-height:1.75}
.activation-green .activation-copy{background:#eaf3df}
.activation-blue .activation-copy{background:#e4eff4}
.activation-gold .activation-copy{background:#f4ead8}
.activation-mint .activation-copy{background:#e4f2eb}

/* 8. Literature cards: body color reaches the bottom */
#literature .news-grid{align-items:stretch}
#literature .literature-full-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden;
  background:transparent;
}
#literature .literature-full-card img{flex:0 0 auto}
#literature .literature-full-card .news-body{
  flex:1;
  display:flex;
  flex-direction:column;
  border-radius:0 0 22px 22px;
}
#literature .literature-full-card .meta{margin-top:auto}
#literature .lit-pop .news-body{background:#f7eedc!important}
#literature .lit-knowledge .news-body{background:#e4efdd!important}
#literature .lit-research .news-body{background:#e3edf4!important}

/* 9. Brand ambassador: realistic quote and information slots */
.ambassador-quote{
  margin:24px 0 0;
  padding:24px 26px;
  border-radius:24px;
  background:#fff;
  border-left:4px solid #8a1f22;
  box-shadow:0 12px 28px rgba(92,26,27,.07);
}
.ambassador-quote p{font-size:17px;line-height:1.9;margin:0;color:#493b3a}
.ambassador-quote footer{margin-top:14px;color:#8a6662;font-size:13px}

/* 10. Technology capability matrix */
.tech-strength-section .split{grid-template-columns:.85fr 1.15fr;align-items:stretch}
.tech-strength-section .media img{height:100%;min-height:620px;object-fit:cover}
.tech-capability-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}
.tech-capability-matrix article{
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(36,72,54,.08);
  box-shadow:0 10px 24px rgba(23,55,43,.04);
}
.tech-capability-matrix article:nth-child(1){background:#ebf3df}
.tech-capability-matrix article:nth-child(2){background:#e3eef3}
.tech-capability-matrix article:nth-child(3){background:#f5ead9}
.tech-capability-matrix article:nth-child(4){background:#ece6f2}
.tech-capability-matrix article:nth-child(5){background:#e3f0e9;grid-column:1/-1}
.tech-capability-matrix article>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#69786f;font-weight:800}
.tech-capability-matrix h3{font-size:19px;margin:8px 0 15px;color:#173b2e}
.tech-capability-matrix article div{display:flex;gap:8px;flex-wrap:wrap}
.tech-capability-matrix b{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.72);font-size:13px;color:#315442}

/* 11. Pure formulation: clear positive/negative structure */
.formula-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.formula-positive,.formula-negative{padding:22px;border-radius:24px}
.formula-positive{background:#dfeecf}
.formula-negative{background:#f4e5e1}
.formula-columns h3{margin:0 0 14px;font-size:20px}
.formula-chip-grid{display:flex;flex-wrap:wrap;gap:9px}
.formula-chip-grid span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.75);font-size:13px;font-weight:800}
.formula-positive span{color:#31533b}
.formula-negative span{color:#8b4d47}
.formula-detail-list{display:grid;gap:12px;margin-top:18px}
.formula-detail-list article{display:grid;grid-template-columns:116px 1fr;gap:14px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.7);border:1px solid rgba(38,70,55,.07)}
.formula-detail-list b{color:#234d38}
.formula-detail-list p{margin:0!important;padding:0!important;background:none!important;border:0!important;color:#586a60}

/* 12. Drinking method and tips: equal-size cards */
.usage-layout-equal{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:24px}
.usage-layout-equal .usage-card{height:100%;display:flex;flex-direction:column}
.usage-layout-equal .usage-card-media{height:240px;flex:0 0 240px}
.usage-layout-equal .usage-card-media img{height:100%;width:100%;object-fit:cover}
.usage-layout-equal .usage-card-body{flex:1;display:flex;flex-direction:column}

/* 13. Values: keep interaction, remove hints/arrows */
.values[data-expand-cards]::before{display:none!important;content:none!important}
.values[data-expand-cards] .value::after{display:none!important;content:none!important}

/* 14. Joint R&D: four distinct pale tones */
#business .checkline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#business .checkline span{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:16px;font-weight:800;border:1px solid rgba(36,70,55,.06)}
.rnd-tone-1{background:#e6f0da;color:#31533a}
.rnd-tone-2{background:#e2edf4;color:#365b70}
.rnd-tone-3{background:#f4ead8;color:#74572f}
.rnd-tone-4{background:#eee4f2;color:#684b73}

/* 15. Partners: exactly three visual cards */
#partners .partner-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#partners .partner-visual-card img{height:260px;object-fit:cover;object-position:center}
#partners .partner-body{min-height:210px;display:flex;flex-direction:column}
#partners .partner-body p{margin-top:auto}

/* 16. Expert team: vertical group visual, no overlays, portrait row below */
.expert-team-layout{margin-top:38px;display:grid;gap:28px}
.expert-team-hero{
  margin:0;
  border-radius:30px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(34,67,51,.08);
  box-shadow:0 18px 42px rgba(23,55,43,.07);
}
.expert-team-hero img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:#edf3ef;
}
.expert-team-hero figcaption{padding:28px 32px;background:#fff}
.expert-team-hero figcaption strong{display:block;font-size:30px;color:#173b2e}
.expert-team-hero figcaption span{display:block;margin-top:8px;color:#4e715c;font-weight:800}
.expert-team-hero figcaption p{margin:12px 0 0;max-width:900px;color:#5c6c63;line-height:1.8}
.expert-portrait-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.expert-portrait-card{
  text-decoration:none;color:inherit;overflow:hidden;border-radius:24px;background:#fff;
  border:1px solid rgba(34,67,51,.08);box-shadow:0 10px 24px rgba(23,55,43,.05);
  transition:transform .28s ease,box-shadow .28s ease;
}
.expert-portrait-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(23,55,43,.1)}
.expert-portrait-card img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;display:block}
.expert-portrait-card div{padding:18px 18px 20px}
.expert-portrait-card strong{display:block;font-size:20px;color:#173b2e}
.expert-portrait-card span{display:block;margin-top:6px;font-size:13px;color:#637168}
.expert-image-note{text-align:center;font-size:12px;color:#849087;margin:0}

/* Responsive */
@media(max-width:1180px){
  .history-ridge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .history-ridge-svg,.history-node-dot{display:none}
  .history-ridge{padding-bottom:32px}
  .tech-strength-section .split{grid-template-columns:1fr}
  .tech-strength-section .media img{min-height:420px}
}
@media(max-width:980px){
  .evolution-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activation-visual-card{grid-template-columns:1fr}
  .activation-visual-card img{height:260px}
  .activation-visual-grid{grid-template-columns:1fr 1fr}
  #partners .partner-feature-grid{grid-template-columns:1fr!important}
  #partners .partner-body{min-height:0}
  .expert-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .history-ridge-grid,.evolution-flow-grid,.activation-visual-grid,.tech-capability-matrix,.formula-columns,.usage-layout-equal,.expert-portrait-grid{grid-template-columns:1fr!important}
  .orbit-system{min-height:460px;transform:scale(.82)}
  .activation-visual-card img{height:230px}
  .tech-capability-matrix article:nth-child(5){grid-column:auto}
  .formula-detail-list article{grid-template-columns:1fr}
  #business .checkline{grid-template-columns:1fr}
  .expert-team-hero figcaption{padding:22px}
  .expert-team-hero figcaption strong{font-size:25px}
}
@media(prefers-reduced-motion:reduce){
  .orbit-track,.orbit-item{animation:none!important}
}


/* ===== refinement.css ===== */
/*
  统一收拢优化层
  目标：统一色彩、字号、圆角、图片质感与版面节奏；保留既有菜单层级和核心互动。
*/
:root{
  --ink:#17392d;
  --ink-2:#425d52;
  --cream:#f5efe4;
  --cream-2:#fbf7ef;
  --sage:#e6eee0;
  --sage-2:#ceddbf;
  --mint:#e3efe9;
  --leaf:#547a4c;
  --lime:#dce8a9;
  --sun:#e4c477;
  --coral:#d99076;
  --sky:#c9dce4;
  --white:#fffdf8;
  --line:rgba(23,57,45,.11);
  --shadow:0 18px 52px rgba(26,60,45,.09);
  --shadow-soft:0 10px 30px rgba(26,60,45,.055);
  --radius:24px;
  --max:1200px;
}

html{font-size:16px}
body.design-refined{
  background:#fffdf9;
  color:var(--ink);
  line-height:1.78;
  text-rendering:optimizeLegibility;
}
body.design-refined p{max-width:72ch}
body.design-refined .center p{margin-inline:auto}
body.design-refined .container{width:min(var(--max),calc(100% - 48px))}
body.design-refined .narrow{width:min(860px,calc(100% - 48px))}

/* 统一字体层级 */
body.design-refined .eyebrow{
  margin-bottom:12px;
  color:#6f8878;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
body.design-refined h1,
body.design-refined h2,
body.design-refined h3{font-family:inherit;color:var(--ink)}
body.design-refined .section-title{
  font-size:clamp(36px,4.2vw,58px);
  line-height:1.14;
  letter-spacing:-.035em;
}
body.design-refined .section-title.small,
body.design-refined .content h2{
  font-size:clamp(32px,3.5vw,48px);
  line-height:1.18;
  letter-spacing:-.03em;
}
body.design-refined .lead{font-size:clamp(17px,1.65vw,21px);line-height:1.75}
body.design-refined .muted{color:#718178}

/* 收紧纵向节奏 */
body.design-refined .section{padding:84px 0}
body.design-refined .section.tight{padding:58px 0}
body.design-refined .section.section-compact{padding:68px 0}
body.design-refined .page-hero{min-height:330px;padding:72px 0 62px}
body.design-refined .page-hero h1{font-size:clamp(48px,6vw,78px)}
body.design-refined .page-hero .sub{font-size:18px;max-width:620px}

/* 统一按钮 */
body.design-refined .btn{
  min-height:46px;
  padding:12px 22px;
  border-radius:999px;
  font-size:14px;
  letter-spacing:.01em;
  box-shadow:none;
}
body.design-refined .btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(23,57,45,.14)}
body.design-refined .btn.light{background:#f1ecdf;border:1px solid rgba(23,57,45,.08)}
body.design-refined .text-link{font-size:14px}

/* 图片统一：减少不同AI风格之间的跳变 */
body.design-refined .media,
body.design-refined .product-image,
body.design-refined .product-visual-card,
body.design-refined .partner-visual-card,
body.design-refined .news-card,
body.design-refined .usage-card,
body.design-refined .activation-visual-card{
  position:relative;
  overflow:hidden;
}
body.design-refined .media:after,
body.design-refined .product-image:after,
body.design-refined .partner-visual-card:after,
body.design-refined .usage-card-media:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(23,57,45,.04));
}
body.design-refined .media img,
body.design-refined .product-visual-card img,
body.design-refined .news-card img,
body.design-refined .partner-visual-card img,
body.design-refined .usage-card img{
  filter:saturate(.92) contrast(.98);
}
body.design-refined .media img{border-radius:24px;box-shadow:var(--shadow-soft)}
body.design-refined .media.soft img{border-radius:72px 24px 72px 24px}

/* 首页首屏 */
body.page-index .hero{
  min-height:auto;
  padding:70px 0 64px;
  background:linear-gradient(180deg,#f5efe4 0%,#faf6ee 100%);
}
body.page-index .hero-grid{gap:54px}
body.page-index .hero h1{font-size:clamp(52px,6.8vw,88px);line-height:1.02}
body.page-index .hero-media:before{
  inset:-24px 20px 30px -16px;
  background:linear-gradient(135deg,#dbe8a8 0%,#c9dfe0 100%);
  opacity:.72;
}
body.page-index .hero-media img{
  height:530px;
  border-radius:96px 30px 96px 30px;
  box-shadow:0 22px 52px rgba(19,54,41,.15);
}
body.page-index .hero-facts{margin-top:38px;gap:12px}
body.page-index .fact-chip{
  min-height:96px;
  padding:18px 20px;
  border-radius:20px;
  box-shadow:none;
}
body.page-index .fact-chip strong{font-size:20px;line-height:1.35}
body.page-index .fact-chip span{margin-top:8px;display:block}

/* 三项品质数据：同明度不同色、减少厚重感 */
body.design-refined .stat-grid{gap:16px;margin-top:36px}
body.design-refined .stat{
  padding:28px 26px;
  border-radius:22px;
  box-shadow:var(--shadow-soft);
  animation:none!important;
}
body.design-refined .stat:nth-child(1){background:#f5eddb!important}
body.design-refined .stat:nth-child(2){background:#e6efe0!important}
body.design-refined .stat:nth-child(3){background:#e6eef3!important}
body.design-refined .stat .num{font-size:46px}
body.design-refined .stat p{font-size:15px;color:var(--ink-2)}

/* 四项技术路径：统一节奏，减少文字挤压 */
body.design-refined .tech-paths{background:#f7f2e9}
body.design-refined .path-unified-layout{gap:22px;margin-top:34px}
body.design-refined .path-visual-panel{min-height:500px;border-radius:28px}
body.design-refined .path-unified-list{gap:14px}
body.design-refined .path-unified-card{
  padding:23px 22px;
  border-radius:22px;
  background:#fffdf9;
  box-shadow:0 10px 24px rgba(23,57,45,.045);
}
body.design-refined .path-unified-card h3{font-size:21px;margin-bottom:8px;white-space:nowrap}
body.design-refined .path-unified-card p{font-size:13.5px;line-height:1.72;margin:0;color:#5b6d63}
body.design-refined .path-unified-index{width:38px;height:38px;border-radius:12px;margin-bottom:12px}

/* 历史沿革：横向编辑式时间轴，降低页面高度 */
body.design-refined .history-section{background:#fffdf9}
body.design-refined .history-heading{gap:36px}
body.design-refined .history-ridge{
  margin-top:34px;
  padding:34px 22px 74px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(180deg,#fbf8f1 0%,#f4eee4 100%);
}
body.design-refined .history-ridge-grid{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(250px,280px);
  grid-template-columns:none!important;
  gap:16px;
  overflow-x:auto;
  padding:4px 4px 28px;
  scroll-snap-type:x proximity;
  scrollbar-color:#b9c9b2 transparent;
  scrollbar-width:thin;
}
body.design-refined .history-ridge-grid::-webkit-scrollbar{height:7px}
body.design-refined .history-ridge-grid::-webkit-scrollbar-thumb{background:#b9c9b2;border-radius:999px}
body.design-refined .history-node,
body.design-refined .history-node:nth-child(odd){
  min-height:248px;
  margin-top:0;
  padding:20px;
  scroll-snap-align:start;
  background:rgba(255,253,249,.9);
}
body.design-refined .history-node time{font-size:13px}
body.design-refined .history-node h3{font-size:20px}
body.design-refined .history-node p{font-size:13px;line-height:1.68}
body.design-refined .history-node-dot{bottom:-42px;width:15px;height:15px}
body.design-refined .history-ridge-svg{top:auto;bottom:34px;height:92px;width:1900px;opacity:.55}
body.design-refined .history-ridge-svg path{transform:none!important;stroke-width:5}

/* 首页新闻：分类色只用于小面积标签与底边 */
body.design-refined .news-grid{gap:20px;margin-top:34px}
body.design-refined .news-card{
  border-radius:22px;
  box-shadow:none;
  background:#fffdf9;
}
body.design-refined .news-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
body.design-refined .news-card img{height:210px}
body.design-refined .news-body{padding:22px}
body.design-refined .news-card h3{font-size:19px}
body.design-refined .news-card.tone-botanical{border-bottom:4px solid #9dbd86}
body.design-refined .news-card.tone-research{border-bottom:4px solid #89aebb}
body.design-refined .news-card.tone-process{border-bottom:4px solid #d4b273}
body.design-refined .news-card.tone-nutrition{border-bottom:4px solid #d79b82}
body.design-refined .news-card.tone-botanical .tag{background:#dfead7!important;color:#31573f!important}
body.design-refined .news-card.tone-research .tag{background:#dce9ee!important;color:#315c6d!important}
body.design-refined .news-card.tone-process .tag{background:#f1e6c9!important;color:#735a24!important}
body.design-refined .news-card.tone-nutrition .tag{background:#f0ddd5!important;color:#7a4939!important}
body.design-refined .news-unified-btn{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}

/* 联系我们：整体白底，仅表单浅蓝 */
body.design-refined .contact-clean-section{background:#fffdf9!important}
body.design-refined .contact-card-blue{
  background:#e8f1f5!important;
  border:1px solid rgba(73,111,128,.12);
  box-shadow:var(--shadow-soft);
}
body.design-refined .contact-card-blue input,
body.design-refined .contact-card-blue textarea{background:rgba(255,255,255,.88)}

/* 科学内容边界 */
.science-boundary-note,
.product-evidence-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  margin-top:30px;
  padding:20px 22px;
  border-radius:20px;
  background:linear-gradient(135deg,#edf3e8 0%,#eef4f7 100%);
  border:1px solid rgba(23,57,45,.08);
}
.science-boundary-note strong,
.product-evidence-note strong{font-size:16px}
.science-boundary-note p,
.product-evidence-note p{margin:4px 0 0;font-size:13px;color:#5d7065}
.science-boundary-note a,
.product-evidence-note a{flex:0 0 auto}

/* 自然演化：保留联动，减少自动动画存在感 */
body.design-refined .evolution-flow-grid{gap:16px;margin-top:34px}
body.design-refined .evolution-card{border-radius:22px;box-shadow:none}
body.design-refined .evolution-card img{height:190px}
body.design-refined .evolution-card .copy{padding:20px;min-height:220px}
body.design-refined .evolution-card .step{font-size:28px}
body.design-refined .evolution-card.is-current,
body.design-refined .evolution-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}

/* Nrf2：慢速、等距、始终保持文字正向 */
body.design-refined .mechanism{gap:52px}
body.design-refined .orbit-system{min-height:510px}
body.design-refined .orbit-system .orbit-track{animation-duration:34s!important}
body.design-refined .orbit-system .orbit-item{animation-duration:34s!important}
body.design-refined .orbit-system .core{width:150px;height:150px}
body.design-refined .orbit-caption{margin:12px 0 0;text-align:center;font-size:12px;color:#718178}

/* 四重机制：统一图片与文字比例 */
body.design-refined .activation-visual-grid{gap:18px;margin-top:34px}
body.design-refined .activation-visual-card{border-radius:22px;box-shadow:none;min-height:320px}
body.design-refined .activation-visual-card img{min-height:230px;filter:saturate(.88) contrast(.98)}
body.design-refined .activation-copy{padding:22px}
body.design-refined .activation-copy h3{font-size:20px}
body.design-refined .activation-copy p{font-size:13.5px}

/* 健康文献：整张卡同色到底 */
body.design-refined #literature .literature-full-card{display:flex;flex-direction:column;height:100%}
body.design-refined #literature .literature-full-card .news-body{flex:1;display:flex;flex-direction:column}
body.design-refined #literature .lit-pop{background:#f5edda!important}
body.design-refined #literature .lit-knowledge{background:#e4eee0!important}
body.design-refined #literature .lit-research{background:#e3edf3!important}
body.design-refined #literature .lit-pop .news-body,
body.design-refined #literature .lit-knowledge .news-body,
body.design-refined #literature .lit-research .news-body{background:transparent!important}

/* 产品页：降低重复、强化层级 */
body.page-product .product-hero{padding:72px 0}
body.page-product .product-grid{gap:42px}
body.page-product .product-image img{border-radius:28px;box-shadow:var(--shadow)}
body.page-product .product-panel{padding:34px;border-radius:26px}
body.page-product .product-info-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
body.page-product .product-info-list p{margin:0;padding:8px 0;border-bottom:1px dashed rgba(23,57,45,.09);font-size:13.5px}
body.page-product .product-badges{gap:12px;margin-top:26px}
body.page-product .product-badge{min-height:92px;border-radius:20px}
body.page-product .product-evidence-note{margin-top:20px}

body.page-product .ambassador-section{padding:70px 0}
body.page-product .ambassador-grid{gap:34px}
body.page-product .ambassador-copy h2{font-size:clamp(32px,3.4vw,48px)}
body.page-product .ambassador-quote{padding:20px 22px;border-radius:20px}
body.page-product .ambassador-photo-wrap{border-radius:28px}

body.page-product .product-visual-section{padding:68px 0;background:#faf7f0}
body.page-product .product-visual-heading{gap:34px}
body.page-product .product-visual-compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:30px;
}
body.page-product .product-visual-compact .product-visual-card,
body.page-product .product-visual-compact .product-visual-card--large,
body.page-product .product-visual-compact .product-visual-card--wide{grid-column:auto;grid-row:auto}
body.page-product .product-visual-compact img{height:280px}
body.page-product .product-visual-card figcaption{padding:18px 20px}

body.page-product .tech-strength-section .split{padding:28px;border-radius:26px}
body.page-product .tech-capability-matrix{gap:12px}
body.page-product .tech-capability-matrix article{
  min-height:142px;
  padding:18px;
  border-radius:19px;
  box-shadow:none;
}
body.page-product .tech-capability-matrix article:nth-child(5){grid-column:auto}
body.page-product .tech-capability-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-product .tech-capability-matrix article:last-child{grid-column:1/-1}
body.page-product .tech-capability-matrix h3{font-size:18px;margin:6px 0 12px}

body.page-product .formula-columns{gap:14px}
body.page-product .formula-positive,
body.page-product .formula-negative{padding:20px;border-radius:20px}
body.page-product .formula-detail-list{gap:10px;margin-top:16px}
body.page-product .formula-detail-list article{padding:14px 16px;border-radius:16px}
body.page-product .formula-detail-list p{font-size:13.5px}

body.page-product .usage-layout-equal{gap:18px}
body.page-product .usage-card{border-radius:24px}
body.page-product .usage-layout-equal .usage-card-media{height:210px;flex-basis:210px}
body.page-product .usage-card-body{padding:24px}
body.page-product .usage-card-body h3{font-size:26px}
body.page-product .usage-card-body p{font-size:14px}

.purchase-summary-section{padding:74px 0!important}
.purchase-summary-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px}
.purchase-summary-head p{max-width:460px;color:var(--ink-2)}
.purchase-summary-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:18px;align-items:stretch}
.purchase-summary-grid .purchase-option{height:100%;border-radius:22px}
.product-data-details{padding:0;border-radius:22px;background:#fffdf9;border:1px solid var(--line);overflow:hidden}
.product-data-details summary{padding:22px 24px;font-weight:800;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.product-data-details summary:after{content:"＋";font-size:20px;color:var(--leaf)}
.product-data-details[open] summary:after{content:"－"}
.product-data-details summary::-webkit-details-marker{display:none}
.product-data-details>div{padding:0 24px 22px;border-top:1px solid var(--line)}
.product-data-details p{margin:10px 0;font-size:13.5px}

/* 关于我们 */
.company-principle{
  margin:0 0 22px;
  padding:18px 20px;
  border-left:4px solid var(--leaf);
  border-radius:0 16px 16px 0;
  background:#eef3e9;
  color:#294a3a;
  font-size:18px;
  font-weight:760;
}
body.page-about .values{gap:14px}
body.page-about .value{min-height:240px;padding:34px;border-radius:22px}
body.page-about .value:first-child{background:#dce9a9}
body.page-about .checkline span{border-radius:16px;min-height:52px}
body.page-about .partner-feature-grid{gap:18px}
body.page-about .partner-visual-card{border-radius:22px;background:#fffdf9}
body.page-about .partner-visual-card img{height:210px}
body.page-about .partner-body{padding:20px}
body.page-about .partner-body h3{font-size:19px}
body.page-about .expert-team-layout{gap:20px}
body.page-about .expert-team-hero{border-radius:24px}
body.page-about .expert-team-hero img{max-height:560px;object-fit:cover;object-position:center top}
body.page-about .expert-portrait-grid{gap:14px}
body.page-about .expert-portrait-card{border-radius:20px;padding:12px}
body.page-about .expert-portrait-card img{border-radius:14px}

/* 研究、新闻、文章列表 */
body.design-refined .editorial-grid{gap:18px}
body.design-refined .editorial-grid .news-card{height:100%;display:flex;flex-direction:column}
body.design-refined .editorial-grid .news-body{flex:1;display:flex;flex-direction:column}
body.design-refined .editorial-grid .meta{margin-top:auto}

/* 减少无意义的无限动画，只保留轨道动画与必要的数值计数 */
body.design-refined .stat,
body.design-refined .process-chain span,
body.design-refined .compare-card:before{animation:none!important}

/* 焦点与可访问性 */
body.design-refined a:focus-visible,
body.design-refined button:focus-visible,
body.design-refined input:focus-visible,
body.design-refined textarea:focus-visible,
body.design-refined summary:focus-visible{
  outline:3px solid rgba(84,122,76,.35);
  outline-offset:3px;
}

@media(max-width:1100px){
  body.page-index .hero-grid{gap:36px}
  body.page-index .hero-media img{height:460px}
  body.design-refined .path-unified-layout{grid-template-columns:1fr}
  body.design-refined .path-visual-panel{min-height:420px}
  .purchase-summary-grid{grid-template-columns:1fr 1fr}
  .product-data-details{grid-column:1/-1}
}

@media(max-width:900px){
  body.design-refined .section{padding:70px 0}
  body.design-refined .section.section-compact{padding:58px 0}
  body.page-index .hero-grid{grid-template-columns:1fr}
  body.page-index .hero-media{max-width:760px;margin-inline:auto}
  body.page-index .hero-facts{grid-template-columns:repeat(2,1fr)}
  body.page-product .product-visual-compact{grid-template-columns:1fr 1fr}
  body.page-product .product-info-list{grid-template-columns:1fr}
  .science-boundary-note,.product-evidence-note{align-items:flex-start;flex-direction:column}
  body.page-about .partner-feature-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:640px){
  body.design-refined .container{width:min(var(--max),calc(100% - 28px))}
  body.design-refined .narrow{width:min(860px,calc(100% - 28px))}
  body.design-refined .section{padding:58px 0}
  body.design-refined .section.section-compact{padding:50px 0}
  body.design-refined .page-hero{min-height:280px;padding:58px 0 48px}
  body.page-index .hero{padding:48px 0 44px}
  body.page-index .hero h1{font-size:clamp(42px,13vw,64px)}
  body.page-index .hero-media img{height:390px;border-radius:58px 22px 58px 22px}
  body.page-index .hero-facts{grid-template-columns:1fr 1fr;gap:10px}
  body.page-index .fact-chip{min-height:88px;padding:15px}
  body.page-index .fact-chip strong{font-size:16px}
  body.design-refined .stat-grid{grid-template-columns:1fr}
  body.design-refined .path-unified-list{grid-template-columns:1fr}
  body.design-refined .path-visual-panel{min-height:340px}
  body.design-refined .history-ridge{padding-inline:14px}
  body.design-refined .history-ridge-grid{grid-auto-columns:82vw}
  body.design-refined .news-grid,
  body.page-product .product-visual-compact,
  body.page-product .tech-capability-matrix,
  body.page-about .partner-feature-grid{grid-template-columns:1fr!important}
  body.page-product .product-visual-compact img{height:240px}
  body.page-product .product-badges{grid-template-columns:1fr 1fr}
  .purchase-summary-head{align-items:flex-start;flex-direction:column}
  .purchase-summary-grid{grid-template-columns:1fr}
  .product-data-details{grid-column:auto}
  body.design-refined .orbit-system{transform:scale(.82);transform-origin:center}
  body.design-refined .mechanism{gap:24px}
  body.design-refined .activation-visual-grid{grid-template-columns:1fr}
  body.page-about .values{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


/* ===== final-polish.css ===== */
/*
  Final visual system pass
  Focus: hierarchy, rhythm, restraint, image consistency and responsive polish.
*/
:root{
  --brand-950:#102f25;
  --brand-900:#17392d;
  --brand-800:#254d3c;
  --brand-650:#557963;
  --brand-100:#e7efe4;
  --brand-050:#f5f8f2;
  --science-700:#3f6577;
  --science-100:#e4eef3;
  --warm-100:#f3ead9;
  --warm-050:#fbf8f1;
  --surface:#fffdfa;
  --surface-2:#f7f4ed;
  --text:#17392d;
  --text-2:#566b60;
  --hairline:rgba(23,57,45,.1);
  --shadow-card:0 12px 34px rgba(23,57,45,.065);
  --shadow-float:0 24px 64px rgba(23,57,45,.12);
  --r-sm:14px;
  --r-md:22px;
  --r-lg:32px;
}

/* Global hierarchy */
body.design-refined{
  background:var(--surface);
  color:var(--text);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.72;
  letter-spacing:.005em;
}
body.design-refined main{overflow:hidden}
body.design-refined p{max-width:66ch}
body.design-refined .section{padding:78px 0}
body.design-refined .section.section-compact{padding:58px 0}
body.design-refined .section.tight{padding:46px 0}
body.design-refined .section-title,
body.design-refined .section-title.small,
body.design-refined .content h2{
  text-wrap:balance;
}
body.design-refined h1{font-weight:820}
body.design-refined h2{font-weight:780}
body.design-refined h3{font-weight:720}
body.design-refined .eyebrow{letter-spacing:.15em;color:#718579}
body.design-refined .lead{color:var(--text-2)}
body.design-refined .tag{font-size:12px;letter-spacing:.04em}
body.design-refined .btn{font-weight:760}
body.design-refined .btn.light{background:#f2eee5}
body.design-refined .btn.light:hover{background:#ebe6db}
body.design-refined .page-hero{min-height:300px;padding:62px 0 52px}
body.design-refined .page-hero h1{font-size:clamp(46px,5.3vw,70px)}

/* Consistent section surfaces */
body.design-refined .bg-cream{background:var(--warm-050)}
body.design-refined .bg-sage{background:var(--brand-050)}
body.design-refined .news-card,
body.design-refined .partner-visual-card,
body.design-refined .usage-card,
body.design-refined .activation-visual-card,
body.design-refined .purchase-option{
  border:1px solid var(--hairline);
}
body.design-refined .news-card,
body.design-refined .partner-visual-card,
body.design-refined .usage-card{
  box-shadow:0 8px 24px rgba(23,57,45,.045);
}

/* Image language: consistent temperature, radius and cropping */
body.design-refined .media img,
body.design-refined .news-card img,
body.design-refined .partner-visual-card img,
body.design-refined .usage-card img,
body.design-refined .activation-visual-card img,
body.design-refined .product-visual-card img{
  filter:saturate(.88) contrast(.99) brightness(1.01);
}
body.design-refined .news-card img,
body.design-refined .partner-visual-card img,
body.design-refined .activation-visual-card img{
  object-position:center;
}

/* Homepage: clearer rhythm and less vertical repetition */
body.page-index .hero{padding:62px 0 52px}
body.page-index .hero-grid{align-items:center}
body.page-index .hero-copy{max-width:520px;font-size:18px}
body.page-index .hero-actions{margin-top:26px}
body.page-index .hero-media img{height:500px}
body.page-index .hero-facts{margin-top:30px}
body.page-index .fact-chip{min-height:88px}
body.page-index .fact-chip strong{font-size:18px}
body.page-index .home-proof-section{padding:54px 0}
body.page-index .home-proof-section .section-title.small{font-size:clamp(30px,3vw,42px)}
body.page-index .home-proof-section .lead{margin-top:10px}
body.page-index .home-proof-section .stat-grid{margin-top:28px}
body.page-index .home-proof-section .stat{padding:24px 22px}

/* Technology path: concise first read, details on demand */
body.design-refined .tech-paths{background:#f7f3eb}
body.design-refined .path-unified-layout{grid-template-columns:.96fr 1.04fr;align-items:stretch}
body.design-refined .path-visual-panel{min-height:470px}
body.design-refined .path-unified-list{grid-template-columns:1fr 1fr;align-items:stretch}
body.design-refined .path-unified-card{display:flex;flex-direction:column;min-height:218px}
body.design-refined .path-card-summary{font-size:14px!important;line-height:1.65!important;color:var(--text-2)!important}
.path-card-details{margin-top:auto;padding-top:12px;border-top:1px solid var(--hairline)}
.path-card-details summary,
.history-details summary,
.company-more summary{
  cursor:pointer;
  list-style:none;
  color:var(--brand-800);
  font-size:13px;
  font-weight:760;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.path-card-details summary::after,
.history-details summary::after,
.company-more summary::after{content:"＋";font-size:16px}
.path-card-details[open] summary::after,
.history-details[open] summary::after,
.company-more[open] summary::after{content:"－"}
.path-card-details summary::-webkit-details-marker,
.history-details summary::-webkit-details-marker,
.company-more summary::-webkit-details-marker{display:none}
.path-card-details p{margin:10px 0 0!important;font-size:12.5px!important;color:#66786e!important}

/* History: premium editorial rail, lower visual weight */
body.design-refined .history-ridge{padding-bottom:64px}
body.design-refined .history-ridge-grid{grid-auto-columns:minmax(235px,260px)}
body.design-refined .history-node{min-height:220px;padding:18px}
body.design-refined .history-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.history-details{margin-top:12px}
.history-details p{margin:10px 0 0;font-size:12.5px;line-height:1.58;color:#65766d}
body.design-refined .history-node-dot{bottom:-46px}
body.design-refined .history-ridge-svg{bottom:22px}

/* News: use accent only as classification, not as large competing surfaces */
body.page-index .home-news-section{background:#eef4ea}
body.page-index .home-news-section .news-card{background:#fffdfa}
body.page-index .home-news-section .news-body{background:transparent!important}
body.page-index .home-news-section .news-card img{height:190px}
body.page-index .home-news-section .news-card h3{font-size:18px;line-height:1.5}
body.page-index .home-news-section .news-unified-btn{min-width:180px}

/* Contact remains white; form has the only blue surface */
body.page-index .home-contact-section{padding:68px 0;background:#fffdfa!important}
body.page-index .home-contact-section .contact-card-blue{background:#e8f1f5!important}

/* Product page: remove redundant title band and tighten content */
body.page-product .product-hero{padding:58px 0 62px;background:linear-gradient(180deg,#f7f2e9,#fbf8f2)}
body.page-product .product-panel h1{font-size:42px}
body.page-product .product-info-list{margin-top:18px}
body.page-product .product-badges{margin-top:22px}
body.page-product .product-evidence-note{padding:16px 18px}
body.page-product .ambassador-section{padding:60px 0}
body.page-product .ambassador-quote{background:#fffdfa;border:1px solid rgba(127,45,44,.1)}

/* Product gallery: optional expansion, no longer a full-height interruption */
body.page-product .product-visual-section{padding:30px 0;background:#f8f5ef}
.visual-gallery-details{border:1px solid var(--hairline);border-radius:24px;background:#fffdfa;overflow:hidden}
.visual-gallery-details>summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.visual-gallery-details>summary::-webkit-details-marker{display:none}
.visual-gallery-details>summary span{display:flex;flex-direction:column;gap:3px}
.visual-gallery-details>summary small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#718579}
.visual-gallery-details>summary strong{font-size:22px}
.visual-gallery-details>summary em{font-style:normal;color:var(--text-2);font-size:14px}
.visual-gallery-details>summary::after{content:"＋";width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--brand-100);color:var(--brand-900);font-size:18px;flex:0 0 auto}
.visual-gallery-details[open]>summary::after{content:"－"}
.visual-gallery-content{padding:0 22px 22px;border-top:1px solid var(--hairline)}
body.page-product .visual-gallery-content .product-visual-compact{margin-top:22px}
body.page-product .visual-gallery-content .product-visual-compact img{height:225px}

/* Product quality signature */
body.page-product .quality-signature-section{padding:54px 0}
body.page-product .quality-signature-section .split{align-items:center}
body.page-product .quality-signature-section .content h2{font-size:clamp(31px,3vw,43px)}
body.page-product .quality-signature-section .stat{min-height:150px;display:flex;flex-direction:column;justify-content:center}

/* Technology: 5-stage linear narrative instead of scattered tiles */
body.page-product .tech-strength-section{background:#f5f7f2}
body.page-product .tech-strength-section .split{grid-template-columns:.82fr 1.18fr;padding:24px}
body.page-product .tech-strength-section .media img{height:100%;min-height:480px;object-fit:cover}
.tech-stage-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px;position:relative}
.tech-stage-rail::before{content:"";position:absolute;left:4%;right:4%;top:31px;height:2px;background:linear-gradient(90deg,#9eb88e,#c9b17a,#8eafbd);opacity:.5}
.tech-stage{position:relative;z-index:1;padding:13px 10px 16px;border-radius:18px;background:#fffdfa;border:1px solid var(--hairline);min-height:192px}
.tech-stage-kicker{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:#e7efe2;font-size:10px;font-weight:800;color:#365641}
.tech-stage h3{font-size:15px!important;line-height:1.42;margin:14px 0!important}
.tech-stage-tags{display:flex!important;flex-direction:column;gap:7px}
.tech-stage-tags b{font-size:11.5px;font-weight:700;color:#5d7166;padding:7px 8px;border-radius:10px;background:#f3f5f1}

/* Endorsement and formula: restrained, clearly grouped */
body.page-product .endorsement-section .checkline{max-width:none}
body.page-product .endorsement-section .checkline span{background:#eef4e9;border-color:rgba(23,57,45,.08)}
body.page-product .pure-formula-section{background:#edf3e9}
body.page-product .pure-formula-section .split{grid-template-columns:.92fr 1.08fr}
.formula-intro{margin:-6px 0 20px;color:var(--text-2)}
body.page-product .formula-columns{grid-template-columns:1fr 1fr}
body.page-product .formula-positive{background:#e6f0dd}
body.page-product .formula-negative{background:#f4e6e2}
body.page-product .formula-detail-list{grid-template-columns:repeat(3,1fr)}
body.page-product .formula-detail-list article{background:#fffdfa}
body.page-product .formula-detail-list article b{display:block;margin-bottom:5px}

/* Usage cards: exact symmetry */
body.page-product .usage-layout-equal{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
body.page-product .usage-layout-equal .usage-card{display:grid;grid-template-rows:210px 1fr;height:100%}
body.page-product .usage-layout-equal .usage-card-media{height:210px!important;flex-basis:auto!important}
body.page-product .usage-layout-equal .usage-card-body{display:flex;flex-direction:column}
body.page-product .usage-layout-equal .usage-card-body p{margin-bottom:0}

/* Purchase summary: no duplicated full specification table */
.purchase-summary-grid--compact{grid-template-columns:1fr 1fr;max-width:820px}
.purchase-summary-grid--compact .purchase-option{min-height:220px}

/* About page: easier reading */
body.page-about #company-overview .content>p{font-size:15px;line-height:1.85}
.company-more{margin:18px 0;padding:16px 18px;border-radius:18px;background:#f5f3ec;border:1px solid var(--hairline)}
.company-more p{margin:13px 0 0!important;font-size:14px!important;color:#5e7066}
body.page-about .values .value{box-shadow:none;border:1px solid var(--hairline)}
body.page-about .values .value:first-child{background:#e3edb5}
body.page-about .partner-visual-card img{height:195px}
body.page-about .expert-team-layout{margin-top:28px}
body.page-about .expert-team-hero{box-shadow:var(--shadow-card)}
body.page-about .expert-portrait-card{background:#fffdfa;border:1px solid var(--hairline);box-shadow:0 8px 22px rgba(23,57,45,.045)}

/* Sulforaphane: scientific, calm, legible */
body.page-sulforaphane .source-note{font-size:13px;padding:12px 16px;border-radius:14px;background:#f4f1e9;display:inline-block}
body.page-sulforaphane .evolution-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.page-sulforaphane .evolution-card .copy{min-height:195px}
body.page-sulforaphane .orbit-system{min-height:470px}
body.page-sulforaphane .activation-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.page-sulforaphane .activation-visual-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:265px;background:#fffdfa}
body.page-sulforaphane .activation-visual-card img{height:100%;min-height:265px;object-fit:cover}
body.page-sulforaphane .activation-copy{display:flex;flex-direction:column;justify-content:center}
body.page-sulforaphane .activation-copy span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef3e9;color:#31543e;font-weight:800}
body.page-sulforaphane #literature .news-card img{height:180px}

/* Editorial pages */
body.page-research .editorial-grid .news-card img,
body.page-news .editorial-grid .news-card img{height:190px}
body.page-article .article{max-width:860px;margin-inline:auto}
body.page-article .article p{font-size:16px;line-height:1.86}

/* Performance and progressive rendering */
body.design-refined img{height:auto}

@media(max-width:1100px){
  body.design-refined .path-unified-layout{grid-template-columns:1fr}
  body.page-product .tech-strength-section .split{grid-template-columns:1fr}
  body.page-product .tech-strength-section .media img{min-height:360px}
  .tech-stage-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .tech-stage-rail::before{display:none}
  body.page-product .formula-detail-list{grid-template-columns:1fr}
}

@media(max-width:900px){
  body.page-sulforaphane .evolution-flow-grid{grid-template-columns:1fr 1fr}
  body.page-sulforaphane .activation-visual-card{grid-template-columns:1fr}
  body.page-sulforaphane .activation-visual-card img{height:230px;min-height:230px}
  body.page-product .usage-layout-equal{grid-template-columns:1fr}
  .purchase-summary-grid--compact{grid-template-columns:1fr}
}

@media(max-width:640px){
  body.design-refined{font-size:15px}
  body.design-refined .section{padding:54px 0}
  body.design-refined .section.section-compact{padding:46px 0}
  body.page-index .hero-media img{height:360px}
  body.design-refined .path-unified-list{grid-template-columns:1fr}
  body.design-refined .path-unified-card{min-height:auto}
  body.page-product .visual-gallery-details>summary{align-items:flex-start;padding:18px;flex-wrap:wrap}
  body.page-product .visual-gallery-details>summary em{width:100%}
  .tech-stage-rail{grid-template-columns:1fr 1fr}
  body.page-product .formula-columns{grid-template-columns:1fr}
  body.page-sulforaphane .evolution-flow-grid{grid-template-columns:1fr}
  body.page-sulforaphane .activation-visual-grid{grid-template-columns:1fr}
}

/* Pure formula detail cards span the full container to avoid narrow text columns */
body.page-product .pure-formula-section .formula-main-grid{align-items:center}
body.page-product .pure-formula-section>.container>.formula-detail-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:20px;
}
body.page-product .pure-formula-section>.container>.formula-detail-list article{
  min-height:130px;
  padding:20px;
  border-radius:18px;
  background:#fffdfa;
  border:1px solid var(--hairline);
}
body.page-product .pure-formula-section>.container>.formula-detail-list p{margin:5px 0 0;font-size:13.5px;line-height:1.65}
@media(max-width:760px){
  body.page-product .pure-formula-section>.container>.formula-detail-list{grid-template-columns:1fr}
}


/* ===== precision-pass.css ===== */
/*
  Precision pass — final art-direction, interaction and responsive cleanup.
  Loaded last so it can consolidate earlier iterative styles without changing content hierarchy.
*/
:root{
  --p-ink:#15372b;
  --p-ink-2:#496158;
  --p-green:#1e4b39;
  --p-green-2:#587a64;
  --p-cream:#fbf8f1;
  --p-paper:#fffefa;
  --p-sage:#eef4ea;
  --p-blue:#e9f1f5;
  --p-gold:#eee3c9;
  --p-peach:#f2e4dd;
  --p-violet:#eee8f2;
  --p-line:rgba(21,55,43,.105);
  --p-shadow:0 18px 48px rgba(21,55,43,.08);
  --p-shadow-hover:0 24px 58px rgba(21,55,43,.13);
  --p-radius:26px;
}

html{scroll-behavior:smooth;scroll-padding-top:112px}
body.design-refined{background:var(--p-paper);color:var(--p-ink)}
body.design-refined main:focus{outline:none}
body.design-refined section[id]{scroll-margin-top:112px}

.skip-link{
  position:fixed;left:18px;top:12px;z-index:9999;transform:translateY(-150%);
  padding:10px 15px;border-radius:999px;background:var(--p-ink);color:#fff;
  font-size:13px;font-weight:800;transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}

/* reading progress + return control */
.site-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:9998;background:transparent;pointer-events:none}
.site-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#739a65,#d0b46e,#7ea9ba);box-shadow:0 0 12px rgba(83,131,94,.35)}
.back-to-top{
  position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border:0;border-radius:50%;
  display:grid;place-items:center;background:rgba(21,55,43,.92);color:#fff;box-shadow:0 14px 34px rgba(21,55,43,.2);
  cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;font-size:18px;
}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{transform:translateY(-3px);background:#102f25}

/* header: quieter, more premium and stable */
.announcement{height:30px;display:flex;align-items:center;justify-content:center;letter-spacing:.075em;background:#17392d;color:rgba(255,255,255,.86)}
.site-header{background:rgba(255,254,250,.9);backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid rgba(21,55,43,.07);transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{background:rgba(255,254,250,.96);box-shadow:0 9px 30px rgba(21,55,43,.08)}
.site-header .nav-shell{transition:min-height .25s ease}
.site-header.is-scrolled .nav-shell{min-height:72px}
.primary-link,.nav-menu-trigger{font-weight:720;letter-spacing:.015em}
.primary-link.is-current,.nav-menu-trigger.is-current{color:var(--p-green)}
.nav-popover{border:1px solid rgba(21,55,43,.08);box-shadow:0 22px 60px rgba(21,55,43,.14)}
.nav-popover-link,.nav-company-children a{border-radius:12px}

/* consistent editorial headings */
body.design-refined .section>.container>.center:first-child,
body.design-refined .section .purchase-summary-head{
  position:relative;
}
body.design-refined .section-title.small{letter-spacing:-.032em}
body.design-refined .eyebrow{font-size:10.5px;letter-spacing:.19em;color:#6f8377}
body.design-refined .lead{max-width:760px}

/* home hero */
body.page-index .hero{position:relative;background:radial-gradient(circle at 82% 18%,rgba(206,224,196,.55),transparent 30%),linear-gradient(180deg,#f7f1e7 0%,#fcf9f3 100%)}
body.page-index .hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(21,55,43,.1),transparent)}
body.page-index .hero-grid{grid-template-columns:.88fr 1.12fr;gap:62px}
body.page-index .hero-title{max-width:610px}
body.page-index .hero-title-product{color:var(--p-ink)}
body.page-index .hero-title-copy{font-weight:690;color:#465e54}
body.page-index .hero-title-focus{color:var(--p-green)!important;font-weight:820!important}
body.page-index .hero-media::before{inset:-14px 24px 20px -14px!important;background:linear-gradient(145deg,rgba(183,210,161,.72),rgba(177,207,218,.62))!important;border-radius:96px 28px 96px 28px!important;transform:rotate(-1.5deg)!important}
body.page-index .hero-media img{height:auto!important;aspect-ratio:16/10;object-fit:cover;border-radius:86px 26px 86px 26px;box-shadow:0 28px 72px rgba(21,55,43,.16)}

/* one integrated proof rail instead of four unrelated boxes */
body.page-index .hero-facts{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:34px;overflow:hidden;
  border:1px solid var(--p-line);border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 12px 30px rgba(21,55,43,.045);
}
body.page-index .hero-facts .fact-chip{
  position:relative;display:flex;align-items:center;gap:14px;min-height:92px;padding:18px 20px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.page-index .hero-facts .fact-chip:not(:last-child){border-right:1px solid var(--p-line)!important}
body.page-index .hero-facts .fact-chip::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--proof-accent,#8daa7c)}
body.page-index .hero-facts .fact-chip:nth-child(2){--proof-accent:#c7aa68}
body.page-index .hero-facts .fact-chip:nth-child(3){--proof-accent:#7da8b9}
body.page-index .hero-facts .fact-chip:nth-child(4){--proof-accent:#9d8871}
body.page-index .proof-index{display:grid!important;place-items:center;flex:0 0 35px;width:35px;height:35px;margin:0!important;border-radius:50%;background:#eef3ea;color:#3a5c46;font-size:11px!important;font-weight:900;letter-spacing:.08em}
body.page-index .proof-copy{font-size:16px!important;line-height:1.45;color:var(--p-ink);font-weight:780}

/* quality signature: coherent trilogy */
body.design-refined .stat-grid{border:1px solid var(--p-line);border-radius:24px;overflow:hidden;gap:0;background:#fff;box-shadow:0 12px 32px rgba(21,55,43,.045)}
body.design-refined .stat{
  min-height:176px;padding:30px 27px!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  display:flex;flex-direction:column;justify-content:center;background:#fff!important;
}
body.design-refined .stat:not(:last-child){border-right:1px solid var(--p-line)!important}
body.design-refined .stat:nth-child(1){background:linear-gradient(180deg,#fbf6e9,#fffdfa)!important}
body.design-refined .stat:nth-child(2){background:linear-gradient(180deg,#edf5e8,#fbfdf9)!important}
body.design-refined .stat:nth-child(3){background:linear-gradient(180deg,#ebf2f6,#fbfdfe)!important}
body.design-refined .stat .num{font-size:48px;letter-spacing:-.04em}
body.design-refined .stat p{max-width:280px;margin:12px auto 0;line-height:1.65}

/* four paths: image and cards behave like one system */
body.design-refined .tech-paths{background:linear-gradient(180deg,#f7f2e9,#fbf8f2)}
body.design-refined .path-unified-layout{grid-template-columns:1.05fr .95fr;gap:18px;padding:16px;border-radius:34px;background:rgba(255,255,255,.58);border:1px solid var(--p-line);box-shadow:0 18px 44px rgba(21,55,43,.055)}
body.design-refined .path-visual-panel{min-height:540px;border-radius:24px;box-shadow:none}
body.design-refined .path-unified-list{gap:12px}
body.design-refined .path-unified-card{position:relative;min-height:0;padding:22px 21px;border:1px solid var(--p-line);background:rgba(255,254,250,.92);box-shadow:none;transition:transform .24s ease,border-color .24s ease,background .24s ease}
body.design-refined .path-unified-card:hover,body.design-refined .path-unified-card:focus-within{transform:translateY(-3px);border-color:rgba(62,102,75,.25);background:#fff}
body.design-refined .path-unified-card h3{font-size:20px;white-space:nowrap}
.path-card-details summary{outline:none}
.path-card-details[open] summary{color:var(--p-green)}

/* history: functional line and decorative mountain silhouette are separated */
body.design-refined .history-ridge{position:relative;padding:34px 22px 82px;background:linear-gradient(180deg,#fffdf9,#f5efe5);isolation:isolate}
body.design-refined .history-ridge::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:112px;z-index:-1;
  background:linear-gradient(180deg,rgba(199,216,185,.03),rgba(199,216,185,.28));
  clip-path:polygon(0 100%,0 78%,8% 56%,15% 72%,24% 42%,34% 66%,43% 30%,53% 61%,64% 24%,75% 55%,86% 17%,94% 39%,100% 29%,100% 100%);
}
body.design-refined .history-ridge::after{content:"";position:absolute;left:30px;right:30px;bottom:31px;height:4px;border-radius:99px;background:linear-gradient(90deg,#7ea06d,#c2a25c,#6b95b3);opacity:.75}
body.design-refined .history-ridge-svg{display:none!important}
body.design-refined .history-ridge-grid{padding:4px 4px 64px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
body.design-refined .history-node{min-height:258px;border:1px solid rgba(21,55,43,.08);box-shadow:0 10px 26px rgba(21,55,43,.045);background:rgba(255,254,250,.94)}
body.design-refined .history-node-dot{bottom:-43px;z-index:3;width:16px;height:16px;box-shadow:0 0 0 7px rgba(255,254,250,.98),0 0 0 12px rgba(95,137,101,.14)}
body.design-refined .history-node time{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef3e9;color:#31533d;font-weight:850}
body.design-refined .history-details summary,body.design-refined .path-card-details summary{color:#4f6e5c;font-weight:760}

/* cards: consistent heights and color coverage */
body.design-refined .news-grid{align-items:stretch}
body.design-refined .news-card{display:grid;grid-template-rows:190px 1fr;height:100%;overflow:hidden;background:#fff}
body.design-refined .news-card img{height:190px!important;width:100%;object-fit:cover}
body.design-refined .news-card .news-body{display:flex;flex-direction:column;height:100%;padding:22px;background:#fff}
body.design-refined .news-card .meta{margin-top:auto;padding-top:18px}
body.page-index .home-news-section{background:linear-gradient(180deg,#f3f7f0,#eef4ea)}
body.page-index .home-news-section .news-card:nth-child(1) .news-body{background:#f4f8ef}
body.page-index .home-news-section .news-card:nth-child(2) .news-body{background:#eef5f8}
body.page-index .home-news-section .news-card:nth-child(3) .news-body{background:#faf5e9}
body.page-index .home-news-section .news-card:nth-child(4) .news-body{background:#faf0eb}
body.page-index .news-all-btn{min-width:190px;background:var(--p-green)!important;color:#fff!important;border-color:var(--p-green)!important;box-shadow:0 10px 24px rgba(30,75,57,.16)}

/* contact: white page, blue only on form */
body.page-index .home-contact-section{background:#fffefa!important}
body.page-index .contact-grid{gap:72px;align-items:center}
body.page-index .contact-card-blue{background:linear-gradient(145deg,#edf5f8,#e4eff4)!important;border-radius:30px;padding:36px;box-shadow:0 18px 44px rgba(63,101,119,.1)}
body.page-index .contact-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef3e9;color:#31543e}

/* product hero and proof */
body.page-product .product-grid{border-radius:32px;overflow:hidden;box-shadow:0 22px 58px rgba(21,55,43,.1);border:1px solid var(--p-line)}
body.page-product .product-image,body.page-product .product-panel{border-radius:0!important;border:0!important}
body.page-product .product-image img{height:100%;min-height:650px;object-fit:cover}
body.page-product .product-panel{padding:48px;background:#fffefa}
body.page-product .product-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:20px;padding:18px;border-radius:20px;background:#f7f5ef;border:1px solid var(--p-line)}
body.page-product .product-info-grid p{margin:0;padding:9px 0;border-bottom:1px solid rgba(21,55,43,.07);font-size:13px;line-height:1.55}
body.page-product .product-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden;border:1px solid var(--p-line);border-radius:22px;background:#fff}
body.page-product .product-badge{aspect-ratio:auto;min-height:118px;border-radius:0!important;background:#fff!important;border-right:1px solid var(--p-line)}
body.page-product .product-badge:last-child{border-right:0}
body.page-product .product-badge strong{font-size:24px;color:#789083}
body.page-product .product-badge span{font-size:13px;font-weight:760}
body.page-product .product-evidence-note{border-radius:20px}

/* brand ambassador: editorial rather than promotional */
body.page-product .product-ambassador-section{background:linear-gradient(180deg,#fff9f5,#fbf4ee)}
body.page-product .ambassador-grid{gap:54px}
body.page-product .ambassador-copy h2{max-width:620px}
body.page-product .ambassador-quote{position:relative;padding:26px 28px 24px 42px;border-left:4px solid #9c5c50;border-radius:0 20px 20px 0;background:rgba(255,255,255,.74)}
body.page-product .ambassador-quote::before{content:"“";position:absolute;left:14px;top:8px;font-size:44px;line-height:1;color:rgba(124,47,47,.3)}
body.page-product .ambassador-photo-wrap{border-radius:34px;overflow:hidden;box-shadow:0 24px 58px rgba(83,33,31,.13)}

/* technology hard strength: cleaner stage story */
body.page-product .tech-strength-section .split{padding:18px;border-radius:32px;background:rgba(255,255,255,.74);border:1px solid var(--p-line);box-shadow:0 15px 40px rgba(21,55,43,.055)}
body.page-product .tech-stage-rail{grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity}
body.page-product .tech-stage{min-height:200px;scroll-snap-align:start;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}
body.page-product .tech-stage:hover,body.page-product .tech-stage:focus,body.page-product .tech-stage.is-active{transform:translateY(-4px);background:#f4f8f1;border-color:rgba(44,83,61,.22);box-shadow:0 13px 28px rgba(21,55,43,.08);outline:none}
body.page-product .tech-stage-rail::before{top:30px}
body.page-product .tech-stage-tags b{background:#f2f5ef}

/* endorsement and formula */
body.page-product .endorsement-section .checkline{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.page-product .endorsement-section .checkline span{min-height:58px;border-radius:16px}
body.page-product .pure-formula-section{background:linear-gradient(180deg,#edf3e9,#f4f7f1)}
body.page-product .formula-positive,body.page-product .formula-negative{min-height:176px;border:1px solid rgba(21,55,43,.07)}
body.page-product .formula-detail-list article{min-height:142px}
body.page-product .usage-layout-equal .usage-card{border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(21,55,43,.055)}
body.page-product .usage-layout-equal .usage-card-media,body.page-product .usage-layout-equal .usage-card-media img{height:220px!important;flex-basis:220px!important}
body.page-product .usage-layout-equal .usage-card-body{padding:28px}

/* about page */
body.page-about .company-principle{border-left:4px solid #8cad76;padding:16px 20px;background:#f4f7ef;border-radius:0 18px 18px 0;font-size:20px;line-height:1.6}
body.page-about .values{gap:12px}
body.page-about .values .value{border-radius:26px;min-height:250px;box-shadow:0 10px 26px rgba(21,55,43,.045)}
body.page-about #business .checkline span{border:1px solid rgba(21,55,43,.07)}
body.page-about #partners .partner-feature-grid{gap:16px}
body.page-about #partners .partner-visual-card{display:grid;grid-template-rows:220px 1fr;height:100%;border-radius:26px;overflow:hidden;background:#fff}
body.page-about #partners .partner-visual-card img{height:220px!important}
body.page-about #partners .partner-body{min-height:190px}
body.page-about .expert-team-hero img{max-height:none;object-fit:contain}
body.page-about .expert-portrait-card{border-radius:24px;overflow:hidden}

/* sulforaphane: intentional, non-gimmicky interactions */
body.page-sulforaphane .evolution-flow-grid .evolution-card{height:100%;background:#fff}
body.page-sulforaphane .evolution-flow-grid .evolution-card:focus{outline:2px solid rgba(58,96,71,.35);outline-offset:3px}
body.page-sulforaphane .evolution-flow-grid .evolution-card .copy{background:#fff;transition:background .25s ease}
body.page-sulforaphane .evolution-flow-grid .evolution-card:hover .copy,body.page-sulforaphane .evolution-flow-grid .evolution-card:focus .copy{background:#f4f8ef}
body.page-sulforaphane .orbit-system{min-height:520px}
body.page-sulforaphane .orbit-caption{text-align:center;margin:10px auto 0;font-size:12.5px;color:#718178}
body.page-sulforaphane .activation-visual-card{border-radius:28px;overflow:hidden;box-shadow:0 12px 30px rgba(21,55,43,.055);transition:transform .25s ease,box-shadow .25s ease}
body.page-sulforaphane .activation-visual-card:hover{transform:translateY(-5px);box-shadow:var(--p-shadow-hover)}
body.page-sulforaphane .literature-full-card{grid-template-rows:180px 1fr}
body.page-sulforaphane .literature-full-card .news-body{min-height:215px}
body.page-sulforaphane .lit-pop .news-body{background:#faf5e8!important}
body.page-sulforaphane .lit-knowledge .news-body{background:#f0f6eb!important}
body.page-sulforaphane .lit-research .news-body{background:#edf4f8!important}

/* editorial grids */
body.page-news .editorial-grid,body.page-research .editorial-grid{align-items:stretch}
body.page-news .editorial-grid .news-card,body.page-research .editorial-grid .news-card{grid-template-rows:190px 1fr}
body.page-article .article{padding:44px 48px;border-radius:30px;background:#fff;border:1px solid var(--p-line);box-shadow:0 15px 44px rgba(21,55,43,.055)}

/* footer */
.site-footer{position:relative;background:linear-gradient(145deg,#102e24,#173c2e)}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}
.site-footer a{transition:color .2s ease,opacity .2s ease,transform .2s ease}
.site-footer a:hover{color:#fff;opacity:1;transform:translateX(2px)}
.footer-jump:hover{transform:translateY(-3px)!important}

/* broad accessibility */
:focus-visible{outline:2px solid rgba(56,102,76,.72);outline-offset:3px}
button,a,summary{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:1100px){
  body.page-index .hero-grid{grid-template-columns:1fr;gap:34px}
  body.page-index .hero-copy-block{max-width:760px}
  body.page-index .hero-media{max-width:900px;margin:auto}
  body.design-refined .path-unified-layout{grid-template-columns:1fr}
  body.design-refined .path-visual-panel{min-height:440px}
  body.page-product .product-grid{grid-template-columns:1fr}
  body.page-product .product-image img{min-height:480px}
  body.page-product .product-info-grid{grid-template-columns:1fr 1fr}
  body.page-about #partners .partner-feature-grid{grid-template-columns:repeat(3,1fr)!important}
}

@media(max-width:820px){
  html{scroll-padding-top:92px}
  body.design-refined section[id]{scroll-margin-top:92px}
  .announcement{height:auto;min-height:28px;padding:5px 14px;font-size:10px}
  body.page-index .hero-facts{grid-template-columns:1fr 1fr}
  body.page-index .hero-facts .fact-chip:nth-child(2){border-right:0!important}
  body.page-index .hero-facts .fact-chip:nth-child(-n+2){border-bottom:1px solid var(--p-line)!important}
  body.design-refined .stat-grid{grid-template-columns:1fr!important}
  body.design-refined .stat:not(:last-child){border-right:0!important;border-bottom:1px solid var(--p-line)!important}
  body.page-product .product-badges{grid-template-columns:1fr 1fr}
  body.page-product .product-badge:nth-child(2){border-right:0}
  body.page-product .product-badge:nth-child(-n+2){border-bottom:1px solid var(--p-line)}
  body.page-product .product-info-grid{grid-template-columns:1fr}
  body.page-product .endorsement-section .checkline{grid-template-columns:1fr}
  body.page-about #partners .partner-feature-grid{grid-template-columns:1fr!important}
  body.page-article .article{padding:30px 26px}
}

@media(max-width:640px){
  .back-to-top{right:15px;bottom:15px;width:42px;height:42px}
  body.design-refined .container{width:min(100% - 30px,var(--max))}
  body.page-index .hero{padding-top:48px}
  body.page-index .hero-title-product{font-size:54px}
  body.page-index .hero-title-copy{font-size:28px}
  body.page-index .hero-title-focus{font-size:40px}
  body.page-index .hero-media img{aspect-ratio:4/3;border-radius:54px 18px 54px 18px}
  body.page-index .hero-media::before{border-radius:58px 20px 58px 20px!important}
  body.page-index .hero-facts .fact-chip{min-height:82px;padding:15px!important;gap:10px}
  body.page-index .proof-copy{font-size:13.5px!important}
  body.page-index .proof-index{width:30px;height:30px;flex-basis:30px}
  body.design-refined .path-unified-layout{padding:10px;border-radius:26px}
  body.design-refined .path-visual-panel{min-height:340px}
  body.design-refined .path-visual-overlay{left:20px;right:20px;bottom:18px}
  body.design-refined .path-visual-overlay strong{font-size:24px}
  body.design-refined .path-unified-card h3{white-space:normal}
  body.design-refined .history-ridge{padding-inline:14px}
  body.design-refined .history-ridge::after{left:18px;right:18px}
  body.page-index .contact-grid{gap:38px}
  body.page-index .contact-card-blue{padding:24px}
  body.page-product .product-panel{padding:30px 23px}
  body.page-product .product-image img{min-height:380px}
  body.page-product .product-badges{grid-template-columns:1fr 1fr}
  body.page-product .ambassador-grid{gap:30px}
  body.page-product .ambassador-quote{padding:22px 20px 20px 34px}
  body.page-product .tech-strength-section .split{padding:10px}
  body.page-product .tech-stage-rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(210px,78vw)}
  body.page-sulforaphane .orbit-system{transform:scale(.78);margin:-45px 0}
}

/* ===== 2026-08 visual asset unification ===== */
:root{
  --image-radius-lg:32px;
  --image-radius-md:24px;
  --image-border:rgba(26,64,48,.10);
  --image-shadow:0 24px 58px rgba(18,48,37,.12);
}
.generated-visual{display:block;background:#edf2ec}
.generated-hero{filter:saturate(.94) contrast(1.025)}
.generated-editorial{filter:saturate(.88) contrast(1.02)}
.generated-science{filter:saturate(.82) contrast(1.035)}
.generated-portrait{filter:saturate(.86) contrast(1.015)}

/* Homepage: one cinematic image language, less decorative distortion */
.page-index .hero{background:linear-gradient(135deg,#f4f0e6 0%,#fbfaf5 52%,#eef4ec 100%);padding-top:72px}
.page-index .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:52px}
.page-index .hero-media:before{inset:-18px 28px 22px -16px;border-radius:44px;background:linear-gradient(145deg,rgba(193,216,176,.58),rgba(215,229,208,.28));transform:rotate(-1.5deg)}
.page-index .hero-media img{height:560px;border-radius:var(--image-radius-lg);box-shadow:var(--image-shadow);object-position:center center;border:1px solid rgba(255,255,255,.52)}
.page-index .hero-media:after{content:"";position:absolute;z-index:1;inset:0;border-radius:var(--image-radius-lg);pointer-events:none;background:linear-gradient(90deg,rgba(13,38,29,.07),transparent 42%,rgba(255,255,255,.04));}
.page-index .hero-copy-block{padding-right:8px}
.page-index .hero-facts{gap:12px;margin-top:44px}
.page-index .fact-chip{border-radius:18px;box-shadow:none;border-color:rgba(23,55,43,.08)}

/* Partner imagery: documentary, consistent ratios and alignment */
.page-about .partner-feature-grid{gap:20px;align-items:stretch}
.page-about .partner-visual-card{display:flex;flex-direction:column;border-radius:var(--image-radius-md);border:1px solid var(--image-border);box-shadow:0 14px 36px rgba(24,58,44,.07);overflow:hidden;background:#fff}
.page-about .partner-visual-card img{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;border-bottom:1px solid var(--image-border)}
.page-about .partner-body{flex:1;display:flex;flex-direction:column;padding:22px 22px 25px}
.page-about .partner-body p{margin-top:auto}

/* Expert portraits: one crop, one backdrop, one visual hierarchy */
.page-about .expert-portrait-grid{gap:20px}
.page-about .expert-portrait-card{border-radius:22px;border:1px solid var(--image-border);background:#fff;box-shadow:0 12px 30px rgba(24,58,44,.065);overflow:hidden}
.page-about .expert-portrait-card img{aspect-ratio:3/4;object-position:center 20%;background:linear-gradient(180deg,#eef0ee,#e6e8e6)}
.page-about .expert-portrait-card div{border-top:1px solid rgba(23,55,43,.07);background:linear-gradient(180deg,#fff,#fafbf8)}
.page-about .expert-team-hero{border-radius:28px;border:1px solid var(--image-border);box-shadow:0 18px 44px rgba(24,58,44,.08)}

/* Scientific illustrations: consistent restraint and readable cards */
.page-sulforaphane .activation-visual-grid{gap:22px}
.page-sulforaphane .activation-visual-card{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);border-radius:26px;border:1px solid var(--image-border);box-shadow:0 14px 36px rgba(24,58,44,.07);overflow:hidden;background:#fff}
.page-sulforaphane .activation-visual-card img{min-height:310px;object-fit:cover;object-position:center}
.page-sulforaphane .activation-copy{padding:32px 34px}
.page-sulforaphane .activation-copy>span{background:rgba(255,255,255,.78);border:1px solid rgba(23,55,43,.10);box-shadow:none}
.page-sulforaphane .evolution-card img[src*="science-system"]{filter:saturate(.75) contrast(1.03)}
.page-research .news-card img[src*="science-system"]{filter:saturate(.76) contrast(1.03)}

/* Media consistency across the site */
.media>img,.product-image>img,.product-visual-card>img,.news-card>img{transition:transform .5s ease,filter .5s ease}
@media (hover:hover){.partner-visual-card:hover img,.activation-visual-card:hover img,.news-card:hover>img{transform:scale(1.025)}}

@media(max-width:1100px){
  .page-index .hero-grid{grid-template-columns:1fr;gap:34px}
  .page-index .hero-media img{height:500px}
  .page-about .partner-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .page-index .hero{padding-top:48px}
  .page-index .hero-media:before{inset:-10px 10px 12px -8px;border-radius:26px}
  .page-index .hero-media img{height:390px;border-radius:24px}
  .page-index .hero-media:after{border-radius:24px}
  .page-about .partner-feature-grid{grid-template-columns:1fr!important}
  .page-about .expert-portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-sulforaphane .activation-visual-card{grid-template-columns:1fr}
  .page-sulforaphane .activation-visual-card img{min-height:0;aspect-ratio:4/3}
}
@media(max-width:480px){
  .page-index .hero-media img{height:320px}
  .page-about .expert-portrait-grid{grid-template-columns:1fr 1fr;gap:12px}
  .page-about .expert-portrait-card div{padding:14px}
}

/* =========================================================
   2026-08-05 focused revision: hero, technology switcher,
   simplified history, compact CTAs, comparison motion,
   classic formula layout, and product carousel.
   ========================================================= */

/* 1) Homepage hero: full background visual, no framed thumbnail. */
body.page-index .hero{
  position:relative;
  isolation:isolate;
  min-height:690px;
  padding:86px 0 64px;
  background-color:#f8f4eb;
  background-image:
    linear-gradient(90deg,rgba(248,244,235,1) 0%,rgba(248,244,235,.98) 36%,rgba(248,244,235,.86) 49%,rgba(248,244,235,.18) 72%,rgba(248,244,235,.04) 100%),
    url('../images/home-hero-science-discovery.webp');
  background-repeat:no-repeat;
  background-position:center,right center;
  background-size:cover,68% auto;
}
body.page-index .hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 55%,rgba(248,244,235,.58));
}
body.page-index .hero .container{position:relative;z-index:1}
body.page-index .hero-grid-background{display:block;min-height:450px}
body.page-index .hero-copy-block{width:min(48%,680px);padding-top:12px}
body.page-index .hero-title{max-width:670px;text-shadow:0 1px 0 rgba(255,255,255,.34)}
body.page-index .hero-facts{position:relative;margin-top:24px;backdrop-filter:blur(15px)}
body.page-index .hero-facts .fact-chip{background:rgba(255,255,255,.82)}

/* 2) Four technology paths: visual changes with the right-hand cards. */
body.page-index .path-visual-panel img{
  transition:opacity .28s ease,transform .52s ease;
  transform:scale(1.002);
}
body.page-index .path-visual-panel.is-changing img{opacity:.15;transform:scale(1.035)}
body.page-index .path-visual-overlay strong,
body.page-index .path-visual-overlay span{transition:opacity .22s ease,transform .28s ease}
body.page-index .path-visual-panel.is-changing .path-visual-overlay strong,
body.page-index .path-visual-panel.is-changing .path-visual-overlay span{opacity:0;transform:translateY(8px)}
body.page-index .path-unified-card{
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
  outline:none;
}
body.page-index .path-unified-card:hover,
body.page-index .path-unified-card:focus-visible,
body.page-index .path-unified-card.is-active{
  transform:translateY(-3px);
  border-color:rgba(38,86,62,.28);
  background:linear-gradient(180deg,#e5f0dd 0%,#fbfdf9 100%);
  box-shadow:0 18px 38px rgba(23,55,43,.09);
}
body.page-index .path-unified-card.is-active .path-unified-index{background:#315d45;color:#fff}

/* 3) Product history: remove the decorative gradient/mountain line. */
body.page-index .history-ridge-svg{display:none!important}
body.page-index .history-ridge{padding:28px 24px 28px!important}
body.page-index .history-node-dot{display:none!important}
body.page-index .history-ridge-grid{padding-bottom:10px!important}

/* 4) Compact, content-hugging buttons. */
body.design-refined .btn{min-width:0;width:max-content;max-width:100%;white-space:nowrap}
body.page-index .news-all-wrap{display:flex;justify-content:center;margin-top:32px;text-align:center}
body.page-index .news-all-btn{
  min-width:0!important;
  width:auto!important;
  padding:12px 20px!important;
  line-height:1;
  box-shadow:0 8px 20px rgba(30,75,57,.14)!important;
}

/* 5) Restore the moving highlight on the active SFN comparison card. */
body.page-sulforaphane .compare-card.highlight{animation:compareFloat 5.8s ease-in-out infinite}
body.page-sulforaphane .compare-card.highlight::before{
  content:""!important;
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.38) 48%,transparent 78%);
  transform:translateX(-110%);
  animation:compareShine 5.4s linear infinite!important;
}
body.page-sulforaphane .compare-card.highlight .big{animation:compareNumberPulse 4.6s ease-in-out infinite}
@keyframes compareShine{to{transform:translateX(110%)}}
@keyframes compareFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes compareNumberPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

/* 6) Restore the earlier, clearer pure-formula presentation. */
body.page-product .pure-formula-section{background:#edf3e9!important}
body.page-product .formula-classic-layout{grid-template-columns:.92fr 1.08fr;align-items:center}
body.page-product .formula-classic-layout .content{padding-top:0}
body.page-product .pure-formula-section .checkline{display:grid;gap:10px;margin:16px 0}
body.page-product .pure-formula-section .formula-yes{grid-template-columns:repeat(3,minmax(0,1fr))}
body.page-product .pure-formula-section .formula-no{grid-template-columns:repeat(4,minmax(0,1fr))}
body.page-product .pure-formula-section .checkline span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:10px 12px;
  text-align:center;
  border-radius:16px;
  border:1px solid rgba(37,69,54,.08);
  font-weight:760;
}
body.page-product .pure-formula-section .checkline .yes{background:#e4f0d4;color:#31543e}
body.page-product .pure-formula-section .checkline .no{background:#fff0ed;color:#7d4941;border-color:#efd3cd}
body.page-product .pure-formula-section .content>p{
  margin:10px 0;
  padding:14px 17px;
  border-radius:16px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(31,60,47,.06);
}

/* 7) Product purchase carousel with autoplay and manual controls. */
.anchor-target{position:absolute;top:-110px}
body.page-product .product-hero{position:relative;padding-top:70px}
.product-carousel-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
.product-carousel-heading>p{max-width:560px;margin:0;color:var(--ink-2);line-height:1.75}
.product-carousel{position:relative}
.product-carousel-viewport{overflow:hidden;border-radius:34px}
.product-carousel-track{display:flex;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}
.product-carousel-slide{flex:0 0 100%;min-width:0;padding:2px;opacity:.62;transition:opacity .35s ease}
.product-carousel-slide.is-active{opacity:1}
.product-carousel-slide .product-grid{height:100%}
.product-carousel-slide .product-panel h2{font-size:clamp(38px,4.5vw,64px);margin:10px 0 12px}
.product-grid-concept .product-image img{object-position:center}
.concept-tag{width:max-content;background:#e8f0dc!important;color:#31543e!important}
.price-coming{font-size:30px!important;letter-spacing:.01em;color:#496456!important}
.product-carousel-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0 38px}
.carousel-arrow{
  width:44px;height:44px;border-radius:50%;border:1px solid rgba(35,72,54,.16);
  background:#fff;color:#244b38;font-size:20px;cursor:pointer;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.carousel-arrow:hover,.carousel-arrow:focus-visible{background:#244b38;color:#fff;transform:translateY(-2px)}
.carousel-dots{display:flex;align-items:center;gap:9px}
.carousel-dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#b8c8bb;cursor:pointer;transition:width .25s ease,background .25s ease}
.carousel-dot.is-active{width:30px;background:#315d45}
body.page-product .product-badges{margin-top:0}
body.page-product .product-evidence-note{margin-top:22px}

@media(max-width:980px){
  body.page-index .hero{
    min-height:auto;
    padding:62px 0 430px;
    background-image:linear-gradient(180deg,#f8f4eb 0%,#f8f4eb 46%,rgba(248,244,235,.36) 65%,rgba(248,244,235,.05) 100%),url('../images/home-hero-science-discovery.webp');
    background-position:center,center bottom;
    background-size:cover,auto 430px;
  }
  body.page-index .hero-grid-background{min-height:auto}
  body.page-index .hero-copy-block{width:min(100%,680px)}
  body.page-index .hero-facts{margin-top:34px}
  .product-carousel-heading{align-items:start;flex-direction:column;gap:8px}
  body.page-product .formula-classic-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.page-index .hero{padding:46px 0 330px;background-size:cover,auto 330px}
  body.page-index .hero-title{font-size:47px}
  body.page-index .hero-facts{grid-template-columns:1fr 1fr}
  body.page-index .path-unified-list{grid-template-columns:1fr}
  body.page-index .path-visual-panel{min-height:420px}
  body.page-product .pure-formula-section .formula-yes,
  body.page-product .pure-formula-section .formula-no{grid-template-columns:1fr 1fr}
  body.page-product .product-carousel-slide .product-grid{display:grid;grid-template-columns:1fr}
  body.page-product .product-carousel-slide .product-image img{min-height:360px;height:360px}
  body.page-product .product-carousel-slide .product-panel{padding:30px 22px}
  body.page-product .product-carousel-slide .product-panel h2{font-size:38px}
  body.design-refined .buy-row .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.page-sulforaphane .compare-card.highlight,
  body.page-sulforaphane .compare-card.highlight::before,
  body.page-sulforaphane .compare-card.highlight .big{animation:none!important}
  .product-carousel-track,.path-visual-panel img{transition:none!important}
}


/* 2026-08-05 final feedback lock */
body.page-index .history-ridge::after,
body.page-index .history-ridge::before{display:none!important;content:none!important;}
body.page-index .history-ridge{background:#fbf7ef!important;}
body.page-product .pure-formula-section>.container{grid-template-columns:.92fr 1.08fr;align-items:center;}
body.page-product .pure-formula-section .formula-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;}
body.page-product .pure-formula-section .formula-positive,
body.page-product .pure-formula-section .formula-negative{min-height:176px;padding:22px;border-radius:24px;border:1px solid rgba(21,55,43,.07);}
body.page-product .pure-formula-section .formula-positive{background:#e6f0dd;}
body.page-product .pure-formula-section .formula-negative{background:#f4e6e2;}
body.page-product .pure-formula-section .formula-chip-grid{display:grid;gap:10px;}
body.page-product .pure-formula-section .formula-chip-grid span{display:flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.68);font-size:13px;font-weight:760;}
body.page-product .pure-formula-section .formula-positive .formula-chip-grid span{color:#31533b;}
body.page-product .pure-formula-section .formula-negative .formula-chip-grid span{color:#8b4d47;}
body.page-product .pure-formula-section .formula-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
body.page-product .pure-formula-section .formula-detail-list article{display:block;min-height:142px;padding:16px 18px;border-radius:18px;background:#fffdfa;border:1px solid rgba(38,70,55,.07);}
body.page-product .pure-formula-section .formula-detail-list b{display:block;margin-bottom:7px;color:#234d38;}
body.page-product .pure-formula-section .formula-detail-list p{margin:0!important;padding:0!important;background:none!important;border:0!important;color:#586a60;font-size:13.5px;line-height:1.7;}
@media(max-width:980px){body.page-product .pure-formula-section>.container{grid-template-columns:1fr;}body.page-product .pure-formula-section .formula-detail-list{grid-template-columns:1fr;}}
@media(max-width:640px){body.page-product .pure-formula-section .formula-columns{grid-template-columns:1fr;}body.page-product .pure-formula-section .formula-positive,body.page-product .pure-formula-section .formula-negative{min-height:0;}}


/* ===== 2026-08-06 refinement batch ===== */
.nav-popover-heading-link{
  text-decoration:none;
  color:inherit;
  border-radius:16px;
  transition:background .22s ease,transform .22s ease;
}
.nav-popover-heading-link:hover,
.nav-popover-heading-link:focus-visible{
  background:rgba(223,234,214,.52);
  transform:translateX(2px);
  outline:none;
}

body.page-index .hero{padding-bottom:60px}
body.page-index .hero-grid-background{min-height:520px}
body.page-index .hero-copy-block{width:min(58%,760px);padding-top:18px}
body.page-index .hero-title-product{font-size:clamp(82px,7.5vw,122px)}
body.page-index .hero-title-copy{font-size:clamp(36px,3.8vw,54px)}
body.page-index .hero-title-focus{font-size:clamp(52px,5.5vw,78px)}
body.page-index .hero-copy{font-size:22px;max-width:520px}
body.page-index .hero-facts{display:none!important}
body.page-index .path-visual-panel:after,
body.page-index .path-visual-overlay{display:none!important}
body.page-index .path-visual-panel{min-height:520px}
body.page-index .path-unified-layout{align-items:start}
body.page-index .history-ridge-svg{display:none!important}

.news-card .tag,
.news-harmony-grid .tag,
#literature .news-card .tag,
body.page-sulforaphane .news-card .tag{
  display:inline-flex!important;
  width:fit-content!important;
  max-width:100%;
  align-self:flex-start;
  white-space:nowrap;
  padding-inline:16px;
}
.news-all-wrap{display:flex;justify-content:center;margin-top:38px}
.news-all-btn{min-width:auto!important;padding-inline:30px}

body.page-sulforaphane .compare-card.highlight{
  box-shadow:0 24px 54px rgba(97,138,38,.18);
  animation:compareFloat 4.2s ease-in-out infinite;
}
body.page-sulforaphane .compare-card.highlight::before{
  opacity:.82;
  animation:compareShine 3.6s linear infinite!important;
}
body.page-sulforaphane .compare-card.highlight::after{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.6);
  animation:compareRing 3.6s ease-in-out infinite;
  pointer-events:none;
}
body.page-sulforaphane .compare-card.highlight .big{
  animation:compareNumberPulse 2.8s ease-in-out infinite;
  transform-origin:left center;
}
@keyframes compareRing{0%,100%{opacity:.28;transform:scale(.985)}50%{opacity:.75;transform:scale(1)}}

body.page-product .product-carousel-heading>p{max-width:620px}
body.page-product .product-carousel{position:relative}
body.page-product .product-carousel-controls{
  position:absolute;
  inset:0;
  margin:0;
  pointer-events:none;
}
body.page-product .product-carousel-controls .carousel-dots{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:10px;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,250,243,.92);
  box-shadow:0 12px 24px rgba(23,55,43,.08);
  pointer-events:auto;
}
body.page-product .product-carousel-controls .carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  pointer-events:auto;
  background:rgba(255,251,246,.96);
  box-shadow:0 12px 24px rgba(23,55,43,.12);
}
body.page-product .product-carousel-controls [data-carousel-prev]{left:18px}
body.page-product .product-carousel-controls [data-carousel-next]{right:18px}
body.page-product .product-carousel-slide .concept-tag{width:max-content}

body.page-product .tech-strength-section{background:linear-gradient(180deg,#f9faf6 0%,#eff4ef 100%)}
body.page-product .tech-showcase-shell{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:24px;
  align-items:stretch;
}
body.page-product .tech-showcase-visual{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:#dfe8dd;
  box-shadow:0 18px 42px rgba(23,55,43,.08);
  min-height:100%;
}
body.page-product .tech-showcase-visual img{width:100%;height:100%;min-height:620px;object-fit:cover}
body.page-product .tech-showcase-visual-copy{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  padding:18px 20px;
  border-radius:22px;
  background:rgba(20,47,38,.74);
  color:#fff;
  backdrop-filter:blur(10px);
}
body.page-product .tech-showcase-visual-copy span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:8px}
body.page-product .tech-showcase-visual-copy strong{display:block;font-size:24px;line-height:1.45}
body.page-product .tech-showcase-main{
  padding:34px;
  border-radius:32px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(36,67,53,.08);
  box-shadow:0 16px 36px rgba(23,55,43,.06);
}
body.page-product .tech-showcase-lead{margin-bottom:22px;color:#586b60;line-height:1.8}
body.page-product .tech-showcase-detail{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg,#eff6e7 0%,#fbfdf8 100%);
  border:1px solid rgba(39,70,53,.08);
}
body.page-product .tech-showcase-step{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:22px;
  background:#173b2e;
  color:#fff;
  font-size:24px;
  font-weight:900;
}
body.page-product .tech-showcase-detail small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#748878;margin-bottom:8px}
body.page-product .tech-showcase-detail h3{margin:0 0 10px;font-size:32px}
body.page-product .tech-showcase-detail p{margin:0;color:#586a60;line-height:1.8}
body.page-product .tech-showcase-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
body.page-product .tech-showcase-tags span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(34,66,52,.08);
  font-size:13px;
  font-weight:800;
  color:#2f523f;
}
body.page-product .tech-showcase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
body.page-product .tech-showcase-item{
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:138px;
  padding:18px 18px 20px;
  border-radius:24px;
  background:#fffdf9;
  border:1px solid rgba(35,67,53,.08);
  box-shadow:0 10px 24px rgba(23,55,43,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
body.page-product .tech-showcase-item:hover,
body.page-product .tech-showcase-item:focus-visible,
body.page-product .tech-showcase-item.is-active{
  transform:translateY(-3px);
  border-color:rgba(47,92,66,.18);
  background:linear-gradient(180deg,#f3f8ec 0%,#ffffff 100%);
  box-shadow:0 18px 30px rgba(23,55,43,.08);
  outline:none;
}
body.page-product .tech-item-step{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#dce8cf;color:#274938;font-weight:900;margin-bottom:6px}
body.page-product .tech-showcase-item strong{font-size:21px;line-height:1.35;color:#1d4132}
body.page-product .tech-showcase-item small{font-size:13px;color:#6f8479}

body.page-product .pure-formula-section{background:#eef4ea}
body.page-product .pure-formula-shell{display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:start}
body.page-product .pure-formula-intro{padding:10px 0 0}
body.page-product .pure-formula-lead{color:#586b60;line-height:1.8;max-width:560px}
body.page-product .pure-formula-image{margin-top:26px;border-radius:32px;overflow:hidden;box-shadow:0 18px 42px rgba(23,55,43,.08)}
body.page-product .pure-formula-image img{display:block;width:100%;height:460px;object-fit:cover}
body.page-product .pure-formula-board{
  padding:28px;
  border-radius:32px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(36,67,53,.08);
  box-shadow:0 16px 36px rgba(23,55,43,.06);
}
body.page-product .pure-formula-board .formula-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:0}
body.page-product .pure-formula-board .formula-positive,
body.page-product .pure-formula-board .formula-negative{padding:22px;border-radius:26px}
body.page-product .pure-formula-board .formula-positive{background:linear-gradient(180deg,#edf6e6 0%,#f9fcf6 100%)}
body.page-product .pure-formula-board .formula-negative{background:linear-gradient(180deg,#f8eded 0%,#fdf8f8 100%)}
body.page-product .pure-formula-board h3{margin:0;font-size:24px}
body.page-product .formula-line-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
body.page-product .formula-line-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.8);border:1px solid rgba(36,67,53,.07)}
body.page-product .formula-line-list li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dbe9cf;color:#2d523d;font-weight:900}
body.page-product .formula-line-list-negative li>span{background:#f1dedd;color:#8a4c49}
body.page-product .formula-line-list b{display:block;margin-bottom:5px;color:#214132}
body.page-product .formula-line-list p{margin:0!important;padding:0!important;background:none!important;border:0!important;color:#62746b;font-size:13.5px;line-height:1.7}
body.page-product .pure-formula-board .formula-detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
body.page-product .pure-formula-board .formula-detail-list article{min-height:144px;padding:18px;border-radius:20px;background:#fffdf9;border:1px solid rgba(38,70,55,.07)}
body.page-product .pure-formula-board .formula-detail-list b{display:block;margin-bottom:8px;color:#234d38;font-size:18px}
body.page-product .pure-formula-board .formula-detail-list p{margin:0!important;padding:0!important;background:none!important;border:0!important;color:#586a60;font-size:13.5px;line-height:1.75}

@media(max-width:1080px){
  body.page-index .hero-copy-block{width:min(62%,760px)}
  body.page-product .tech-showcase-shell,
  body.page-product .pure-formula-shell{grid-template-columns:1fr}
  body.page-product .tech-showcase-visual img{min-height:380px}
}
@media(max-width:980px){
  body.page-product .product-carousel-controls{position:static;inset:auto;display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 34px;pointer-events:auto}
  body.page-product .product-carousel-controls .carousel-dots{position:static;transform:none;background:transparent;box-shadow:none;padding:0}
  body.page-product .product-carousel-controls .carousel-arrow{position:static;transform:none}
  body.page-product .tech-showcase-list{grid-template-columns:1fr 1fr}
  body.page-product .pure-formula-board .formula-columns,
  body.page-product .pure-formula-board .formula-detail-list{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.page-index .hero-copy-block{width:100%}
  body.page-index .hero-title-product{font-size:64px}
  body.page-index .hero-title-copy{font-size:30px}
  body.page-index .hero-title-focus{font-size:46px}
  body.page-index .hero-copy{font-size:18px}
  body.page-product .tech-showcase-main{padding:24px}
  body.page-product .tech-showcase-detail{grid-template-columns:1fr}
  body.page-product .tech-showcase-step{width:56px;height:56px;font-size:22px}
  body.page-product .tech-showcase-detail h3{font-size:28px}
  body.page-product .tech-showcase-list{grid-template-columns:1fr}
  body.page-product .tech-showcase-item strong{font-size:19px}
  body.page-product .pure-formula-image img{height:320px}
  body.page-product .pure-formula-board{padding:22px}
}

/* ===== 2026-08-06 latest directed revisions ===== */
/* Top-level navigation titles are real links to each page top. */
.nav-menu-trigger[href]{text-decoration:none}

/* Homepage hero: the product image fills the entire hero canvas. */
body.page-index .hero{
  min-height:calc(100vh - 112px);
  background-image:
    linear-gradient(90deg,rgba(248,244,235,.99) 0%,rgba(248,244,235,.97) 28%,rgba(248,244,235,.72) 43%,rgba(248,244,235,.12) 68%,rgba(248,244,235,.02) 100%),
    url('../images/home-hero-science-discovery.webp')!important;
  background-position:center,center center!important;
  background-size:cover,cover!important;
}
body.page-index .hero::before{
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 58%,rgba(248,244,235,.2))!important;
}

/* Restore the previous four-path image-and-copy switching animation. */
body.page-index .path-visual-panel{
  min-height:560px;
  background:#dfeadd;
}
body.page-index .path-visual-panel>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
body.page-index .path-visual-panel:after{
  display:block!important;
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:44%;
  background:linear-gradient(180deg,rgba(11,31,24,0) 0%,rgba(19,48,37,.9) 100%);
}
body.page-index .path-visual-overlay{
  display:block!important;
  position:absolute;
  left:28px;
  right:28px;
  bottom:24px;
  z-index:3;
  color:#fff;
}
body.page-index .path-visual-overlay strong{display:block;font-size:30px;line-height:1.15;margin-bottom:8px;white-space:nowrap}
body.page-index .path-visual-overlay span{display:block;font-size:15px;line-height:1.7;color:rgba(255,255,255,.86)}
body.page-index .path-visual-panel.is-changing>img{opacity:.12;transform:scale(1.05)}
body.page-index .path-visual-panel.is-changing .path-visual-overlay strong,
body.page-index .path-visual-panel.is-changing .path-visual-overlay span{opacity:0;transform:translateY(10px)}

/* Active-form animation — toned down for a cleaner, more premium feel. */
body.page-sulforaphane .compare-card.highlight{
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(207,233,126,.72)!important;
  background:
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.42) 0 3%,rgba(255,255,255,0) 18%),
    radial-gradient(circle at 18% 88%,rgba(126,255,196,.14),transparent 34%),
    linear-gradient(135deg,#dff18d 0%,#d7eb86 46%,#cde37c 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.46) inset,
    0 0 16px rgba(184,234,77,.18),
    0 18px 40px rgba(69,112,39,.10)!important;
  animation:legendaryCardFloatSoft 7.2s ease-in-out infinite,legendaryCardAuraSoft 5.6s ease-in-out infinite!important;
}
body.page-sulforaphane .compare-card.highlight>*{position:relative;z-index:4}
body.page-sulforaphane .compare-card.highlight::before{
  content:""!important;
  position:absolute!important;
  inset:-48%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:conic-gradient(from 0deg,transparent 0 26%,rgba(255,255,255,.04) 31%,rgba(255,251,180,.30) 35%,rgba(126,255,207,.12) 40%,transparent 46% 72%,rgba(255,255,255,.22) 77%,transparent 83% 100%)!important;
  mix-blend-mode:screen;
  transform:rotate(0deg)!important;
  animation:legendaryEnergySpinSoft 16s linear infinite!important;
  opacity:.34;
}
body.page-sulforaphane .compare-card.highlight::after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:2;
  pointer-events:none;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.42);
  background:
    linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.34) 50%,transparent 53%) 0 0/220% 100% no-repeat,
    radial-gradient(circle at 50% 50%,transparent 62%,rgba(255,255,255,.10) 100%);
  box-shadow:0 0 10px rgba(255,255,255,.18) inset,0 0 16px rgba(212,255,113,.12);
  animation:legendaryInnerSweepSoft 7.8s ease-in-out infinite,legendaryBorderPulseSoft 5.8s ease-in-out infinite;
}
body.page-sulforaphane .compare-card.highlight .tag{
  box-shadow:0 0 0 1px rgba(255,255,255,.64),0 0 10px rgba(255,255,255,.18);
}
body.page-sulforaphane .compare-card.highlight .big{
  color:#183f31!important;
  text-shadow:0 0 6px rgba(255,255,255,.34),0 0 16px rgba(217,255,96,.22);
  animation:legendaryNumberChargeSoft 6.2s ease-in-out infinite!important;
  transform-origin:left center;
}
@keyframes legendaryEnergySpinSoft{to{transform:rotate(360deg)}}
@keyframes legendaryCardFloatSoft{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.003)}}
@keyframes legendaryCardAuraSoft{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.04) brightness(1.015)}}
@keyframes legendaryInnerSweepSoft{0%{background-position:130% 0,0 0}100%{background-position:-130% 0,0 0}}
@keyframes legendaryBorderPulseSoft{0%,100%{opacity:.38;box-shadow:0 0 8px rgba(255,255,255,.12) inset,0 0 14px rgba(212,255,113,.08)}50%{opacity:.66;box-shadow:0 0 14px rgba(255,255,255,.22) inset,0 0 22px rgba(212,255,113,.14)}}
@keyframes legendaryNumberChargeSoft{0%,100%{transform:scale(1);letter-spacing:0}50%{transform:scale(1.012);letter-spacing:.004em}}

/* Ten independent technology capabilities, grouped into five logical stages. */
body.page-product .tech-strength-section{background:linear-gradient(180deg,#fafbf7 0%,#eef4ef 100%)}
body.page-product .tech-ten-heading{max-width:900px;margin:0 auto 34px}
body.page-product .tech-ten-heading .lead{font-size:18px}
body.page-product .tech-ten-shell{
  padding:18px;
  border-radius:36px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(29,64,47,.08);
  box-shadow:0 22px 58px rgba(21,55,43,.075);
}
body.page-product .tech-ten-feature{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  min-height:360px;
  overflow:hidden;
  border-radius:28px;
  background:#173b2e;
}
body.page-product .tech-ten-image{position:relative;overflow:hidden}
body.page-product .tech-ten-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(23,59,46,.96) 100%)}
body.page-product .tech-ten-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
body.page-product .tech-ten-feature:hover .tech-ten-image img{transform:scale(1.035)}
body.page-product .tech-ten-active{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:24px;
  align-items:center;
  padding:46px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0,rgba(192,226,147,.18),transparent 38%),
    linear-gradient(135deg,#173b2e 0%,#214f3c 100%);
}
body.page-product .tech-ten-active::before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:linear-gradient(transparent,rgba(220,239,196,.62),transparent)}
body.page-product .tech-ten-number{display:grid;place-items:center;width:86px;height:86px;border-radius:28px;background:#dce9ce;color:#173b2e;font-size:31px;font-weight:900;box-shadow:0 0 0 9px rgba(220,233,206,.08)}
body.page-product .tech-ten-active small{display:block;margin-bottom:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c8dcbc}
body.page-product .tech-ten-active h3{margin:0 0 12px;color:#fff;font-size:clamp(34px,4vw,56px)}
body.page-product .tech-ten-active p{margin:0;max-width:680px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.85}
body.page-product .tech-ten-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
body.page-product .tech-ten-item{
  position:relative;
  display:flex;
  min-height:150px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  text-align:left;
  gap:6px;
  padding:18px;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(34,67,52,.08);
  background:#fffdf9;
  box-shadow:0 8px 20px rgba(23,55,43,.035);
  cursor:pointer;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body.page-product .tech-ten-item::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--phase,#94b984)}
body.page-product .tech-ten-item>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:auto;border-radius:14px;background:color-mix(in srgb,var(--phase,#94b984) 24%,#fff);color:#244735;font-weight:900}
body.page-product .tech-ten-item small{font-size:11px;letter-spacing:.12em;color:#7b8d83}
body.page-product .tech-ten-item strong{font-size:21px;line-height:1.25;color:#1c4031}
body.page-product .tech-ten-item:hover,
body.page-product .tech-ten-item:focus-visible,
body.page-product .tech-ten-item.is-active{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--phase,#94b984) 55%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--phase,#94b984) 13%,#fff) 0%,#fff 100%);
  box-shadow:0 18px 34px rgba(23,55,43,.09);
  outline:none;
}
body.page-product .tech-ten-item.is-active>span{background:#173b2e;color:#fff}
body.page-product .phase-1{--phase:#9abb85}
body.page-product .phase-2{--phase:#d1b672}
body.page-product .phase-3{--phase:#80adbc}
body.page-product .phase-4{--phase:#8f9cc5}
body.page-product .phase-5{--phase:#d49d80}

@media(max-width:1100px){
  body.page-index .hero{min-height:720px}
  body.page-product .tech-ten-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  body.page-index .hero{
    min-height:720px;
    padding:70px 0 80px;
    background-position:center,62% center!important;
    background-size:cover,cover!important;
  }
  body.page-index .path-visual-panel{min-height:480px}
  body.page-product .tech-ten-feature{grid-template-columns:1fr}
  body.page-product .tech-ten-image{min-height:320px}
  body.page-product .tech-ten-image::after{background:linear-gradient(180deg,transparent 58%,rgba(23,59,46,.97) 100%)}
  body.page-product .tech-ten-active::before{display:none}
}
@media(max-width:720px){
  body.page-index .hero{
    min-height:680px;
    padding:52px 0 64px;
    background-image:
      linear-gradient(180deg,rgba(248,244,235,.99) 0%,rgba(248,244,235,.92) 45%,rgba(248,244,235,.36) 70%,rgba(248,244,235,.08) 100%),
      url('../images/home-hero-science-discovery.webp')!important;
    background-position:center,58% center!important;
  }
  body.page-index .path-visual-overlay{left:20px;right:20px;bottom:18px}
  body.page-index .path-visual-overlay strong{font-size:25px}
  body.page-product .tech-ten-shell{padding:10px;border-radius:28px}
  body.page-product .tech-ten-active{grid-template-columns:1fr;padding:30px 24px}
  body.page-product .tech-ten-number{width:68px;height:68px;border-radius:22px;font-size:25px}
  body.page-product .tech-ten-grid{grid-template-columns:1fr 1fr;gap:10px}
  body.page-product .tech-ten-item{min-height:132px;padding:15px}
  body.page-product .tech-ten-item strong{font-size:18px}
}
@media(max-width:460px){body.page-product .tech-ten-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  body.page-sulforaphane .compare-card.highlight,
  body.page-sulforaphane .compare-card.highlight::before,
  body.page-sulforaphane .compare-card.highlight::after,
  body.page-sulforaphane .compare-card.highlight .big{animation:none!important}
}


/* ===== 2026-08-06 news button centering ===== */
body.page-index .home-news-section .news-all-wrap{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  margin:34px auto 0!important;
  text-align:center!important;
}
body.page-index .home-news-section .news-all-btn{
  display:inline-flex!important;
  margin:0 auto!important;
  justify-self:center!important;
}


/* 2026-08-06 download-fix: restore animated technology panel and permanently expand visual scenes */
body.page-index .path-visual-panel{position:relative;isolation:isolate}
body.page-index .path-visual-panel>img{transition:opacity .38s ease,transform .58s cubic-bezier(.22,.61,.36,1),filter .38s ease}
body.page-index .path-visual-panel.is-changing>img{opacity:.16;transform:scale(1.055);filter:blur(2px)}
body.page-index .path-visual-panel::after{display:block!important;content:"";position:absolute;left:0;right:0;bottom:0;height:44%;z-index:1;background:linear-gradient(180deg,rgba(11,31,24,0) 0%,rgba(19,48,37,.88) 100%)}
body.page-index .path-visual-overlay{display:block!important;z-index:2}

.visual-gallery-expanded{padding:30px;border:1px solid var(--hairline);border-radius:30px;background:#fffdfa;box-shadow:0 16px 38px rgba(23,55,43,.05)}
.visual-gallery-expanded-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}
.visual-gallery-expanded-head small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#74877c;margin-bottom:8px}
.visual-gallery-expanded-head h2{margin:0;font-size:clamp(30px,3.5vw,46px);color:#173b2e}
.visual-gallery-expanded-head p{margin:0;color:#687c71;font-size:15px}
.visual-gallery-expanded .product-visual-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:0!important}
.visual-gallery-expanded .product-visual-card{grid-column:auto!important;min-width:0}
.visual-gallery-expanded .product-visual-card img{height:300px!important}
.visual-gallery-expanded .product-visual-card figcaption{min-height:126px}
@media(max-width:980px){.visual-gallery-expanded .product-visual-grid{grid-template-columns:1fr 1fr!important}.visual-gallery-expanded-head{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:640px){.visual-gallery-expanded{padding:18px}.visual-gallery-expanded .product-visual-grid{grid-template-columns:1fr!important}.visual-gallery-expanded .product-visual-card img{height:260px!important}}


/* ===== 2026-08-06 product fine tuning ===== */
body.page-product .product-carousel-slide--compact .product-image img{min-height:540px;height:540px;object-position:center;}
body.page-product .product-carousel-slide--compact .product-panel{padding:36px 38px 34px;}
body.page-product .product-carousel-slide--compact .product-panel h2{font-size:clamp(34px,4vw,56px);margin:6px 0 10px;}
body.page-product .product-carousel-slide--compact .product-panel>p{margin:0 0 16px;max-width:28ch;color:#5c6f65;}
body.page-product .product-carousel-slide--compact .product-info-grid{gap:0 22px;}
body.page-product .product-carousel-slide--compact .product-info-grid p{margin:0;padding:10px 0;border-bottom:1px solid rgba(34,66,52,.07);}
body.page-product .product-carousel-slide--compact .price-coming{font-size:26px!important;margin:16px 0 10px;padding-top:14px;}
body.page-product .product-carousel-slide--compact .is-disabled{align-self:flex-start;}
body.page-product .product-carousel-slide--compact .product-grid{min-height:540px;}

body.page-product .product-visual-section{padding:24px 0 8px!important;}
body.page-product .visual-gallery-expanded{padding:26px 26px 20px;}
body.page-product .visual-gallery-expanded .product-visual-grid{gap:18px!important;}
body.page-product .visual-gallery-expanded .product-visual-card{box-shadow:0 12px 28px rgba(23,55,43,.06);}
body.page-product .visual-gallery-expanded .product-visual-card figcaption{min-height:auto;padding-bottom:2px;}
body.page-product .visual-gallery-expanded .product-visual-card img{height:288px!important;}

body.page-product .endorsement-section{padding-top:18px;padding-bottom:28px;}
body.page-product .endorsement-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:stretch;}
body.page-product .endorsement-copy{padding:10px 0;}
body.page-product .endorsement-copy p{color:#5f7168;line-height:1.9;max-width:620px;}
body.page-product .endorsement-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;}
body.page-product .endorsement-switch-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 18px 20px;border-radius:24px;border:1px solid rgba(33,67,52,.08);background:linear-gradient(180deg,#eff6e6 0%,#fbfdf8 100%);box-shadow:0 10px 24px rgba(23,55,43,.04);text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;}
body.page-product .endorsement-switch-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dce8cf;color:#274938;font-weight:900;}
body.page-product .endorsement-switch-card strong{font-size:21px;line-height:1.35;color:#1c4031;}
body.page-product .endorsement-switch-card small{font-size:13px;color:#6f8479;}
body.page-product .endorsement-switch-card:hover,
body.page-product .endorsement-switch-card:focus-visible,
body.page-product .endorsement-switch-card.is-active{transform:translateY(-4px);border-color:rgba(47,92,66,.18);background:linear-gradient(180deg,#f3f8ec 0%,#ffffff 100%);box-shadow:0 18px 30px rgba(23,55,43,.08);outline:none;}
body.page-product .endorsement-media{position:relative;overflow:hidden;border-radius:32px;background:#dfe8dd;box-shadow:0 18px 42px rgba(23,55,43,.08);min-height:560px;}
body.page-product .endorsement-media img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;transition:opacity .35s ease,transform .75s ease;}
body.page-product .endorsement-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(12,30,24,0) 0%,rgba(18,48,36,.88) 100%);}
body.page-product .endorsement-media-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff;}
body.page-product .endorsement-media-copy span{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);}
body.page-product .endorsement-media-copy strong{display:block;font-size:32px;line-height:1.15;margin-bottom:10px;}
body.page-product .endorsement-media-copy p{margin:0;max-width:520px;color:rgba(255,255,255,.84);line-height:1.8;}
body.page-product .endorsement-media.is-changing img{opacity:.16;transform:scale(1.04);}
body.page-product .endorsement-media.is-changing .endorsement-media-copy>*{opacity:0;transform:translateY(10px);}
body.page-product .endorsement-media img,
body.page-product .endorsement-media .endorsement-media-copy>*,
body.page-product .endorsement-media::after{transition:all .35s ease;}

@media(max-width:1080px){
  body.page-product .endorsement-shell{grid-template-columns:1fr;}
  body.page-product .endorsement-media,
  body.page-product .endorsement-media img{min-height:420px;}
}
@media(max-width:760px){
  body.page-product .product-carousel-slide--compact .product-image img{min-height:360px;height:360px;}
  body.page-product .product-carousel-slide--compact .product-panel{padding:28px 22px 26px;}
  body.page-product .visual-gallery-expanded{padding:18px 18px 16px;}
  body.page-product .visual-gallery-expanded .product-visual-card img{height:248px!important;}
  body.page-product .endorsement-switch-grid{grid-template-columns:1fr;}
  body.page-product .endorsement-media-copy strong{font-size:28px;}
}


/* ===== 2026-08-07 final hero + compact product visual scene ===== */
body.page-product .product-visual-section{padding:14px 0 10px!important;}
body.page-product .visual-gallery-expanded{padding:22px!important;height:auto!important;min-height:0!important;}
body.page-product .visual-gallery-expanded-head{margin-bottom:18px!important;}
body.page-product .visual-gallery-expanded .product-visual-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:300px!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  min-height:0!important;
  height:auto!important;
}
body.page-product .visual-gallery-expanded .product-visual-card{height:300px!important;min-height:0!important;}
body.page-product .visual-gallery-expanded .product-visual-card img{height:300px!important;}
body.page-product .visual-gallery-expanded .product-visual-card figcaption{min-height:0!important;}
@media(max-width:980px){
 body.page-product .visual-gallery-expanded .product-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;}
 body.page-product .visual-gallery-expanded .product-visual-card{height:280px!important;}
 body.page-product .visual-gallery-expanded .product-visual-card img{height:280px!important;}
}
@media(max-width:640px){
 body.page-product .visual-gallery-expanded{padding:16px!important;}
 body.page-product .visual-gallery-expanded .product-visual-grid{grid-template-columns:1fr!important;}
 body.page-product .visual-gallery-expanded .product-visual-card{height:260px!important;}
 body.page-product .visual-gallery-expanded .product-visual-card img{height:260px!important;}
}


/* 2026-08-07 navigation hierarchy correction:
   top-level nav labels are page links; dropdown headings are display-only. */
.nav-menu-item > a.nav-menu-trigger{
  text-decoration:none;
}
.nav-popover > .nav-popover-heading{
  cursor:default;
  user-select:none;
}
.nav-popover > .nav-popover-heading:hover{
  background:transparent;
  transform:none;
}


/* 2026-08-07: about R&D hover switcher, product layout refinement, and tech visual switching. */
body.page-about #business .rnd-switch-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:stretch}
body.page-about #business .rnd-switch-copy p{color:#5c6f65;line-height:1.9;max-width:620px}
body.page-about #business .endorsement-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
body.page-about #business .endorsement-switch-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 18px 20px;border-radius:24px;border:1px solid rgba(33,67,52,.08);background:linear-gradient(180deg,#eff6e6 0%,#fbfdf8 100%);box-shadow:0 10px 24px rgba(23,55,43,.04);text-align:left;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
body.page-about #business .endorsement-switch-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#dce8cf;color:#274938;font-weight:900}
body.page-about #business .endorsement-switch-card strong{font-size:21px;line-height:1.35;color:#1c4031}
body.page-about #business .endorsement-switch-card small{font-size:13px;color:#6f8479}
body.page-about #business .endorsement-switch-card:hover,
body.page-about #business .endorsement-switch-card:focus-visible,
body.page-about #business .endorsement-switch-card.is-active{transform:translateY(-4px);border-color:rgba(47,92,66,.18);background:linear-gradient(180deg,#f3f8ec 0%,#ffffff 100%);box-shadow:0 18px 30px rgba(23,55,43,.08);outline:none}
body.page-about #business .endorsement-media{position:relative;overflow:hidden;border-radius:32px;background:#dfe8dd;box-shadow:0 18px 42px rgba(23,55,43,.08);min-height:540px}
body.page-about #business .endorsement-media img{display:block;width:100%;height:100%;min-height:540px;object-fit:cover;transition:opacity .35s ease,transform .75s ease}
body.page-about #business .endorsement-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(12,30,24,0) 0%,rgba(18,48,36,.88) 100%)}
body.page-about #business .endorsement-media-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff}
body.page-about #business .endorsement-media-copy span{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75)}
body.page-about #business .endorsement-media-copy strong{display:block;font-size:32px;line-height:1.15;margin-bottom:10px}
body.page-about #business .endorsement-media-copy p{margin:0;max-width:520px;color:rgba(255,255,255,.84);line-height:1.8}
body.page-about #business .endorsement-media.is-changing img{opacity:.16;transform:scale(1.04)}
body.page-about #business .endorsement-media.is-changing .endorsement-media-copy>*{opacity:0;transform:translateY(10px)}
body.page-about #business .endorsement-media img,
body.page-about #business .endorsement-media .endorsement-media-copy>*{transition:all .35s ease}

body.page-product .product-carousel-heading{align-items:flex-end;gap:24px;margin-bottom:24px}
body.page-product .product-carousel-heading>p{max-width:620px}
body.page-product .product-carousel-slide .product-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:stretch;min-height:520px}
body.page-product .product-carousel-slide .product-image img{min-height:520px;height:100%;object-fit:cover}
body.page-product .product-carousel-slide .product-panel{justify-content:flex-start;padding:34px 36px 32px}
body.page-product .product-panel>p{margin:0 0 14px;color:#61746a;max-width:28ch}
body.page-product .product-quickline{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
body.page-product .product-quickline span{padding:9px 13px;border-radius:999px;background:#eef4e9;border:1px solid rgba(22,56,43,.08);font-size:12px;font-weight:800;color:#2c4f3c}
body.page-product .product-carousel-slide--compact .product-grid{min-height:500px}
body.page-product .product-carousel-slide--compact .product-image img{min-height:500px;height:100%}
body.page-product .product-grid-concept .product-panel{background:linear-gradient(180deg,#fffefa 0%,#fbf8f1 100%)}
body.page-product .product-grid-concept-silver .product-image{background:linear-gradient(180deg,#e9edf0 0%,#dce2e7 100%)}
body.page-product .product-grid-concept-silver .product-image img.silver-upright{transform:scale(1.14) rotate(28deg);transform-origin:center center;object-fit:cover;object-position:center}

body.page-product .visual-gallery-expanded{padding:20px 20px 18px!important}
body.page-product .visual-gallery-expanded-head{margin-bottom:14px!important}
body.page-product .visual-gallery-expanded .product-visual-grid{gap:16px!important;grid-template-rows:none!important;align-items:stretch}
body.page-product .visual-gallery-expanded .product-visual-card{height:286px!important;margin:0!important}
body.page-product .visual-gallery-expanded .product-visual-card img{height:286px!important}
body.page-product .visual-gallery-expanded .product-visual-card figcaption{min-height:0!important;padding:16px 18px 18px!important}
body.page-product .product-visual-section{padding-top:14px;padding-bottom:16px}

body.page-product .tech-showcase-visual{position:relative;overflow:hidden}
body.page-product .tech-showcase-visual img,
body.page-product .tech-showcase-visual .tech-showcase-visual-copy>*{transition:all .35s ease}
body.page-product .tech-showcase-visual.is-changing img{opacity:.16;transform:scale(1.04)}
body.page-product .tech-showcase-visual.is-changing .tech-showcase-visual-copy>*{opacity:0;transform:translateY(10px)}
body.page-product .tech-showcase-visual-copy{z-index:2}
body.page-product .tech-showcase-lead{max-width:54ch}

@media(max-width:980px){
  body.page-about #business .rnd-switch-shell{grid-template-columns:1fr}
  body.page-about #business .endorsement-media,body.page-about #business .endorsement-media img{min-height:420px}
  body.page-about #business .endorsement-switch-grid{grid-template-columns:1fr 1fr}
  body.page-product .product-carousel-slide .product-grid{grid-template-columns:1fr}
  body.page-product .product-carousel-slide .product-image img,
  body.page-product .product-carousel-slide--compact .product-image img{min-height:360px;height:360px}
}
@media(max-width:640px){
  body.page-about #business .endorsement-switch-grid{grid-template-columns:1fr}
  body.page-product .product-carousel-slide .product-panel{padding:28px 22px 24px}
  body.page-product .product-quickline{gap:8px}
}


/* 2026-08-07: restore clickable primary navigation titles. */
.primary-nav .nav-menu-trigger[href]{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}
.primary-nav .nav-menu-trigger[href]:focus-visible{
  outline:2px solid rgba(55,99,68,.38);
  outline-offset:5px;
  border-radius:8px;
}
.nav-popover .nav-popover-heading{cursor:default;}


/* 2026-08-08 content architecture refinements */
body.page-index .history-mountain-shell{position:relative;margin-top:42px;padding:34px 24px 36px;border-radius:34px;background:linear-gradient(180deg,#fffdfa 0%,#f7f0e7 100%);border:1px solid rgba(54,82,64,.08);box-shadow:0 20px 46px rgba(20,54,40,.06);overflow:hidden}
body.page-index .history-mountain-shell::before,body.page-index .history-mountain-shell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none}
body.page-index .history-mountain-shell::before{background:linear-gradient(180deg,transparent 0%,transparent 25%,rgba(154,180,141,.15) 25%,rgba(154,180,141,.15) 100%);clip-path:polygon(0 100%,0 72%,14% 58%,27% 74%,41% 44%,54% 72%,67% 36%,80% 70%,91% 50%,100% 64%,100% 100%)}
body.page-index .history-mountain-shell::after{opacity:.6;background:linear-gradient(180deg,transparent 0%,transparent 40%,rgba(195,168,104,.15) 40%,rgba(195,168,104,.15) 100%);clip-path:polygon(0 100%,0 82%,9% 71%,22% 84%,34% 56%,49% 80%,60% 61%,74% 86%,87% 60%,100% 78%,100% 100%)}
body.page-index .history-mountain-track{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;align-items:end;min-height:420px;z-index:1}
body.page-index .history-mountain-node{position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:22px 18px 18px;border-radius:24px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);border:1px solid rgba(40,71,56,.08);box-shadow:0 12px 28px rgba(20,54,40,.06)}
body.page-index .history-mountain-node::before{content:"";position:absolute;left:24px;bottom:100%;width:2px;height:26px;background:linear-gradient(180deg,rgba(77,120,92,.48),rgba(77,120,92,0));}
body.page-index .history-mountain-node time{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:#eef3e8;color:#2a4d3c;font-weight:800;font-size:12px;letter-spacing:.04em}
body.page-index .history-mountain-node h3{font-size:22px;margin:14px 0 10px}
body.page-index .history-mountain-node p{margin:0;color:#5c6d65;line-height:1.72;font-size:14px}
body.page-index .history-mountain-node small{margin-top:14px;color:#7d8f86;font-weight:700;letter-spacing:.04em}
body.page-index .history-mountain-node.peak-1{margin-top:110px}body.page-index .history-mountain-node.peak-2{margin-top:66px}body.page-index .history-mountain-node.peak-3{margin-top:138px}body.page-index .history-mountain-node.peak-4{margin-top:36px}body.page-index .history-mountain-node.peak-5{margin-top:148px}body.page-index .history-mountain-node.peak-6{margin-top:74px}body.page-index .history-mountain-node.peak-7{margin-top:126px}

body.page-sulforaphane .quote-scholar-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:26px;align-items:stretch}
body.page-sulforaphane .quote-scholar-main,body.page-sulforaphane .quote-scholar-aside{border-radius:30px;border:1px solid rgba(35,66,51,.08);background:#fffdf9;box-shadow:0 15px 35px rgba(20,54,40,.05)}
body.page-sulforaphane .quote-scholar-main{padding:34px 34px 30px;position:relative;overflow:hidden}
body.page-sulforaphane .quote-scholar-main::before{content:"学";position:absolute;right:18px;top:18px;font-size:88px;line-height:1;color:rgba(30,63,48,.06);font-weight:900}
body.page-sulforaphane .quote-scholar-main h2{margin:10px 0 18px;font-size:clamp(34px,4vw,56px)}
body.page-sulforaphane .quote-scholar-main blockquote{margin:0;padding:22px 26px;border-left:4px solid #6b8f68;background:linear-gradient(135deg,#f7faef 0%,#fffefa 100%);font-size:22px;line-height:1.9;font-weight:600;color:#234638;border-radius:22px}
body.page-sulforaphane .quote-scholar-main cite{display:block;margin-top:18px;color:#6f8379;font-style:normal;font-weight:700}
body.page-sulforaphane .quote-scholar-aside{padding:22px;display:grid;grid-template-columns:1fr;gap:14px}
body.page-sulforaphane .scholar-fact-card,.scholar-note-card{padding:18px 18px 16px;border-radius:22px;background:linear-gradient(180deg,#fbfcf7 0%,#f4f0e6 100%);border:1px solid rgba(35,66,51,.07)}
body.page-sulforaphane .scholar-fact-card span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7c8f86;margin-bottom:8px}
body.page-sulforaphane .scholar-fact-card strong{display:block;font-size:26px;line-height:1.28}
body.page-sulforaphane .scholar-fact-card small{display:block;margin-top:8px;color:#61746c;line-height:1.7}
body.page-sulforaphane .scholar-note-card b{display:block;font-size:18px;margin-bottom:10px}
body.page-sulforaphane .scholar-note-card p{margin:0 0 12px;color:#5c6d65;line-height:1.8}
body.page-sulforaphane .mechanism-analogy-section{padding-top:24px}
body.page-sulforaphane .mechanism-analogy-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:28px;align-items:center}
body.page-sulforaphane .analogy-points{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
body.page-sulforaphane .analogy-point{padding:18px 20px;border-radius:22px;background:#fff;border:1px solid rgba(35,66,51,.08);box-shadow:0 12px 26px rgba(20,54,40,.05)}
body.page-sulforaphane .analogy-point strong{display:block;font-size:20px;margin-bottom:8px}
body.page-sulforaphane .analogy-point p{margin:0;color:#5d6f66;line-height:1.78}
body.page-sulforaphane .mechanism-analogy-figure img{width:100%;border-radius:30px;border:1px solid rgba(35,66,51,.08);box-shadow:0 18px 34px rgba(20,54,40,.08)}
body.page-sulforaphane .mechanism-analogy-figure figcaption{margin-top:12px;color:#7c8f86;font-size:13px;line-height:1.7}
body.page-sulforaphane .science-disclaimer{margin:26px auto 0;max-width:900px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid rgba(33,63,49,.08);color:#61746c;line-height:1.8;font-size:14px}
body.page-sulforaphane #medical-research .news-grid{align-items:stretch}

body.page-product .product-series-roadmap{margin-top:34px;padding:28px;border-radius:30px;background:linear-gradient(180deg,#fffdf8 0%,#f5f1e9 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 16px 32px rgba(20,54,40,.05)}
body.page-product .product-series-roadmap-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
body.page-product .product-series-roadmap-head p{max-width:620px;margin:0;color:#5c6d65;line-height:1.8}
body.page-product .roadmap-grid{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:16px;overflow:auto;padding-bottom:4px}
body.page-product .roadmap-card{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(35,66,51,.08);min-height:138px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 22px rgba(20,54,40,.05)}
body.page-product .roadmap-card span{font-size:12px;font-weight:800;letter-spacing:.18em;color:#7c8f86}
body.page-product .roadmap-card strong{font-size:22px;line-height:1.35}
body.page-product .roadmap-card small{color:#62746b;line-height:1.7}
body.page-product .roadmap-card.is-featured{background:linear-gradient(135deg,#173c2e 0%,#2d5b48 100%);color:#fff}
body.page-product .roadmap-card.is-featured span,body.page-product .roadmap-card.is-featured small{color:rgba(255,255,255,.8)}
body.page-product .roadmap-card.is-placeholder{background:linear-gradient(180deg,#f5f7f2 0%,#fbfcfa 100%);border-style:dashed}
body.page-product .silver-upright{transform:none!important;rotate:0deg!important;object-position:center center}
body.page-product .endorsement-plaque{margin:18px 0 20px;padding:10px;border-radius:24px;background:#fff;border:1px solid rgba(35,66,51,.08);box-shadow:0 10px 24px rgba(20,54,40,.05)}
body.page-product .endorsement-plaque img{width:100%;display:block;border-radius:18px}
body.page-product .endorsement-plaque figcaption{margin-top:10px;color:#7a8c84;font-size:13px}
body.page-product .nutrition-sheet-shell{display:grid;grid-template-columns:minmax(330px,.84fr) minmax(0,1.16fr);gap:28px;align-items:stretch}
body.page-product .nutrition-label,body.page-product .basic-info-stack{padding:28px;border-radius:30px;background:#fffdf9;border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 30px rgba(20,54,40,.05)}
body.page-product .nutrition-label h2,body.page-product .basic-info-stack h2{margin:10px 0 12px}
body.page-product .nutrition-note{color:#6d8078;line-height:1.7}
body.page-product .nutrition-box{margin-top:22px;padding:18px;border:4px solid #244534;border-radius:24px;background:#fff}
body.page-product .nutrition-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:2px solid #244534}
body.page-product .nutrition-box table{width:100%;border-collapse:collapse;font-size:14px}
body.page-product .nutrition-box th,body.page-product .nutrition-box td{padding:10px 0;border-bottom:1px solid rgba(36,69,52,.12);text-align:left}
body.page-product .nutrition-box th:last-child,body.page-product .nutrition-box td:last-child{text-align:right}
body.page-product .nutrition-box tr:last-child td{border-bottom:0}
body.page-product .basic-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
body.page-product .basic-info-grid article{padding:18px;border-radius:22px;background:linear-gradient(180deg,#f8fbf6 0%,#f3efe5 100%);border:1px solid rgba(35,66,51,.07)}
body.page-product .basic-info-grid span{display:block;font-size:12px;letter-spacing:.16em;color:#7d8f86;text-transform:uppercase;margin-bottom:8px}
body.page-product .basic-info-grid strong{display:block;font-size:20px;line-height:1.45;margin-bottom:8px}
body.page-product .basic-info-grid p{margin:0;color:#5e7067;line-height:1.72;font-size:14px}

body.page-about #rnd-center .rnd-switch-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:stretch}
body.page-about .about-contact-section{background:#fffdf9}
body.page-about .business-coop-section{padding-top:82px}
body.page-about .business-coop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
body.page-about .business-coop-card{padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(35,66,51,.08);box-shadow:0 12px 24px rgba(20,54,40,.05)}
body.page-about .business-coop-card span{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#eef3e8;color:#315344;font-size:12px;font-weight:800;letter-spacing:.14em}
body.page-about .business-coop-card h3{margin:0 0 8px;font-size:24px}
body.page-about .business-coop-card p{margin:0;color:#5e7067;line-height:1.78}
body.page-about .business-coop-note{margin-top:22px;padding:20px 22px;border-radius:24px;background:#fff;border:1px solid rgba(35,66,51,.08);display:flex;align-items:center;justify-content:space-between;gap:18px}
body.page-about .business-coop-note p{margin:6px 0 0;color:#5e7067;line-height:1.72}
body.page-about .about-news-section .news-grid{align-items:stretch}

@media (max-width:1100px){
  body.page-index .history-mountain-track{grid-template-columns:repeat(3,minmax(0,1fr));min-height:unset}
  body.page-index .history-mountain-node{margin-top:0!important}
  body.page-sulforaphane .quote-scholar-shell,
  body.page-sulforaphane .mechanism-analogy-shell,
  body.page-product .nutrition-sheet-shell,
  body.page-about #rnd-center .rnd-switch-shell{grid-template-columns:1fr}
  body.page-product .product-series-roadmap-head,
  body.page-about .business-coop-note{flex-direction:column;align-items:flex-start}
  body.page-about .business-coop-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body.page-index .history-mountain-track{grid-template-columns:1fr}
  body.page-sulforaphane .quote-scholar-main blockquote{font-size:18px;padding:18px}
  body.page-product .roadmap-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}
  body.page-product .basic-info-grid,
  body.page-about .business-coop-grid{grid-template-columns:1fr}
}


/* 2026-08-08 round 2 refinements */
body.page-index .alpine-history-section .history-alpine-board{margin-top:38px;padding:34px 28px 28px;border-radius:36px;background:linear-gradient(180deg,#fffdfa 0%,#f3eee5 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 18px 40px rgba(20,54,40,.05);overflow:hidden;position:relative}
body.page-index .alpine-history-section .history-alpine-board::before{content:"";position:absolute;left:-2%;right:-2%;top:138px;height:220px;background:linear-gradient(180deg,rgba(134,163,123,.16),rgba(134,163,123,.08));clip-path:polygon(0 88%,8% 76%,18% 82%,29% 54%,41% 69%,53% 38%,64% 73%,78% 48%,89% 71%,100% 42%,100% 100%,0 100%)}
body.page-index .alpine-history-section .history-alpine-ridge{position:relative;height:200px;margin-bottom:8px}
body.page-index .alpine-history-section .history-alpine-ridge::before{content:"";position:absolute;left:0;right:0;top:30px;bottom:16px;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0));clip-path:polygon(0 82%,8% 70%,18% 76%,29% 48%,41% 63%,53% 32%,64% 67%,78% 42%,89% 65%,100% 36%,100% 100%,0 100%)}
body.page-index .alpine-history-section .history-alpine-ridge::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#5f816a;clip-path:polygon(0 82%,8% 70%,18% 76%,29% 48%,41% 63%,53% 32%,64% 67%,78% 42%,89% 65%,100% 36%,100% 39%,89% 68%,78% 45%,64% 70%,53% 35%,41% 66%,29% 51%,18% 79%,8% 73%,0 85%)}
body.page-index .alpine-history-section .ridge-point{position:absolute;width:18px;height:18px;border-radius:50%;background:#d3b67b;border:4px solid #fff;box-shadow:0 6px 14px rgba(37,65,52,.18);z-index:2}
body.page-index .alpine-history-section .rp1{left:7%;top:133px}.rp2{left:18%;top:111px}.rp3{left:29%;top:72px}.rp4{left:52%;top:36px}.rp5{left:64%;top:109px}.rp6{left:78%;top:63px}.rp7{left:96%;top:25px;transform:translateX(-100%)}
body.page-index .alpine-history-section .history-alpine-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:start}
body.page-index .alpine-history-section .history-alpine-card{padding:18px 16px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid rgba(35,66,51,.07);box-shadow:0 10px 22px rgba(20,54,40,.04)}
body.page-index .alpine-history-section .history-alpine-card time{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf3e8;color:#2f5141;font-size:12px;font-weight:800;letter-spacing:.04em}
body.page-index .alpine-history-section .history-alpine-card h3{font-size:20px;margin:12px 0 8px;line-height:1.3}
body.page-index .alpine-history-section .history-alpine-card p{margin:0;color:#5d6f66;line-height:1.72;font-size:14px}
body.page-index .alpine-history-section .history-alpine-card.is-summit{background:linear-gradient(135deg,#1f4b39,#315c4a);color:#fff;transform:translateY(-12px)}
body.page-index .alpine-history-section .history-alpine-card.is-summit time{background:rgba(255,255,255,.16);color:#fff}
body.page-index .alpine-history-section .history-alpine-card.is-summit p{color:rgba(255,255,255,.84)}
body.page-index .alpine-history-section .history-alpine-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(35,66,51,.08)}
body.page-index .alpine-history-section .history-alpine-footer strong{font-size:22px;line-height:1.45;max-width:660px}
body.page-index .alpine-history-section .history-alpine-footer p{margin:0;max-width:420px;color:#64766e;line-height:1.8}

body.page-product .future-products-section{padding-top:24px}
body.page-product .roadmap-hover-shell{display:grid;grid-template-columns:minmax(380px,.98fr) minmax(0,1.02fr);gap:28px;align-items:stretch}
body.page-product .roadmap-hover-media{position:relative;overflow:hidden;border-radius:34px;background:#e3ece1;min-height:560px;box-shadow:0 18px 44px rgba(23,55,43,.08)}
body.page-product .roadmap-hover-media img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .75s ease}
body.page-product .roadmap-hover-media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(12,30,24,0) 0%,rgba(18,48,36,.9) 100%)}
body.page-product .roadmap-hover-overlay{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff}
body.page-product .roadmap-hover-overlay span{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.76)}
body.page-product .roadmap-hover-overlay strong{display:block;font-size:34px;line-height:1.15;margin-bottom:10px}
body.page-product .roadmap-hover-overlay p{margin:0;max-width:520px;color:rgba(255,255,255,.84);line-height:1.82}
body.page-product .roadmap-hover-media.is-changing img{opacity:.16;transform:scale(1.04)}
body.page-product .roadmap-hover-content{padding:8px 0 0}
body.page-product .roadmap-hover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
body.page-product .roadmap-hover-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:145px;padding:18px;border-radius:24px;background:#fff;border:1px solid rgba(35,66,51,.08);box-shadow:0 12px 24px rgba(20,54,40,.045);text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body.page-product .roadmap-hover-card:hover,body.page-product .roadmap-hover-card.is-active{transform:translateY(-2px);box-shadow:0 16px 32px rgba(20,54,40,.08);border-color:rgba(35,66,51,.18)}
body.page-product .roadmap-hover-card span{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eef3e8;color:#315344;font-size:12px;font-weight:800;letter-spacing:.12em}
body.page-product .roadmap-hover-card strong{margin:12px 0 8px;font-size:24px;line-height:1.32}
body.page-product .roadmap-hover-card small{color:#60736a;line-height:1.72}
body.page-product .roadmap-hover-card.is-placeholder{background:linear-gradient(180deg,#f7f9f4,#fcfcfa);border-style:dashed}

body.page-product .endorsement-shell{grid-template-columns:.94fr 1.06fr;align-items:start}
body.page-product .endorsement-media{min-height:auto!important;aspect-ratio:1.08/1;border-radius:34px;padding:14px;background:linear-gradient(180deg,#f3f7f0 0%,#dbe7da 100%);box-shadow:0 18px 42px rgba(23,55,43,.08)}
body.page-product .endorsement-media img{min-height:0!important;height:100%!important;border-radius:24px;object-fit:cover}
body.page-product .endorsement-media::after{left:14px;right:14px;bottom:14px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;height:40%}
body.page-product .endorsement-media-copy{left:34px;right:34px;bottom:34px}
body.page-product .endorsement-media-copy strong{font-size:30px}
body.page-product .endorsement-media-copy p{max-width:470px}
body.page-product .endorsement-plaque{margin-bottom:24px}

body.page-product .usage-combined-shell{padding:30px;border-radius:34px;background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 34px rgba(20,54,40,.05)}
body.page-product .usage-combined-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
body.page-product .usage-combined-head p{max-width:560px;margin:0;color:#60736a;line-height:1.8}
body.page-product .usage-combined-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.page-product .usage-flow-card,body.page-product .usage-tip-card{overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(35,66,51,.08);box-shadow:0 10px 24px rgba(20,54,40,.045)}
body.page-product .usage-flow-media,body.page-product .usage-tip-media{height:230px}
body.page-product .usage-flow-media img,body.page-product .usage-tip-media img{width:100%;height:100%;object-fit:cover;display:block}
body.page-product .usage-flow-body,body.page-product .usage-tip-body{padding:24px}
body.page-product .usage-flow-body h3,body.page-product .usage-tip-body h3{margin:0 0 16px;font-size:28px}
body.page-product .usage-flow-body ol{margin:0;padding-left:22px;display:grid;gap:12px;color:#5d6f66;line-height:1.8}
body.page-product .usage-flow-body li::marker{font-weight:800;color:#305342}
body.page-product .usage-tip-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.page-product .usage-tip-list span{display:flex;align-items:center;min-height:54px;padding:12px 14px;border-radius:16px;background:#f5f8f3;border:1px solid rgba(35,66,51,.07);color:#577067;line-height:1.65}

body.page-sulforaphane .quote-scholar-main{background:linear-gradient(135deg,#143528 0%,#254b3b 26%,#fffef8 26%,#fffef8 100%)}
body.page-sulforaphane .quote-scholar-main .eyebrow{color:#b9d2b7}
body.page-sulforaphane .quote-scholar-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
body.page-sulforaphane .quote-scholar-ribbon span{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:#eff7ec;font-size:12px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(255,255,255,.18)}
body.page-sulforaphane .quote-scholar-main h2{color:#173a2c}
body.page-sulforaphane .quote-scholar-main blockquote{position:relative;background:linear-gradient(135deg,#fffaf2 0%,#f4f8ea 50%,#f5efe2 100%);border-left:0;border-radius:24px;box-shadow:inset 0 0 0 1px rgba(35,66,51,.07)}
body.page-sulforaphane .quote-scholar-main blockquote::before{content:"“";position:absolute;left:16px;top:-18px;font-size:88px;line-height:1;color:rgba(176,142,75,.24);font-weight:900}
body.page-sulforaphane .quote-scholar-main cite{color:#415c50}
body.page-sulforaphane .quote-scholar-main .accent{padding:0 .22em;border-radius:.28em;background:rgba(116,163,106,.16);color:#1f4b38}
body.page-sulforaphane .quote-scholar-main .accent-warm{background:rgba(208,181,121,.2);color:#6a5124}
body.page-sulforaphane .quote-scholar-main .accent-gold{background:rgba(215,196,127,.24);color:#5b4d1c}
body.page-sulforaphane .quote-scholar-aside{background:linear-gradient(180deg,#fffef9 0%,#f1f6ed 100%)}
body.page-sulforaphane #medical-research .section-title.small{letter-spacing:0}

body.page-about #about-news{display:none!important}

@media (max-width:1100px){
 body.page-index .alpine-history-section .history-alpine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.page-index .alpine-history-section .history-alpine-ridge{display:none}
 body.page-index .alpine-history-section .history-alpine-board::before{display:none}
 body.page-product .roadmap-hover-shell,body.page-product .usage-combined-grid{grid-template-columns:1fr}
 body.page-product .roadmap-hover-media{min-height:420px}
 body.page-product .roadmap-hover-grid{grid-template-columns:1fr 1fr}
 body.page-product .usage-combined-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:760px){
 body.page-index .alpine-history-section .history-alpine-grid{grid-template-columns:1fr}
 body.page-index .alpine-history-section .history-alpine-footer{flex-direction:column;align-items:flex-start}
 body.page-product .roadmap-hover-grid,body.page-product .usage-tip-list{grid-template-columns:1fr}
 body.page-product .roadmap-hover-card strong{font-size:22px}
}


/* === Round 3 refinement: history hover / sulforaphane harmony / endorsement / warnings === */
body.page-index .alpine-history-section .history-alpine-card{position:relative;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease;cursor:pointer;outline:none}
body.page-index .alpine-history-section .history-alpine-card::after{content:"";position:absolute;inset:0;border-radius:22px;background:linear-gradient(145deg,rgba(40,85,64,.96),rgba(107,143,97,.92));opacity:0;transition:opacity .28s ease;z-index:0}
body.page-index .alpine-history-section .history-alpine-card>*{position:relative;z-index:1}
body.page-index .alpine-history-section .history-alpine-card:hover,
body.page-index .alpine-history-section .history-alpine-card:focus-visible{transform:translateY(-12px);box-shadow:0 20px 38px rgba(20,54,40,.14);color:#fff;border-color:rgba(40,85,64,.24)}
body.page-index .alpine-history-section .history-alpine-card:hover::after,
body.page-index .alpine-history-section .history-alpine-card:focus-visible::after{opacity:1}
body.page-index .alpine-history-section .history-alpine-card:hover time,
body.page-index .alpine-history-section .history-alpine-card:focus-visible time{background:rgba(255,255,255,.16);color:#fff}
body.page-index .alpine-history-section .history-alpine-card:hover p,
body.page-index .alpine-history-section .history-alpine-card:focus-visible p{color:rgba(255,255,255,.86)}
body.page-index .alpine-history-section .history-alpine-card.is-summit{box-shadow:0 16px 32px rgba(24,64,49,.14)}
body.page-index .alpine-history-section .history-alpine-card.is-summit:hover,
body.page-index .alpine-history-section .history-alpine-card.is-summit:focus-visible{transform:translateY(-18px) scale(1.01)}

body.page-sulforaphane .quote-scholar-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:26px;align-items:stretch;padding:34px;border-radius:34px;background:linear-gradient(135deg,#fffdfa 0%,#f2eee3 48%,#ebf2e7 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 18px 36px rgba(20,54,40,.06)}
body.page-sulforaphane .quote-scholar-main{position:relative;padding:32px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,244,233,.92));overflow:hidden}
body.page-sulforaphane .quote-scholar-main::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 18%,rgba(209,225,189,.82),transparent 28%),radial-gradient(circle at 92% 16%,rgba(244,220,170,.48),transparent 22%);pointer-events:none}
body.page-sulforaphane .quote-scholar-main>*{position:relative;z-index:1}
body.page-sulforaphane .quote-scholar-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 22px}
body.page-sulforaphane .quote-scholar-ribbon span{padding:8px 14px;border-radius:999px;background:#e8f0e2;border:1px solid rgba(35,66,51,.08);color:#355443;font-weight:700;font-size:13px}
body.page-sulforaphane .quote-scholar-main h2{margin:0 0 18px;font-size:44px;line-height:1.15;color:#17392d}
body.page-sulforaphane .quote-scholar-main blockquote{margin:0;padding:26px 28px 24px;border-radius:24px;background:linear-gradient(135deg,#f7ecd4,#fff7ea);border:1px solid rgba(212,182,120,.25);color:#2f3c35;font-size:24px;line-height:1.75;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
body.page-sulforaphane .quote-scholar-main blockquote::before{content:"“";display:block;font-size:56px;line-height:1;color:#d8b770;font-family:Georgia,serif;margin-bottom:8px}
body.page-sulforaphane .quote-scholar-main cite{display:block;margin-top:16px;padding-left:6px;color:#6f7a64;font-style:normal;font-weight:700;letter-spacing:.04em}
body.page-sulforaphane .quote-scholar-aside{display:grid;grid-template-columns:1fr;gap:16px}
body.page-sulforaphane .scholar-fact-card,
body.page-sulforaphane .scholar-note-card{padding:24px 22px;border-radius:24px;border:1px solid rgba(35,66,51,.08);box-shadow:0 10px 22px rgba(20,54,40,.045)}
body.page-sulforaphane .scholar-fact-card:nth-child(1){background:linear-gradient(180deg,#edf5e5,#fbfdf8)}
body.page-sulforaphane .scholar-fact-card:nth-child(2){background:linear-gradient(180deg,#f7efde,#fffdf8)}
body.page-sulforaphane .scholar-fact-card:nth-child(3){background:linear-gradient(180deg,#eef4f0,#fbfcfb)}
body.page-sulforaphane .scholar-fact-card span,
body.page-sulforaphane .scholar-note-card b{display:block;color:#5f6f64;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin-bottom:10px}
body.page-sulforaphane .scholar-fact-card strong{display:block;font-size:28px;color:#19392d;margin-bottom:8px}
body.page-sulforaphane .scholar-fact-card small{display:block;color:#61756c;line-height:1.75;font-size:14px}
body.page-sulforaphane .scholar-note-card{background:linear-gradient(135deg,#174331,#335a48);color:#fff}
body.page-sulforaphane .scholar-note-card p{margin:0 0 10px;color:rgba(255,255,255,.78);line-height:1.8}
body.page-sulforaphane .scholar-note-card .text-link{color:#e8f6dd}

body.page-sulforaphane .mechanism-analogy-shell{gap:32px;align-items:stretch}
body.page-sulforaphane .mechanism-analogy-shell .content{display:flex;flex-direction:column;justify-content:center;padding:32px;border-radius:30px;background:linear-gradient(180deg,#fffdfa 0%,#eef3ea 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 32px rgba(20,54,40,.05)}
body.page-sulforaphane .mechanism-analogy-shell .content h2{margin:0 0 16px;font-size:42px;line-height:1.18}
body.page-sulforaphane .mechanism-analogy-shell .content .lead{font-size:17px;color:#5e6f66;line-height:1.9}
body.page-sulforaphane .analogy-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.page-sulforaphane .analogy-point{height:100%;background:linear-gradient(180deg,#ffffff,#f6fbf6);border-color:rgba(81,116,94,.11)}
body.page-sulforaphane .analogy-point strong{color:#18392d;font-size:18px}
body.page-sulforaphane .analogy-point p{font-size:14px;line-height:1.78}
body.page-sulforaphane .mechanism-analogy-figure{position:relative;display:flex;flex-direction:column;justify-content:flex-end;margin:0;padding:18px;border-radius:30px;background:linear-gradient(180deg,#f7f2e7,#eef4ec);border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 34px rgba(20,54,40,.06);overflow:hidden}
body.page-sulforaphane .mechanism-analogy-figure::before{content:"钥匙 / Key";position:absolute;left:26px;top:24px;padding:8px 16px;border-radius:999px;background:rgba(23,57,45,.78);color:#fff;font-size:12px;font-weight:800;letter-spacing:.14em;z-index:2}
body.page-sulforaphane .mechanism-analogy-figure img{height:100%;min-height:420px;object-fit:cover}
body.page-sulforaphane .mechanism-analogy-figure figcaption{position:absolute;left:26px;right:26px;bottom:24px;margin-top:0;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.84);backdrop-filter:blur(10px);color:#54685f;font-size:13px;line-height:1.7;border:1px solid rgba(35,66,51,.08)}

body.page-sulforaphane .literature-actions{margin-top:26px}
body.page-sulforaphane .literature-more-link{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;background:linear-gradient(135deg,#214838,#416450);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 14px 28px rgba(20,54,40,.12);transition:transform .2s ease,box-shadow .2s ease}
body.page-sulforaphane .literature-more-link:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(20,54,40,.16)}

body.page-product .endorsement-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:28px;align-items:start}
body.page-product .endorsement-copy{padding:32px;border-radius:32px;background:linear-gradient(180deg,#fffdfa,#eef3eb);border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 30px rgba(20,54,40,.05)}
body.page-product .endorsement-copy p{color:#61726a;line-height:1.88}
body.page-product .endorsement-plaque{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;margin:22px 0 24px;padding:16px;border-radius:24px;background:linear-gradient(180deg,#ffffff,#f4f4f2);border:1px solid rgba(35,66,51,.08);box-shadow:0 10px 22px rgba(20,54,40,.05)}
body.page-product .endorsement-plaque img{width:100%;height:104px;object-fit:cover;border-radius:18px;box-shadow:0 8px 18px rgba(20,54,40,.08)}
body.page-product .endorsement-plaque figcaption{margin:0;color:#5d7067;line-height:1.7;font-size:14px}
body.page-product .endorsement-plaque figcaption::before{content:none;display:none}
body.page-product .endorsement-switch-grid{margin-top:0}
body.page-product .endorsement-media{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(35,66,51,.08);background:linear-gradient(180deg,#edf3ef,#dce8e0);box-shadow:0 18px 40px rgba(20,54,40,.08);min-height:620px}
body.page-product .endorsement-media img{width:100%;height:100%;object-fit:cover;min-height:620px;display:block}
body.page-product .endorsement-media::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,rgba(15,36,28,0),rgba(15,36,28,.68))}
body.page-product .endorsement-media-copy{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff}
body.page-product .endorsement-media-copy span{color:rgba(255,255,255,.76)}
body.page-product .endorsement-media-copy p{color:rgba(255,255,255,.84)}

body.page-product .usage-flow-card{background:linear-gradient(180deg,#ffffff,#f4f7f3)}
body.page-product .usage-tip-card{position:relative;background:linear-gradient(180deg,#fff6e6,#fff0d6);border:1px solid rgba(212,150,45,.28);box-shadow:0 16px 30px rgba(180,125,34,.08)}
body.page-product .usage-tip-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#d8891c,#f0b047,#d8891c)}
body.page-product .usage-warning-label{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff4dc;color:#a55f00;border:1px solid rgba(213,146,25,.28);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
body.page-product .usage-warning-label::before{content:"⚠";font-size:14px;line-height:1}
body.page-product .usage-tip-body h3{color:#9b5a00}
body.page-product .usage-tip-list span{background:rgba(255,255,255,.72);border:1px solid rgba(212,150,45,.2);color:#765622;box-shadow:0 8px 16px rgba(180,125,34,.05)}
body.page-product .usage-tip-media{position:relative}
body.page-product .usage-tip-media::after{content:"使用前请留意";position:absolute;left:18px;bottom:18px;padding:8px 14px;border-radius:999px;background:rgba(255,248,235,.88);color:#9d630a;font-size:12px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(213,146,25,.25)}

@media (max-width: 1080px){
  body.page-sulforaphane .quote-scholar-shell,
  body.page-sulforaphane .mechanism-analogy-shell,
  body.page-product .endorsement-shell{grid-template-columns:1fr}
  body.page-sulforaphane .analogy-points{grid-template-columns:1fr}
  body.page-product .endorsement-media,body.page-product .endorsement-media img{min-height:420px}
}
@media (max-width: 720px){
  body.page-sulforaphane .quote-scholar-shell{padding:22px}
  body.page-sulforaphane .quote-scholar-main{padding:22px}
  body.page-sulforaphane .quote-scholar-main h2,body.page-sulforaphane .mechanism-analogy-shell .content h2{font-size:32px}
  body.page-product .endorsement-copy{padding:24px}
  body.page-product .endorsement-plaque{grid-template-columns:1fr}
}

/* === Round 4 refinement === */
/* History: unify summit card color while keeping hover interaction */
body.page-index .alpine-history-section .history-alpine-card.is-summit{
  background:rgba(255,255,255,.92);
  color:inherit;
  transform:none;
  box-shadow:0 10px 22px rgba(20,54,40,.04);
}
body.page-index .alpine-history-section .history-alpine-card.is-summit time{
  background:#edf3e8;
  color:#2f5141;
}
body.page-index .alpine-history-section .history-alpine-card.is-summit p{
  color:#5d6f66;
}
body.page-index .alpine-history-section .history-alpine-card.is-summit:hover,
body.page-index .alpine-history-section .history-alpine-card.is-summit:focus-visible{
  color:#fff;
}
body.page-index .alpine-history-section .history-alpine-card.is-summit:hover time,
body.page-index .alpine-history-section .history-alpine-card.is-summit:focus-visible time{
  background:rgba(255,255,255,.16);
  color:#fff;
}
body.page-index .alpine-history-section .history-alpine-card.is-summit:hover p,
body.page-index .alpine-history-section .history-alpine-card.is-summit:focus-visible p{
  color:rgba(255,255,255,.86);
}

/* Sulforaphane definition: Italian art-inspired palette */
body.page-sulforaphane .quote-scholar-shell{
  background:linear-gradient(135deg,#f7f0e5 0%,#f1e2d0 42%,#e7ede1 100%);
  border-color:rgba(97,79,55,.12);
  box-shadow:0 24px 46px rgba(108,82,46,.08);
}
body.page-sulforaphane .quote-scholar-main{
  background:linear-gradient(145deg,#fffaf2 0%,#f6ecdd 52%,#fbf8f1 100%);
  border:1px solid rgba(164,121,76,.15);
}
body.page-sulforaphane .quote-scholar-main::before{
  background:
    radial-gradient(circle at 12% 16%,rgba(188,104,73,.18),transparent 30%),
    radial-gradient(circle at 88% 14%,rgba(114,136,94,.18),transparent 24%),
    linear-gradient(90deg,rgba(163,128,83,.08) 0,rgba(163,128,83,.08) 1px,transparent 1px,transparent 100%);
  background-size:auto,auto,22px 22px;
}
body.page-sulforaphane .quote-scholar-main .eyebrow{color:#9f6849;letter-spacing:.14em}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(1){background:#efe2d1;color:#8f4f3f;border-color:rgba(150,87,63,.16)}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(2){background:#eef0de;color:#566846;border-color:rgba(86,104,70,.14)}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(3){background:#e5ede8;color:#47645b;border-color:rgba(71,100,91,.14)}
body.page-sulforaphane .quote-scholar-main h2{color:#50372a;font-size:48px;letter-spacing:.01em}
body.page-sulforaphane .quote-scholar-main blockquote{
  background:linear-gradient(145deg,#fcf5e9 0%,#f2e7d8 100%);
  border:1px solid rgba(169,131,87,.18);
  color:#43382f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 12px 22px rgba(129,102,72,.05);
}
body.page-sulforaphane .quote-scholar-main blockquote::before{color:rgba(175,105,72,.32)}
body.page-sulforaphane .quote-scholar-main cite{color:#7d6652}
body.page-sulforaphane .quote-scholar-aside{background:linear-gradient(180deg,#fff9f2 0%,#f4f2ea 100%)}
body.page-sulforaphane .scholar-fact-card:nth-child(1){background:linear-gradient(180deg,#f4e5d6,#fffdf8)}
body.page-sulforaphane .scholar-fact-card:nth-child(2){background:linear-gradient(180deg,#eef0dc,#fffef9)}
body.page-sulforaphane .scholar-fact-card:nth-child(3){background:linear-gradient(180deg,#e5eee8,#fbfcfb)}
body.page-sulforaphane .scholar-fact-card strong{color:#4b352b}
body.page-sulforaphane .scholar-note-card{background:linear-gradient(135deg,#7a4e3e,#5f6f55)}
body.page-sulforaphane .scholar-note-card .text-link{color:#fff4d6}

/* Analogy section */
body.page-sulforaphane .mechanism-analogy-shell .content{
  background:linear-gradient(180deg,#fffaf3 0%,#eff1e6 100%);
}
body.page-sulforaphane .analogy-points{margin-top:18px}
body.page-sulforaphane .analogy-point{
  position:relative;
  padding:18px 16px 16px;
  background:linear-gradient(180deg,#fffdfa 0%,#f6f2ea 100%);
  border:1px solid rgba(139,116,83,.12);
}
body.page-sulforaphane .analogy-point:nth-child(1){box-shadow:inset 0 0 0 2px rgba(182,113,83,.12)}
body.page-sulforaphane .analogy-point:nth-child(2){box-shadow:inset 0 0 0 2px rgba(108,128,86,.12)}
body.page-sulforaphane .analogy-point:nth-child(3){box-shadow:inset 0 0 0 2px rgba(82,112,118,.12)}
body.page-sulforaphane .analogy-index{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  margin-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.08em;
  background:#e8dcc9;color:#7f5543;
}
body.page-sulforaphane .analogy-point:nth-child(2) .analogy-index{background:#e9eedf;color:#5a6e47}
body.page-sulforaphane .analogy-point:nth-child(3) .analogy-index{background:#e5edef;color:#44646a}
body.page-sulforaphane .analogy-point-title{
  display:block;
  margin-bottom:10px;
  font-size:22px;
  line-height:1.3;
  color:#372c24;
}
body.page-sulforaphane .analogy-point:nth-child(1) .analogy-point-title{color:#8e523e}
body.page-sulforaphane .analogy-point:nth-child(2) .analogy-point-title{color:#586f43}
body.page-sulforaphane .analogy-point:nth-child(3) .analogy-point-title{color:#3d6267}
body.page-sulforaphane .analogy-point p{margin:0;color:#5f5c57}

/* Literature/medical actions */
body.page-sulforaphane .medical-actions{margin-top:28px}
body.page-sulforaphane #medical-research .news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
body.page-sulforaphane .medical-more-link{background:linear-gradient(135deg,#7a4f3c,#51654c)}

/* Product endorsement stronger plaque layout */
body.page-product .endorsement-shell{grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:34px}
body.page-product .endorsement-copy{
  padding:36px;
  background:linear-gradient(180deg,#fffdfa 0%,#f3efe5 100%);
}
body.page-product .endorsement-plaque{
  grid-template-columns:1fr;
  gap:14px;
  margin:26px 0 28px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f6f4ef 100%);
  box-shadow:0 18px 34px rgba(20,54,40,.08);
}
body.page-product .endorsement-plaque img{
  width:100%;height:220px;object-fit:cover;border-radius:22px;
}
body.page-product .endorsement-plaque figcaption{
  font-size:15px;line-height:1.8;color:#596f64;
}
body.page-product .endorsement-plaque figcaption::before{
  font-size:28px;line-height:1.2;margin-bottom:8px;color:#193c31;
}
body.page-product .endorsement-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.page-product .endorsement-media{min-height:680px}
body.page-product .endorsement-media img{min-height:680px}
body.page-product .endorsement-media-copy{padding:22px 24px;border-radius:26px;background:rgba(255,255,255,.2)}
body.page-product .endorsement-media-copy strong{font-size:34px}

/* Nutrition/basic info */
body.page-product .nutrition-box td:nth-child(2),
body.page-product .nutrition-box td:nth-child(3){font-weight:700;color:#244638}
body.page-product .basic-info-grid article,
body.page-product .basic-info-grid .float-info-card{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body.page-product .basic-info-grid article:hover,
body.page-product .basic-info-grid article:focus-within{
  transform:translateY(-8px);
  box-shadow:0 18px 30px rgba(20,54,40,.09);
  border-color:rgba(35,66,51,.18);
  background:linear-gradient(180deg,#fbfdf7 0%,#f2ecd8 100%);
}
body.page-product .basic-info-grid article:nth-child(1){background:linear-gradient(180deg,#f5faf0,#f2efe5)}
body.page-product .basic-info-grid article:nth-child(2){background:linear-gradient(180deg,#f7f1e7,#f5eee2)}
body.page-product .basic-info-grid article:nth-child(3){background:linear-gradient(180deg,#eef4e9,#f2efe5)}
body.page-product .basic-info-grid article:nth-child(4){background:linear-gradient(180deg,#eef2f4,#f3efe5)}
body.page-product .basic-info-grid article:nth-child(5){background:linear-gradient(180deg,#f8f4e8,#f2ede3)}
body.page-product .basic-info-grid article:nth-child(6){background:linear-gradient(180deg,#eef5f1,#f3efe6)}

/* Warning design stronger */
body.page-product .usage-tip-card{
  background:linear-gradient(180deg,#fff0e0,#ffe5cb);
  border:1px solid rgba(204,97,49,.28);
  box-shadow:0 18px 34px rgba(181,94,43,.12);
}
body.page-product .usage-tip-card::before{
  height:10px;
  background:repeating-linear-gradient(90deg,#cf6232 0 14px,#ffbf59 14px 28px);
}
body.page-product .usage-warning-label{
  background:#fff4ed;
  color:#b44b22;
  border-color:rgba(204,97,49,.3);
  box-shadow:0 8px 16px rgba(181,94,43,.08);
}
body.page-product .usage-warning-desc{
  margin:10px 0 14px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.54);
  border:1px solid rgba(204,97,49,.16);
  color:#8d5534;
  line-height:1.72;
  font-size:14px;
}
body.page-product .usage-tip-body h3{color:#a7461f}
body.page-product .usage-tip-list span{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(204,97,49,.18);
  color:#774829;
}
body.page-product .usage-tip-media::after{
  background:rgba(255,247,240,.92);
  color:#bc4e23;
  border:1px solid rgba(204,97,49,.22);
}

/* Restore more polished R&D center cards */
body.page-about #rnd-center .rnd-switch-copy p{color:#5c6f65;line-height:1.9;max-width:620px}
body.page-about #rnd-center .endorsement-switch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
body.page-about #rnd-center .endorsement-switch-card{
  padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 22px rgba(20,54,40,.05);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.page-about #rnd-center .endorsement-switch-card:hover,
body.page-about #rnd-center .endorsement-switch-card.is-active{
  transform:translateY(-4px);
  box-shadow:0 18px 30px rgba(20,54,40,.09);
  border-color:rgba(35,66,51,.16);
}
body.page-about #rnd-center .endorsement-switch-card:nth-child(1){background:linear-gradient(180deg,#f4f8ef 0%,#ffffff 100%)}
body.page-about #rnd-center .endorsement-switch-card:nth-child(2){background:linear-gradient(180deg,#fbf2e6 0%,#ffffff 100%)}
body.page-about #rnd-center .endorsement-switch-card:nth-child(3){background:linear-gradient(180deg,#eef4f6 0%,#ffffff 100%)}
body.page-about #rnd-center .endorsement-switch-card:nth-child(4){background:linear-gradient(180deg,#f4efe8 0%,#ffffff 100%)}
body.page-about #rnd-center .endorsement-switch-card span{background:rgba(255,255,255,.82)}
body.page-about #rnd-center .endorsement-switch-card strong{font-size:22px}
body.page-about #rnd-center .endorsement-media{min-height:620px;background:linear-gradient(180deg,#eef3ef,#dde8e1)}
body.page-about #rnd-center .endorsement-media img{min-height:620px;object-fit:cover}

@media (max-width:1100px){
  body.page-sulforaphane #medical-research .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-product .endorsement-shell{grid-template-columns:1fr}
}
@media (max-width:720px){
  body.page-sulforaphane #medical-research .news-grid,
  body.page-about #rnd-center .endorsement-switch-grid,
  body.page-product .endorsement-switch-grid{grid-template-columns:1fr}
  body.page-sulforaphane .quote-scholar-main h2{font-size:38px}
  body.page-product .endorsement-plaque img{height:180px}
}

/* === Round 5: definition color system / analogy hover switch / plaque bottom === */
body.page-sulforaphane .quote-scholar-shell{
  background:linear-gradient(135deg,#f6f1e8 0%,#eef2e8 48%,#f7f3eb 100%);
  border:1px solid rgba(55,73,57,.10);
  box-shadow:0 24px 48px rgba(42,62,48,.07);
}
body.page-sulforaphane .quote-scholar-main{
  background:linear-gradient(180deg,#fffdfa 0%,#f7f2e8 100%);
  border:1px solid rgba(84,96,69,.10);
}
body.page-sulforaphane .quote-scholar-main::before{
  background:
    radial-gradient(circle at 10% 12%,rgba(174,188,142,.23),transparent 31%),
    radial-gradient(circle at 90% 12%,rgba(204,180,126,.18),transparent 25%);
  background-size:auto;
}
body.page-sulforaphane .quote-scholar-main .eyebrow{color:#6f8061}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(1){background:#e8eedf;color:#596b4d;border-color:rgba(89,107,77,.12)}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(2){background:#f1eadb;color:#846b47;border-color:rgba(132,107,71,.12)}
body.page-sulforaphane .quote-scholar-ribbon span:nth-child(3){background:#e9efec;color:#4d6a60;border-color:rgba(77,106,96,.12)}
body.page-sulforaphane .quote-scholar-main h2{color:#29463a}
body.page-sulforaphane .quote-scholar-main blockquote{
  background:linear-gradient(145deg,#fbf6eb 0%,#f4eddc 100%);
  border-color:rgba(155,136,91,.17);
  color:#3d443d;
}
body.page-sulforaphane .quote-scholar-main blockquote::before{color:rgba(144,125,81,.25)}
body.page-sulforaphane .quote-scholar-main cite{color:#6f7768}
body.page-sulforaphane .definition-art-strip{
  position:relative;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  align-items:center;
  margin-top:22px;
  padding:14px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#eef3e8,#f7f1e5);
  border:1px solid rgba(58,82,65,.09);
}
body.page-sulforaphane .definition-art-strip img{
  width:100%;height:116px;object-fit:cover;border-radius:16px;display:block;
}
body.page-sulforaphane .definition-art-caption span{
  display:block;font-size:11px;letter-spacing:.16em;color:#788572;margin-bottom:7px;font-weight:800;
}
body.page-sulforaphane .definition-art-caption strong{
  display:block;font-size:17px;line-height:1.6;color:#315043;
}
body.page-sulforaphane .quote-scholar-aside{
  background:transparent;
  gap:14px;
}
body.page-sulforaphane .definition-float-card{
  position:relative;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
  outline:none;
}
body.page-sulforaphane .definition-float-card:hover,
body.page-sulforaphane .definition-float-card:focus-visible{
  transform:translateY(-7px);
  box-shadow:0 18px 30px rgba(43,65,50,.10);
  border-color:rgba(70,94,72,.18);
}
body.page-sulforaphane .scholar-fact-card:nth-child(1){background:linear-gradient(180deg,#eaf0df,#fafcf6)}
body.page-sulforaphane .scholar-fact-card:nth-child(2){background:linear-gradient(180deg,#f2ecdc,#fffdf8)}
body.page-sulforaphane .scholar-fact-card:nth-child(3){background:linear-gradient(180deg,#e8efeb,#fbfdfb)}
body.page-sulforaphane .scholar-note-card{background:linear-gradient(135deg,#355846,#526b55);color:#fff}
body.page-sulforaphane .scholar-fact-card strong{color:#28463a}

/* Analogy hover switch */
body.page-sulforaphane .mechanism-analogy-shell{
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
  align-items:stretch;
  gap:28px;
}
body.page-sulforaphane .mechanism-analogy-shell .content{
  justify-content:flex-start;
  background:linear-gradient(180deg,#fffdfa 0%,#f1f4ec 100%);
}
body.page-sulforaphane .analogy-switch-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:24px;
}
body.page-sulforaphane .analogy-switch-card{
  width:100%;
  min-height:104px;
  display:grid;
  grid-template-columns:48px minmax(160px,.55fr) minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(54,77,61,.09);
  background:rgba(255,255,255,.82);
  text-align:left;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
body.page-sulforaphane .analogy-switch-card:hover,
body.page-sulforaphane .analogy-switch-card:focus-visible,
body.page-sulforaphane .analogy-switch-card.is-active{
  transform:translateX(7px);
  box-shadow:0 16px 28px rgba(33,67,50,.09);
  border-color:rgba(67,100,76,.18);
  background:linear-gradient(135deg,#ffffff 0%,#edf3e7 100%);
}
body.page-sulforaphane .analogy-switch-card .analogy-index{margin:0}
body.page-sulforaphane .analogy-switch-card .analogy-point-title{margin:0;font-size:22px}
body.page-sulforaphane .analogy-switch-card p{margin:0;font-size:14px;color:#66746c}
body.page-sulforaphane .analogy-switch-card:nth-child(1).is-active .analogy-point-title,
body.page-sulforaphane .analogy-switch-card:nth-child(1):hover .analogy-point-title{color:#8a6544}
body.page-sulforaphane .analogy-switch-card:nth-child(2).is-active .analogy-point-title,
body.page-sulforaphane .analogy-switch-card:nth-child(2):hover .analogy-point-title{color:#557044}
body.page-sulforaphane .analogy-switch-card:nth-child(3).is-active .analogy-point-title,
body.page-sulforaphane .analogy-switch-card:nth-child(3):hover .analogy-point-title{color:#446872}
body.page-sulforaphane .analogy-switch-media{
  position:relative;
  min-height:560px;
  padding:0;
  background:#dfe8df;
  overflow:hidden;
}
body.page-sulforaphane .analogy-switch-media img{
  width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:30px;
  transition:opacity .32s ease,transform .7s ease;
}
body.page-sulforaphane .analogy-switch-media.is-changing img{opacity:.22;transform:scale(1.04)}
body.page-sulforaphane .analogy-switch-media::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:54%;
  background:linear-gradient(180deg,rgba(16,37,29,0),rgba(16,37,29,.82));
  border-radius:0 0 30px 30px;
}
body.page-sulforaphane .analogy-media-copy{
  position:absolute;left:28px;right:28px;bottom:74px;z-index:3;color:#fff;
}
body.page-sulforaphane .analogy-media-copy span{
  display:block;margin-bottom:8px;font-size:11px;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.74);
}
body.page-sulforaphane .analogy-media-copy strong{
  display:block;font-size:34px;line-height:1.2;margin-bottom:10px;
}
body.page-sulforaphane .analogy-media-copy p{margin:0;max-width:520px;color:rgba(255,255,255,.86);line-height:1.8}
body.page-sulforaphane .analogy-switch-media figcaption{
  position:absolute;left:28px;right:28px;bottom:24px;z-index:3;
  margin:0;padding:0;background:transparent;border:0;color:rgba(255,255,255,.62);font-size:12px;
}

/* Endorsement plaque moved to the bottom of the section */
body.page-product .endorsement-section{
  padding-bottom:64px;
}
body.page-product .endorsement-shell{
  grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);
  gap:32px;
  align-items:stretch;
}
body.page-product .endorsement-copy{
  display:flex;flex-direction:column;justify-content:center;
}
body.page-product .endorsement-media{min-height:590px}
body.page-product .endorsement-media img{min-height:590px}
body.page-product .endorsement-plaque-bottom{
  width:min(1180px,calc(100% - 48px));
  margin:30px auto 0;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(420px,1.12fr) minmax(0,.88fr);
  gap:24px;
  align-items:center;
  border-radius:32px;
  background:linear-gradient(135deg,#f8f5ed 0%,#eef3ec 100%);
  border:1px solid rgba(45,70,55,.10);
  box-shadow:0 18px 36px rgba(23,55,43,.07);
}
body.page-product .endorsement-plaque-bottom img{
  width:100%;height:280px;object-fit:cover;border-radius:24px;display:block;
}
body.page-product .endorsement-plaque-bottom figcaption{margin:0;padding:8px 16px 8px 6px}
body.page-product .endorsement-plaque-bottom .plaque-kicker{
  display:block;margin-bottom:10px;font-size:11px;letter-spacing:.18em;font-weight:800;color:#7b887d;
}
body.page-product .endorsement-plaque-bottom figcaption strong{
  display:block;margin-bottom:12px;font-size:34px;line-height:1.22;color:#244638;
}
body.page-product .endorsement-plaque-bottom figcaption p{
  margin:0;color:#61736a;line-height:1.86;font-size:15px;
}

@media (max-width:1080px){
  body.page-sulforaphane .mechanism-analogy-shell,
  body.page-product .endorsement-shell,
  body.page-product .endorsement-plaque-bottom{grid-template-columns:1fr}
  body.page-sulforaphane .analogy-switch-media,
  body.page-sulforaphane .analogy-switch-media img{min-height:460px}
  body.page-product .endorsement-plaque-bottom img{height:240px}
}
@media (max-width:720px){
  body.page-sulforaphane .definition-art-strip{grid-template-columns:1fr}
  body.page-sulforaphane .definition-art-strip img{height:150px}
  body.page-sulforaphane .analogy-switch-card{grid-template-columns:44px 1fr}
  body.page-sulforaphane .analogy-switch-card p{grid-column:2}
  body.page-product .endorsement-plaque-bottom{width:calc(100% - 28px);padding:14px}
  body.page-product .endorsement-plaque-bottom figcaption strong{font-size:28px}
}

/* === Round 6: history image / lighter definition / analogy cleanup / separate products page / R&D card visual === */
body.page-index .history-image-only{padding:36px 0 54px;background:#f7f1e8;overflow:hidden}
body.page-index .history-image-wrap{width:min(1760px,100%);margin:0 auto;padding:0 24px}
body.page-index .history-image-wrap img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 24px 56px rgba(68,58,40,.12)}

/* Lighter, easier-to-read sulforaphane definition palette */
body.page-sulforaphane .quote-scholar-shell{
  background:linear-gradient(135deg,#fffaf2 0%,#f7f0e5 48%,#eef3e9 100%)!important;
  border-color:rgba(79,92,72,.08)!important;
  box-shadow:0 18px 38px rgba(49,68,52,.055)!important;
}
body.page-sulforaphane .quote-scholar-main{
  background:linear-gradient(180deg,#fffefb 0%,#faf6ee 100%)!important;
  border-color:rgba(117,102,76,.08)!important;
}
body.page-sulforaphane .quote-scholar-main::before{
  background:radial-gradient(circle at 12% 12%,rgba(201,216,176,.16),transparent 30%),radial-gradient(circle at 90% 10%,rgba(229,209,165,.13),transparent 24%)!important;
}
body.page-sulforaphane .quote-scholar-main .eyebrow{color:#849176!important}
body.page-sulforaphane .quote-scholar-main h2{color:#3f5748!important}
body.page-sulforaphane .quote-scholar-main blockquote{
  background:linear-gradient(145deg,#fffaf0 0%,#f9f2e6 100%)!important;
  border-color:rgba(154,136,101,.11)!important;
  color:#4d534d!important;
}
body.page-sulforaphane .quote-scholar-main cite{color:#7e8479!important}
body.page-sulforaphane .definition-art-strip{background:linear-gradient(135deg,#f3f6ee,#faf5eb)!important}
body.page-sulforaphane .scholar-fact-card:nth-child(1){background:linear-gradient(180deg,#f3f7ec,#ffffff)!important}
body.page-sulforaphane .scholar-fact-card:nth-child(2){background:linear-gradient(180deg,#fbf5e9,#ffffff)!important}
body.page-sulforaphane .scholar-fact-card:nth-child(3){background:linear-gradient(180deg,#f1f6f2,#ffffff)!important}
body.page-sulforaphane .scholar-fact-card strong{color:#445e50!important}
body.page-sulforaphane .scholar-note-card{
  background:linear-gradient(135deg,#edf3e7 0%,#e5ece2 100%)!important;
  color:#435b4c!important;
  border-color:rgba(73,98,79,.1)!important;
}
body.page-sulforaphane .scholar-note-card b{color:#536f5d!important}
body.page-sulforaphane .scholar-note-card p{color:#64766b!important}
body.page-sulforaphane .scholar-note-card .text-link{color:#365b47!important}

/* Analogy: remove gray frame, dynamic copy is the only label shown */
body.page-sulforaphane .mechanism-analogy-figure::before{display:none!important;content:none!important}
body.page-sulforaphane .analogy-switch-media{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:30px!important;
}
body.page-sulforaphane .analogy-switch-media img{border-radius:30px!important}
body.page-sulforaphane .analogy-media-copy{
  top:28px!important;
  bottom:auto!important;
  padding:18px 20px!important;
  border-radius:20px!important;
  background:rgba(28,49,39,.48)!important;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14)!important;
}
body.page-sulforaphane .analogy-media-copy span{font-size:12px!important;color:rgba(255,255,255,.82)!important}
body.page-sulforaphane .analogy-media-copy strong{font-size:28px!important}
body.page-sulforaphane .analogy-media-copy p{font-size:14px!important;max-width:560px!important}

/* Main product page: keep product info compact and move full catalogue elsewhere */
body.page-product .more-products-entry{display:flex;justify-content:flex-end;margin-top:22px}
body.page-product .more-products-link{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;border-radius:999px;background:#173e30;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 24px rgba(22,62,48,.12);transition:transform .2s ease,box-shadow .2s ease}
body.page-product .more-products-link:hover{transform:translateY(-2px);box-shadow:0 17px 30px rgba(22,62,48,.16)}
body.page-products .products-page-hero{padding:84px 0 48px;background:linear-gradient(180deg,#f7f3ea 0%,#eef3e9 100%)}
body.page-products .products-page-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
body.page-products .products-page-hero h1{margin:10px 0 14px;font-size:clamp(46px,6vw,82px);color:#173e30}
body.page-products .products-page-hero p{max-width:720px;margin:0;color:#61736a;font-size:18px;line-height:1.85}
body.page-products .future-products-section{padding-top:42px}
body.page-products .products-reserve-note{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:30px;border-radius:28px;background:#f6f1e8;border:1px solid rgba(35,66,51,.08)}
body.page-products .products-reserve-note h2{margin:8px 0 0;font-size:34px;color:#234738}
body.page-products .products-reserve-note p{max-width:620px;margin:0;color:#64766d;line-height:1.85}

/* R&D center adopts the same interaction language as Scientific Endorsement */
body.page-about #rnd-center .rnd-switch-shell{grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr)!important;gap:32px!important;align-items:stretch!important}
body.page-about #rnd-center .rnd-switch-copy{padding:32px;border-radius:32px;background:linear-gradient(180deg,#fffdfa 0%,#eef3eb 100%);border:1px solid rgba(35,66,51,.08);box-shadow:0 14px 30px rgba(20,54,40,.05)}
body.page-about #rnd-center .endorsement-switch-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:24px!important}
body.page-about #rnd-center .endorsement-switch-card{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;
  padding:18px 18px 20px!important;border-radius:24px!important;
  border:1px solid rgba(33,67,52,.08)!important;
  background:linear-gradient(180deg,#eff6e6 0%,#fbfdf8 100%)!important;
  box-shadow:0 10px 24px rgba(23,55,43,.04)!important;text-align:left!important;cursor:pointer!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
body.page-about #rnd-center .endorsement-switch-card span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:14px!important;background:#dce8cf!important;color:#274938!important;font-weight:900!important}
body.page-about #rnd-center .endorsement-switch-card strong{font-size:21px!important;line-height:1.35!important;color:#1c4031!important}
body.page-about #rnd-center .endorsement-switch-card small{font-size:13px!important;color:#6f8479!important}
body.page-about #rnd-center .endorsement-switch-card:hover,
body.page-about #rnd-center .endorsement-switch-card:focus-visible,
body.page-about #rnd-center .endorsement-switch-card.is-active{transform:translateY(-4px)!important;border-color:rgba(47,92,66,.18)!important;background:linear-gradient(180deg,#f3f8ec 0%,#ffffff 100%)!important;box-shadow:0 18px 30px rgba(23,55,43,.08)!important;outline:none!important}
body.page-about #rnd-center .endorsement-media{position:relative!important;overflow:hidden!important;min-height:590px!important;padding:14px!important;border-radius:34px!important;background:#dfe5e1!important;border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 18px 40px rgba(20,54,40,.08)!important}
body.page-about #rnd-center .endorsement-media img{display:block!important;width:100%!important;height:100%!important;min-height:562px!important;object-fit:cover!important;border-radius:24px!important}
body.page-about #rnd-center .endorsement-media::after{content:""!important;position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;height:40%!important;border-radius:0 0 24px 24px!important;background:linear-gradient(180deg,rgba(27,34,31,0),rgba(48,55,52,.82))!important}
body.page-about #rnd-center .endorsement-media-copy{position:absolute!important;left:38px!important;right:38px!important;bottom:38px!important;z-index:3!important;color:#fff!important}
body.page-about #rnd-center .endorsement-media-copy span{display:block!important;margin-bottom:8px!important;color:rgba(255,255,255,.72)!important;font-size:11px!important;letter-spacing:.16em!important}
body.page-about #rnd-center .endorsement-media-copy strong{display:block!important;font-size:34px!important;line-height:1.2!important;margin-bottom:10px!important;color:#fff!important}
body.page-about #rnd-center .endorsement-media-copy p{margin:0!important;color:rgba(255,255,255,.84)!important;line-height:1.8!important}
body.page-about #rnd-center .rnd-media-badge{position:absolute;right:34px;top:34px;z-index:4;padding:8px 13px;border-radius:999px;background:rgba(68,74,72,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em}

@media(max-width:980px){
  body.page-products .products-page-hero-inner,body.page-products .products-reserve-note{flex-direction:column;align-items:flex-start}
  body.page-about #rnd-center .rnd-switch-shell{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  body.page-index .history-image-wrap{padding:0 12px}
  body.page-index .history-image-wrap img{border-radius:18px}
  body.page-about #rnd-center .endorsement-switch-grid{grid-template-columns:1fr!important}
}

/* === Round 7 targeted refinements === */
/* Sulforaphane analogy: remove upper gray panel, shift copy down, keep clean readable overlay */
body.page-sulforaphane .analogy-switch-media{
  border-radius:32px!important;
  overflow:hidden!important;
}
body.page-sulforaphane .analogy-media-copy{
  top:auto!important;
  bottom:96px!important;
  left:30px!important;
  right:30px!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.page-sulforaphane .analogy-media-copy span{
  margin-bottom:10px!important;
  font-size:12px!important;
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 10px rgba(13,27,21,.22);
}
body.page-sulforaphane .analogy-media-copy strong{
  font-size:36px!important;
  line-height:1.15!important;
  text-shadow:0 4px 22px rgba(8,18,14,.24);
}
body.page-sulforaphane .analogy-media-copy p{
  max-width:560px!important;
  font-size:15px!important;
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 3px 18px rgba(8,18,14,.22);
}
body.page-sulforaphane .analogy-switch-media figcaption{
  left:30px!important;
  right:30px!important;
  bottom:18px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(8px)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:rgba(255,255,255,.80)!important;
  display:inline-flex;
  width:auto;
  max-width:calc(100% - 60px);
}

/* Medical research cards: unify lower panels to green gradient */
body.page-sulforaphane #medical-research .news-card{
  border-color:rgba(36,71,54,.08)!important;
}
body.page-sulforaphane #medical-research .news-card .news-body{
  background:linear-gradient(180deg,#eef4e7 0%,#f7fbf3 100%)!important;
}
body.page-sulforaphane #medical-research .news-card .tag{
  background:#dbe8cf!important;
  color:#355242!important;
}
body.page-sulforaphane #medical-research .news-card .meta{
  border-top:1px solid rgba(36,71,54,.08);
  padding-top:14px;
}
body.page-sulforaphane #medical-research .medical-more-link{
  background:linear-gradient(135deg,#214838,#416450)!important;
}

/* Home history image: let the mountain artwork fill the module with minimal margins */
body.page-index .history-image-only{
  padding:18px 0 28px!important;
  background:#f4efe5!important;
}
body.page-index .history-image-wrap{
  width:100%!important;
  max-width:none!important;
  padding:0 10px!important;
}
body.page-index .history-image-wrap img{
  width:100%!important;
  height:min(62vw,980px)!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:18px!important;
  box-shadow:0 22px 44px rgba(68,58,40,.11)!important;
}

/* Product page usage tips: vertical one-by-one warning list */
body.page-product .usage-tip-list{
  grid-template-columns:1fr!important;
  gap:10px!important;
}
body.page-product .usage-tip-list span{
  width:100%;
  justify-content:flex-start;
  min-height:52px;
  padding:12px 16px 12px 18px!important;
  position:relative;
  border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(204,97,49,.18)!important;
  color:#7a4b2c!important;
}
body.page-product .usage-tip-list span::before{
  content:"";
  width:6px;
  align-self:stretch;
  border-radius:999px;
  background:linear-gradient(180deg,#cf6232 0%,#ffbf59 100%);
  margin-right:14px;
  flex:0 0 6px;
}

/* About page business cooperation: floating hover cards */
body.page-about .business-coop-card{
  position:relative;
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
body.page-about .business-coop-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 0 18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#9ab687,#d1b176,#86a9b4);
  opacity:0;
  transition:opacity .24s ease,transform .24s ease;
  transform:translateY(8px);
}
body.page-about .business-coop-card:nth-child(1){background:linear-gradient(180deg,#f4f8ef 0%,#ffffff 100%)}
body.page-about .business-coop-card:nth-child(2){background:linear-gradient(180deg,#fbf4e8 0%,#ffffff 100%)}
body.page-about .business-coop-card:nth-child(3){background:linear-gradient(180deg,#eef4f6 0%,#ffffff 100%)}
body.page-about .business-coop-card:hover,
body.page-about .business-coop-card:focus-within{
  transform:translateY(-8px);
  box-shadow:0 20px 34px rgba(20,54,40,.10);
  border-color:rgba(62,96,74,.16);
}
body.page-about .business-coop-card:hover::after,
body.page-about .business-coop-card:focus-within::after{
  opacity:1;
  transform:translateY(0);
}
body.page-about .business-coop-card:hover span,
body.page-about .business-coop-card:focus-within span{
  background:#17392d;
  color:#fff;
}

/* === Round 48: image fill / stable timeline / analogy glass caption === */
/* R&D center: remove pale frame, let image fill the whole right area */
body.page-about #rnd-center .endorsement-media{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:34px!important;
  box-shadow:0 18px 40px rgba(20,54,40,.08)!important;
  min-height:620px!important;
}
body.page-about #rnd-center .endorsement-media img{
  width:100%!important;
  height:100%!important;
  min-height:620px!important;
  object-fit:cover!important;
  border-radius:34px!important;
  display:block!important;
}
body.page-about #rnd-center .endorsement-media::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:42%!important;
  border-radius:0 0 34px 34px!important;
}
body.page-about #rnd-center .endorsement-media-copy{
  left:34px!important;
  right:34px!important;
  bottom:34px!important;
}

/* Product history image: fixed display height + full bleed feel */
body.page-index .history-image-only{
  padding:14px 0 24px!important;
}
body.page-index .history-image-wrap{
  padding:0!important;
}
body.page-index .history-image-wrap img{
  width:100%!important;
  height:780px!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:14px!important;
}
@media (max-width: 1280px){
  body.page-index .history-image-wrap img{height:640px!important;}
}
@media (max-width: 900px){
  body.page-index .history-image-wrap img{height:520px!important;}
}
@media (max-width: 640px){
  body.page-index .history-image-wrap img{height:400px!important;}
}

/* Analogy section: remove remaining grey frame and use glass caption under image */
body.page-sulforaphane .analogy-switch-media{
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 18px 40px rgba(20,54,40,.08)!important;
  border-radius:32px!important;
}
body.page-sulforaphane .analogy-switch-media img{
  border-radius:32px!important;
}
body.page-sulforaphane .analogy-switch-media::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:58%!important;
  border-radius:0 0 32px 32px!important;
}
body.page-sulforaphane .analogy-media-copy{
  left:32px!important;
  right:32px!important;
  bottom:112px!important;
}
body.page-sulforaphane .analogy-switch-media figcaption{
  left:32px!important;
  right:32px!important;
  bottom:24px!important;
  display:block!important;
  width:auto!important;
  max-width:none!important;
  padding:14px 18px!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(12px)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 26px rgba(8,18,14,.12)!important;
  color:rgba(255,255,255,.88)!important;
  line-height:1.7!important;
}

/* === Round 49 fixes === */
/* Medical research: each card gets its own color identity */
body.page-sulforaphane #medical-research .news-card:nth-child(1) .news-body{
  background:linear-gradient(180deg,#edf5e9 0%,#f8fcf5 100%)!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(1) .tag{
  background:#d7e9ce!important;color:#335140!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(2) .news-body{
  background:linear-gradient(180deg,#f5efe3 0%,#fcfaf4 100%)!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(2) .tag{
  background:#ebdfc8!important;color:#7b5a33!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(3) .news-body{
  background:linear-gradient(180deg,#eaf1f4 0%,#f8fbfc 100%)!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(3) .tag{
  background:#d6e6ec!important;color:#3e6571!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(4) .news-body{
  background:linear-gradient(180deg,#f3ebe5 0%,#fcf8f4 100%)!important;
}
body.page-sulforaphane #medical-research .news-card:nth-child(4) .tag{
  background:#e8d9cd!important;color:#795042!important;
}
body.page-sulforaphane #medical-research .news-card h3{
  color:#1f372d;
}
body.page-sulforaphane #medical-research .news-card .meta{
  color:#5f6f66;
}

/* Analogy section: fully remove grey framing and make bottom text a clear glass panel */
body.page-sulforaphane .mechanism-analogy-figure,
body.page-sulforaphane .analogy-switch-media,
body.page-sulforaphane .mechanism-analogy-figure.media{
  background:transparent!important;
  border:0!important;
  padding:0!important;
  box-shadow:0 20px 42px rgba(20,54,40,.08)!important;
}
body.page-sulforaphane .analogy-switch-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:560px!important;
  object-fit:cover!important;
  border-radius:32px!important;
}
body.page-sulforaphane .analogy-switch-media::before{display:none!important;content:none!important;}
body.page-sulforaphane .analogy-switch-media::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:56%!important;
  background:linear-gradient(180deg,rgba(17,39,30,0),rgba(17,39,30,.82))!important;
  border-radius:0 0 32px 32px!important;
}
body.page-sulforaphane .analogy-media-copy{
  position:absolute!important;
  left:32px!important;right:32px!important;bottom:124px!important;
  top:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  z-index:3!important;
}
body.page-sulforaphane .analogy-media-copy span{
  display:inline-flex!important;
  margin:0 0 12px 0!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  backdrop-filter:blur(8px)!important;
  color:rgba(255,255,255,.92)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.page-sulforaphane .analogy-media-copy strong{
  display:block!important;
  font-size:36px!important;
  line-height:1.15!important;
  margin-bottom:12px!important;
  color:#fff!important;
}
body.page-sulforaphane .analogy-media-copy p{
  max-width:560px!important;
  font-size:15px!important;
  line-height:1.78!important;
  color:rgba(255,255,255,.92)!important;
}
body.page-sulforaphane .analogy-switch-media figcaption{
  position:absolute!important;
  left:32px!important;right:32px!important;bottom:24px!important;
  z-index:3!important;
  display:block!important;
  width:auto!important;max-width:none!important;
  margin:0!important;
  padding:14px 18px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(12px)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 28px rgba(8,18,14,.14)!important;
}



/* === Round 51: mechanism analogy clean-up === */
body.page-sulforaphane .analogy-switch-media{
  position:relative !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
body.page-sulforaphane .analogy-switch-media::before{
  display:none !important;
  content:none !important;
}
body.page-sulforaphane .analogy-switch-media::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:48% !important;
  background:linear-gradient(180deg, rgba(17,39,30,0) 0%, rgba(17,39,30,.72) 100%) !important;
  border-radius:0 0 32px 32px !important;
  pointer-events:none !important;
}
body.page-sulforaphane .analogy-switch-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  object-fit:cover !important;
  border-radius:32px !important;
}
body.page-sulforaphane .analogy-media-copy{
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:auto !important;
  bottom:28px !important;
  z-index:3 !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  background:rgba(24, 44, 35, .38) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 12px 28px rgba(8,18,14,.16) !important;
}
body.page-sulforaphane .analogy-media-copy span{
  display:inline-flex !important;
  margin:0 0 12px 0 !important;
  padding:7px 14px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.16) !important;
  color:rgba(255,255,255,.92) !important;
}
body.page-sulforaphane .analogy-media-copy strong{
  display:block !important;
  margin-bottom:10px !important;
  color:#ffffff !important;
}
body.page-sulforaphane .analogy-media-copy p{
  margin:0 !important;
  max-width:560px !important;
  color:rgba(255,255,255,.92) !important;
}



/* === Round 52 final mechanism analogy correction === */

/* Kill every historical top/upper label or mask on this figure */
body.page-sulforaphane .mechanism-analogy-figure::before,
body.page-sulforaphane .analogy-switch-media::before{
  content:none !important;
  display:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Remove the large grey/green overlay layer completely */
body.page-sulforaphane .mechanism-analogy-figure::after,
body.page-sulforaphane .analogy-switch-media::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Let the picture itself fill the right panel cleanly */
body.page-sulforaphane .mechanism-analogy-figure,
body.page-sulforaphane .analogy-switch-media,
body.page-sulforaphane .mechanism-analogy-figure.media{
  position:relative !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  border-radius:32px !important;
  box-shadow:0 18px 40px rgba(20,54,40,.08) !important;
}

body.page-sulforaphane .mechanism-analogy-figure img,
body.page-sulforaphane .analogy-switch-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:32px !important;
  box-shadow:none !important;
}

/* Only bottom copy uses a semi-transparent readability card */
body.page-sulforaphane .analogy-media-copy{
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  top:auto !important;
  bottom:28px !important;
  z-index:4 !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  background:rgba(31,47,41,.42) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(8,18,14,.16) !important;
  color:#fff !important;
}

/* Do not make the KEY label another grey box */
body.page-sulforaphane .analogy-media-copy span{
  display:block !important;
  width:auto !important;
  margin:0 0 8px 0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.78) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}

body.page-sulforaphane .analogy-media-copy strong{
  display:block !important;
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:34px !important;
  line-height:1.2 !important;
}

body.page-sulforaphane .analogy-media-copy p{
  margin:0 !important;
  max-width:560px !important;
  color:rgba(255,255,255,.90) !important;
  font-size:15px !important;
  line-height:1.75 !important;
}

/* Any old figure caption remains hidden */
body.page-sulforaphane .mechanism-analogy-figure figcaption,
body.page-sulforaphane .analogy-switch-media figcaption{
  display:none !important;
}


/* === Round 53: story order / 4:3 news / QR hub / ambassador / nutrition / video === */

/* News center imagery: consistent 4:3 presentation */
body.page-news .news-card img,
body.page-index .home-news-section .news-card img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 3 !important;
  object-fit:cover !important;
}

/* Five official-channel QR blocks in both Contact sections */
.contact-qr-hub{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:min(100%,560px);
  margin-top:26px;
}
.contact-qr-item{
  min-width:0;
  text-align:center;
}
.contact-qr-code{
  position:relative;
  aspect-ratio:1 / 1;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:7px solid #fff;
  outline:1px solid rgba(23,55,43,.10);
  box-shadow:0 8px 20px rgba(23,55,43,.08);
  background:
    repeating-conic-gradient(
      from 0deg,
      #17372b 0 12.5%,
      #fff 0 25%
    ) 0 0 / 18px 18px;
}
.contact-qr-code::before,
.contact-qr-code::after{
  content:"";
  position:absolute;
  width:24%;
  aspect-ratio:1;
  border:5px solid #17372b;
  background:#fff;
  box-shadow:inset 0 0 0 4px #fff,inset 0 0 0 8px #17372b;
}
.contact-qr-code::before{left:7%;top:7%}
.contact-qr-code::after{right:7%;top:7%}
.contact-qr-code span{
  position:absolute;
  left:50%;
  bottom:8%;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  min-width:28px;
  height:22px;
  padding:0 5px;
  border-radius:6px;
  background:#fff;
  color:#17372b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.contact-qr-item strong{
  display:block;
  margin-top:9px;
  color:#365448;
  font-size:12px;
  line-height:1.35;
}

/* Footer: the retired quick-jump block must never render */
.site-footer .footer-jumps-title,
.site-footer .footer-jumps{
  display:none !important;
}

/* New ambassador portrait supplied for round 53 */
body.page-product .product-ambassador-section .ambassador-photo-wrap{
  width:min(100%,540px);
}
body.page-product .product-ambassador-section .ambassador-photo-wrap img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 4 !important;
  object-fit:cover !important;
  object-position:center 38% !important;
  display:block !important;
}

/* Official nutrition reminder placed under the table */
body.page-product .nutrition-youth-note{
  margin:14px 0 0;
  padding:12px 14px;
  border-top:2px solid #244534;
  color:#244534;
  font-size:14px;
  line-height:1.65;
  font-weight:800;
  text-align:center;
}

/* Drinking-guide video below the usage cards */
body.page-product .usage-video-block{
  margin-top:22px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(180deg,#edf3ee 0%,#fffdfa 100%);
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 28px rgba(20,54,40,.05);
}
body.page-product .usage-video-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:16px;
}
body.page-product .usage-video-head span{
  display:block;
  margin-bottom:6px;
  color:#75877d;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
body.page-product .usage-video-head h3{
  margin:0;
  color:#214638;
  font-size:28px;
  line-height:1.25;
}
body.page-product .usage-video-head p{
  max-width:440px;
  margin:0;
  color:#68796f;
  font-size:14px;
  line-height:1.75;
}
body.page-product .usage-video-frame{
  overflow:hidden;
  border-radius:22px;
  background:#101614;
  box-shadow:0 14px 30px rgba(20,54,40,.10);
}
body.page-product .usage-video-frame video{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  background:#101614;
  object-fit:contain;
}

@media(max-width:980px){
  .contact-qr-hub{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:6px}
}
@media(max-width:720px){
  .contact-qr-hub{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  body.page-product .usage-video-head{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .contact-qr-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-product .usage-video-block{padding:16px}
  body.page-product .usage-video-head h3{font-size:24px}
}



/* === Round 54: preserve news copy / real nutrition / inline expandable drinking video === */

/* News: keep the larger 4:3 image, but never sacrifice the text block below it. */
body.page-news .editorial-grid .news-card,
body.page-index .home-news-section .news-card{
  display:flex !important;
  flex-direction:column !important;
  grid-template-rows:none !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
}
body.page-news .editorial-grid .news-card img,
body.page-index .home-news-section .news-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:4 / 3 !important;
  object-fit:cover !important;
  flex:0 0 auto !important;
}
body.page-news .editorial-grid .news-card .news-body,
body.page-index .home-news-section .news-card .news-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:170px !important;
  height:auto !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
  padding:24px !important;
}
body.page-news .editorial-grid .news-card h3,
body.page-index .home-news-section .news-card h3{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
}
body.page-news .editorial-grid .news-card .meta,
body.page-index .home-news-section .news-card .meta{
  margin-top:auto !important;
  padding-top:14px !important;
}

/* Nutrition table: give the real label values enough room. */
body.page-product #nutrition-sheet .nutrition-box table{
  table-layout:fixed;
}
body.page-product #nutrition-sheet .nutrition-box th:nth-child(1),
body.page-product #nutrition-sheet .nutrition-box td:nth-child(1){width:34%}
body.page-product #nutrition-sheet .nutrition-box th:nth-child(2),
body.page-product #nutrition-sheet .nutrition-box td:nth-child(2){width:42%;text-align:center}
body.page-product #nutrition-sheet .nutrition-box th:nth-child(3),
body.page-product #nutrition-sheet .nutrition-box td:nth-child(3){width:24%;text-align:right}

/* Put the video exactly into the empty lower area of the left usage card. */
body.page-product #usage .usage-flow-card{
  display:flex !important;
  flex-direction:column !important;
}
body.page-product #usage .usage-flow-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}
body.page-product #usage .usage-video-inline{
  margin-top:auto;
  padding-top:22px;
}
body.page-product #usage .usage-video-thumb{
  position:relative;
  display:block;
  width:100%;
  min-height:230px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:22px;
  background:#14261f;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(20,54,40,.12);
  text-align:left;
}
body.page-product #usage .usage-video-thumb img{
  display:block;
  width:100%;
  height:230px;
  object-fit:cover;
  transition:transform .35s ease,filter .35s ease;
}
body.page-product #usage .usage-video-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,23,17,.05),rgba(8,23,17,.58));
}
body.page-product #usage .usage-video-thumb:hover img{
  transform:scale(1.035);
}
body.page-product #usage .usage-video-thumb-overlay{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#fff;
}
body.page-product #usage .usage-video-play{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  flex:0 0 50px;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#214638;
  font-size:18px;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
body.page-product #usage .usage-video-thumb-copy strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.3;
}
body.page-product #usage .usage-video-thumb-copy small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  letter-spacing:.06em;
}

/* Enlarged video dialog */
body.page-product .usage-video-modal{
  width:min(1100px,92vw);
  max-width:none;
  padding:0;
  border:0;
  border-radius:26px;
  overflow:visible;
  background:transparent;
}
body.page-product .usage-video-modal::backdrop{
  background:rgba(6,18,13,.78);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
body.page-product .usage-video-modal-inner{
  position:relative;
  padding:10px;
  border-radius:26px;
  background:#0d1713;
  box-shadow:0 32px 80px rgba(0,0,0,.36);
}
body.page-product .usage-video-modal video{
  display:block;
  width:100%;
  max-height:82vh;
  aspect-ratio:16 / 9;
  object-fit:contain;
  border-radius:18px;
  background:#000;
}
body.page-product .usage-video-close{
  position:absolute;
  z-index:3;
  right:18px;
  top:18px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(14,27,21,.72);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

/* The old full-width video placement from round 53 stays retired. */
body.page-product #usage > .usage-video-block,
body.page-product #usage .usage-combined-shell > .usage-video-block{
  display:none !important;
}

@media(max-width:720px){
  body.page-product #usage .usage-video-thumb,
  body.page-product #usage .usage-video-thumb img{min-height:190px;height:190px}
  body.page-product .usage-video-modal{width:94vw}
}



/* === Round 55: News Center follows the Sulforaphane Medical Research card proportions === */

/* Same two-column reading rhythm as “萝卜硫素医学研究” */
body.page-news .editorial-grid,
body.page-index .home-news-section .news-harmony-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

/* Same restrained image height as the medical-research cards */
body.page-news .editorial-grid .news-card,
body.page-index .home-news-section .news-card{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  grid-template-rows:none !important;
}
body.page-news .editorial-grid .news-card img,
body.page-index .home-news-section .news-card img{
  display:block !important;
  width:100% !important;
  height:235px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  flex:none !important;
}

/* Keep the whole text area, matching the medical-research reading card */
body.page-news .editorial-grid .news-card .news-body,
body.page-index .home-news-section .news-card .news-body{
  display:flex !important;
  flex-direction:column !important;
  min-height:215px !important;
  padding:24px !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.page-news .editorial-grid .news-card h3,
body.page-index .home-news-section .news-card h3{
  display:block !important;
  margin:8px 0 12px !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-news .editorial-grid .news-card .meta,
body.page-index .home-news-section .news-card .meta{
  margin-top:auto !important;
  padding-top:14px !important;
  border-top:1px solid rgba(36,71,54,.08);
}

/* Mobile keeps the same proportions but becomes one column */
@media(max-width:760px){
  body.page-news .editorial-grid,
  body.page-index .home-news-section .news-harmony-grid{
    grid-template-columns:1fr !important;
  }
  body.page-news .editorial-grid .news-card img,
  body.page-index .home-news-section .news-card img{
    height:220px !important;
  }
}



/* === Round 56: News Center mirrors Medical Research layout / remove health-literature dates === */

/* News Center: four-column card composition matching “萝卜硫素医学研究” */
body.page-news .medical-style-news-grid,
body.page-index .home-news-section .medical-style-news-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

/* Card shell: same tall, narrow rhythm */
body.page-news .medical-style-news-grid .news-card,
body.page-index .home-news-section .medical-style-news-grid .news-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(36,71,54,.08) !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(21,55,43,.055) !important;
}

/* Image proportion copied from the reference: restrained top image, not oversized */
body.page-news .medical-style-news-grid .news-card img,
body.page-index .home-news-section .medical-style-news-grid .news-card img{
  display:block !important;
  width:100% !important;
  height:220px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  flex:0 0 220px !important;
}

/* Lower reading panel */
body.page-news .medical-style-news-grid .news-card .news-body,
body.page-index .home-news-section .medical-style-news-grid .news-card .news-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  min-height:255px !important;
  padding:24px 24px 22px !important;
  overflow:visible !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Four soft color identities, same logic as the medical-research reference */
body.page-news .medical-style-news-grid .news-card:nth-child(4n+1) .news-body,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+1) .news-body{
  background:linear-gradient(180deg,#edf5e9 0%,#f8fcf5 100%) !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n+2) .news-body,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+2) .news-body{
  background:linear-gradient(180deg,#f5efe3 0%,#fcfaf4 100%) !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n+3) .news-body,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+3) .news-body{
  background:linear-gradient(180deg,#eaf1f4 0%,#f8fbfc 100%) !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n) .news-body,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n) .news-body{
  background:linear-gradient(180deg,#f3ebe5 0%,#fcf8f4 100%) !important;
}

/* Matching tag colors */
body.page-news .medical-style-news-grid .news-card:nth-child(4n+1) .tag,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+1) .tag{
  background:#d7e9ce !important;color:#335140 !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n+2) .tag,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+2) .tag{
  background:#ebdfc8 !important;color:#7b5a33 !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n+3) .tag,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n+3) .tag{
  background:#d6e6ec !important;color:#3e6571 !important;
}
body.page-news .medical-style-news-grid .news-card:nth-child(4n) .tag,
body.page-index .home-news-section .medical-style-news-grid .news-card:nth-child(4n) .tag{
  background:#e8d9cd !important;color:#795042 !important;
}

body.page-news .medical-style-news-grid .news-card h3,
body.page-index .home-news-section .medical-style-news-grid .news-card h3{
  display:block !important;
  margin:14px 0 18px !important;
  color:#1f372d !important;
  font-size:20px !important;
  line-height:1.55 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

body.page-news .medical-style-news-grid .news-card .meta,
body.page-index .home-news-section .medical-style-news-grid .news-card .meta{
  margin-top:auto !important;
  padding-top:16px !important;
  border-top:1px solid rgba(36,71,54,.08) !important;
  color:#5f6f66 !important;
}

/* Health literature: after removing the date, keep “查看 →” aligned to the right */
body.page-sulforaphane #health-literature .news-card .meta{
  justify-content:flex-end !important;
}

/* Responsive layout */
@media(max-width:1180px){
  body.page-news .medical-style-news-grid,
  body.page-index .home-news-section .medical-style-news-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:700px){
  body.page-news .medical-style-news-grid,
  body.page-index .home-news-section .medical-style-news-grid{
    grid-template-columns:1fr !important;
  }
  body.page-news .medical-style-news-grid .news-card img,
  body.page-index .home-news-section .medical-style-news-grid .news-card img{
    height:210px !important;
    flex-basis:210px !important;
  }
}



/* === Round 57: imported real company news === */
body.page-news .medical-style-news-grid{
  max-width:1480px;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.page-news .medical-style-news-grid .news-card h3,
body.page-index .home-news-section .medical-style-news-grid .news-card h3{
  font-size:19px !important;
  line-height:1.52 !important;
}
body.page-article .source-note{
  margin-top:34px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:#f3f6f1 !important;
  border:1px solid rgba(35,66,51,.08) !important;
  color:#66786f !important;
  font-size:14px !important;
}
body.page-article .source-note a{
  color:#285541 !important;
  font-weight:800 !important;
}



/* === Round 58: real news/event photography galleries === */
body.page-article .news-photo-gallery{
  margin-top:42px;
}
body.page-article .news-photo-gallery > h2{
  margin:0 0 18px;
  color:#1f4537;
  font-size:28px;
  line-height:1.3;
}
body.page-article .news-photo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
body.page-article .news-photo-grid figure{
  margin:0;
  overflow:hidden;
  border-radius:22px;
  background:#f4f5f1;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 10px 26px rgba(20,54,40,.05);
}
body.page-article .news-photo-grid img{
  display:block;
  width:100%;
  height:300px;
  object-fit:cover;
}
body.page-article .news-photo-grid figcaption{
  padding:12px 14px 14px;
  color:#607269;
  font-size:13px;
  line-height:1.6;
}
@media(max-width:760px){
  body.page-article .news-photo-grid{grid-template-columns:1fr}
  body.page-article .news-photo-grid img{height:240px}
}



/* === Round 59: compact home news / legacy original-site news detail / no medical dates === */

/* ---------------------------------------------------------------
   Homepage News Center: 2-line title only + ellipsis + shorter card
   --------------------------------------------------------------- */
body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card img{
  height:172px !important;
  flex:0 0 172px !important;
}
body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card .news-body{
  min-height:168px !important;
  padding:18px 20px 18px !important;
}
body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card h3{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  line-clamp:2 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  margin:10px 0 12px !important;
  min-height:3.04em !important;
  max-height:3.04em !important;
  font-size:18px !important;
  line-height:1.52 !important;
}
body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card .tag{
  padding:6px 10px !important;
}
body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card .meta{
  padding-top:10px !important;
  font-size:12px !important;
}

/* ---------------------------------------------------------------
   News detail pages: emulate the original company's information page
   — left section navigation + clean right article, no AI hero imagery.
   --------------------------------------------------------------- */
body.legacy-news-detail-page{
  background:#fff !important;
}
body.legacy-news-detail-page .page-hero--article{
  display:none !important;
}
body.legacy-news-detail-page .legacy-news-main{
  background:#fff;
}
body.legacy-news-detail-page .legacy-news-section{
  padding:56px 0 82px;
}
body.legacy-news-detail-page .legacy-news-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:48px;
  align-items:start;
}
body.legacy-news-detail-page .legacy-news-sidebar{
  border-top:3px solid #1d5a43;
  background:#f7f8f6;
}
body.legacy-news-detail-page .legacy-news-sidebar h2{
  margin:0;
  padding:20px 20px 18px;
  color:#174632;
  font-size:22px;
  font-weight:800;
  border-bottom:1px solid #dfe5df;
}
body.legacy-news-detail-page .legacy-news-sidebar nav{
  display:flex;
  flex-direction:column;
}
body.legacy-news-detail-page .legacy-news-sidebar nav a{
  display:block;
  padding:15px 20px;
  border-bottom:1px solid #e4e8e4;
  color:#5f6c65;
  text-decoration:none;
  font-size:15px;
  line-height:1.4;
  background:#fff;
}
body.legacy-news-detail-page .legacy-news-sidebar nav a:hover,
body.legacy-news-detail-page .legacy-news-sidebar nav a.is-active{
  color:#fff;
  background:#1d5a43;
}
body.legacy-news-detail-page .legacy-news-article{
  min-width:0;
}
body.legacy-news-detail-page .legacy-news-breadcrumb{
  margin-bottom:20px;
  padding-bottom:13px;
  border-bottom:1px solid #e5e8e5;
  color:#8a938e;
  font-size:13px;
}
body.legacy-news-detail-page .legacy-news-breadcrumb a{
  color:#6c7771;
  text-decoration:none;
}
body.legacy-news-detail-page .legacy-news-article > h1{
  max-width:1000px;
  margin:0 auto;
  color:#26372f;
  font-size:32px;
  line-height:1.5;
  font-weight:700;
  text-align:center;
  letter-spacing:0;
}
body.legacy-news-detail-page .legacy-news-meta{
  margin:14px 0 34px;
  color:#9a9f9c;
  font-size:13px;
  text-align:center;
}
body.legacy-news-detail-page .legacy-news-body{
  max-width:960px;
  margin:34px auto 0;
  color:#4c5952;
  font-size:16px;
  line-height:2;
}
body.legacy-news-detail-page .legacy-news-body > p{
  margin:0 0 20px;
  text-indent:2em;
}
body.legacy-news-detail-page .legacy-news-body > h2{
  margin:34px 0 14px;
  color:#30463b;
  font-size:21px;
  line-height:1.5;
}
body.legacy-news-detail-page .legacy-news-photo-section{
  margin:26px 0 30px;
}
body.legacy-news-detail-page .legacy-news-image-stream{
  display:block !important;
}
body.legacy-news-detail-page .legacy-news-figure{
  margin:0 0 24px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
body.legacy-news-detail-page .legacy-news-figure img{
  display:block;
  width:100%;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.legacy-news-detail-page .legacy-news-figure figcaption{
  padding:9px 0 0;
  color:#8a928d;
  font-size:13px;
  line-height:1.6;
  text-align:center;
}
body.legacy-news-detail-page .legacy-news-source-note{
  margin-top:34px !important;
  padding-top:16px !important;
  border-top:1px solid #e6e9e6 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#8a928d !important;
  font-size:13px !important;
  text-indent:0 !important;
}
body.legacy-news-detail-page .legacy-news-source-note a{
  color:#1d5a43 !important;
}

/* Ensure old article AI hero/background image can never leak through. */
body.legacy-news-detail-page .page-hero--split::before,
body.legacy-news-detail-page .page-hero--article::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Medical Research: after date removal, “查看 →” sits at the right edge. */
body.page-sulforaphane #medical-research .news-card .meta{
  justify-content:flex-end !important;
}

/* Responsive */
@media(max-width:900px){
  body.legacy-news-detail-page .legacy-news-layout{
    grid-template-columns:1fr;
    gap:28px;
  }
  body.legacy-news-detail-page .legacy-news-sidebar{
    display:none;
  }
  body.legacy-news-detail-page .legacy-news-section{
    padding:38px 0 60px;
  }
  body.legacy-news-detail-page .legacy-news-article > h1{
    font-size:26px;
    text-align:left;
  }
  body.legacy-news-detail-page .legacy-news-meta{
    text-align:left;
  }
}
@media(max-width:700px){
  body.page-index .home-news-compact-two-line .medical-style-news-grid .news-card img{
    height:185px !important;
    flex-basis:185px !important;
  }
}



/* === Round 60: story-accurate news sidebar + full-width article body === */
body.legacy-news-detail-page .legacy-news-sidebar h2{
  color:#174632;
}
body.legacy-news-detail-page .legacy-news-sidebar nav a{
  font-size:16px;
}
body.legacy-news-detail-page .legacy-news-sidebar nav a.is-active{
  background:#1d5a43;
}
body.legacy-news-detail-page .legacy-news-layout{
  grid-template-columns:240px minmax(0,1fr);
  gap:54px;
}
body.legacy-news-detail-page .legacy-news-article{
  width:100%;
  min-width:0;
}
body.legacy-news-detail-page .legacy-news-article > h1{
  max-width:none !important;
  width:100%;
}
body.legacy-news-detail-page .legacy-news-body{
  max-width:none !important;
  width:100% !important;
  margin:34px 0 0 !important;
}
body.legacy-news-detail-page .legacy-news-body > p,
body.legacy-news-detail-page .legacy-news-body p{
  max-width:none !important;
  width:100% !important;
  white-space:normal !important;
  word-break:break-word;
}
body.legacy-news-detail-page .legacy-news-body *{
  word-break:break-word;
}



/* === Round 61: remove news sidebar and let article fill the page === */

body.legacy-news-detail-page .legacy-news-layout{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}

body.legacy-news-detail-page .legacy-news-sidebar{
  display:none !important;
}

body.legacy-news-detail-page .legacy-news-article{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

body.legacy-news-detail-page .legacy-news-breadcrumb{
  width:100% !important;
  margin:0 0 20px !important;
}

body.legacy-news-detail-page .legacy-news-breadcrumb a{
  display:inline !important;
  cursor:pointer !important;
  pointer-events:auto !important;
}

body.legacy-news-detail-page .legacy-news-article > h1{
  width:100% !important;
  max-width:none !important;
}

body.legacy-news-detail-page .legacy-news-body{
  width:100% !important;
  max-width:none !important;
  margin:34px 0 0 !important;
}

body.legacy-news-detail-page .legacy-news-body > p,
body.legacy-news-detail-page .legacy-news-body p{
  width:100% !important;
  max-width:none !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

body.legacy-news-detail-page .legacy-news-body > h2,
body.legacy-news-detail-page .legacy-news-body h2{
  width:100% !important;
  max-width:none !important;
}

body.legacy-news-detail-page .legacy-news-photo-section,
body.legacy-news-detail-page .legacy-news-image-stream{
  width:100% !important;
  max-width:none !important;
}



/* === Round 63: history frame exactly follows image === */
body.page-index section.history-image-only{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

body.page-index section.history-image-only .history-image-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
  border-radius:14px !important;
}

body.page-index section.history-image-only .history-image-wrap img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  outline:0 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

/* Neutralize all earlier responsive fixed-height rules. */
@media (min-width:1px){
  body.page-index section.history-image-only .history-image-wrap img{
    height:auto !important;
  }
}


/* === Round 66: exact image-size frames / pure website ===
   原则：框的可见面积严格等于图片面积；父级拉伸不再露出底色；
   圆角由图片与框共同使用同一数值。 */

/* 共用：消除 inline-image 基线缝隙、背景露边与伪元素越界 */
body.design-refined .exact-image-frame,
body.design-refined .exact-company-image-frame,
body.page-product .exact-product-image-frame,
body.page-product .exact-endorsement-image-frame{
  align-self:center !important;
  height:max-content !important;
  min-height:0 !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
}

/* 萝卜硫素作用机理：框和图完全同尺寸，统一正常圆角 */
body.page-sulforaphane .mechanism-overview-section .exact-image-frame{
  overflow:hidden !important;
  border-radius:28px !important;
  box-shadow:0 16px 38px rgba(23,55,43,.08) !important;
}
body.page-sulforaphane .mechanism-overview-section .exact-image-frame::after{
  border-radius:28px !important;
}
body.page-sulforaphane .mechanism-overview-section .exact-image-frame > img{
  display:block !important;
  width:100% !important;
  height:500px !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
  border:0 !important;
  border-radius:28px !important;
  box-shadow:none !important;
  object-fit:cover !important;
}

/* 公司概况：取消外框比图片大的可能，原来的异形圆角改成统一高级圆角 */
body.page-about #company-overview .exact-company-image-frame{
  overflow:hidden !important;
  border-radius:28px !important;
  box-shadow:0 16px 38px rgba(23,55,43,.08) !important;
}
body.page-about #company-overview .exact-company-image-frame::after{
  border-radius:28px !important;
}
body.page-about #company-overview .exact-company-image-frame > img{
  display:block !important;
  width:100% !important;
  height:500px !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
  border:0 !important;
  border-radius:28px !important;
  box-shadow:none !important;
  object-fit:cover !important;
}

/* 冷冻饮品 · SFN®系列：
   grid 原来会把 product-image 拉到和右侧文字一样高，从而露出底色。
   现在明确不 stretch，框高度只由图片决定。 */
body.page-product .product-carousel .exact-product-image-frame{
  align-self:center !important;
  overflow:hidden !important;
  height:660px !important;
  min-height:0 !important;
  background:transparent !important;
  border-radius:28px !important;
  box-shadow:0 16px 38px rgba(23,55,43,.08) !important;
}
body.page-product .product-carousel .exact-product-image-frame::after{
  border-radius:28px !important;
}
body.page-product .product-carousel .exact-product-image-frame > img{
  display:block !important;
  width:100% !important;
  height:660px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:28px !important;
  box-shadow:none !important;
}

/* 科技加持 · 信赖背书：
   图片用 absolute 完整铺满自己的可见框，任何 grid 拉伸都不会再露背景条。 */
body.page-product .endorsement-section .exact-endorsement-image-frame{
  position:relative !important;
  align-self:stretch !important;
  min-height:560px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:transparent !important;
  box-shadow:0 16px 38px rgba(23,55,43,.08) !important;
}
body.page-product .endorsement-section .exact-endorsement-image-frame > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:28px !important;
  box-shadow:none !important;
}
body.page-product .endorsement-section .exact-endorsement-image-frame::after{
  border-radius:28px !important;
}

/* 小屏幕同步：框与图片仍保持完全一致 */
@media(max-width:980px){
  body.page-sulforaphane .mechanism-overview-section .exact-image-frame > img,
  body.page-about #company-overview .exact-company-image-frame > img{
    height:420px !important;
  }
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel .exact-product-image-frame > img{
    height:520px !important;
  }
  body.page-product .endorsement-section .exact-endorsement-image-frame{
    min-height:420px !important;
  }
}

@media(max-width:640px){
  body.page-sulforaphane .mechanism-overview-section .exact-image-frame,
  body.page-about #company-overview .exact-company-image-frame,
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .endorsement-section .exact-endorsement-image-frame{
    border-radius:22px !important;
  }
  body.page-sulforaphane .mechanism-overview-section .exact-image-frame::after,
  body.page-about #company-overview .exact-company-image-frame::after,
  body.page-product .product-carousel .exact-product-image-frame::after,
  body.page-product .endorsement-section .exact-endorsement-image-frame::after,
  body.page-sulforaphane .mechanism-overview-section .exact-image-frame > img,
  body.page-about #company-overview .exact-company-image-frame > img,
  body.page-product .product-carousel .exact-product-image-frame > img,
  body.page-product .endorsement-section .exact-endorsement-image-frame > img{
    border-radius:22px !important;
  }
  body.page-sulforaphane .mechanism-overview-section .exact-image-frame > img,
  body.page-about #company-overview .exact-company-image-frame > img{
    height:350px !important;
  }
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel .exact-product-image-frame > img{
    height:420px !important;
  }
}


/* === Round 67: equal-height endorsement / balanced nutrition grid / single-line analogy titles === */

/* 图1：科技加持 · 信赖背书——左右两块严格等高，右图始终 cover 铺满裁切 */
body.page-product .endorsement-section .endorsement-shell{
  align-items:stretch !important;
}
body.page-product .endorsement-section .endorsement-copy,
body.page-product .endorsement-section .exact-endorsement-image-frame{
  min-height:640px !important;
  height:auto !important;
  align-self:stretch !important;
}
body.page-product .endorsement-section .endorsement-copy{
  justify-content:center !important;
}
body.page-product .endorsement-section .exact-endorsement-image-frame{
  position:relative !important;
  overflow:hidden !important;
}
body.page-product .endorsement-section .exact-endorsement-image-frame > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* 图2：基础信息 6 张卡填满右侧大框，增大纵向间距并与左侧营养表底部对齐 */
body.page-product .nutrition-sheet-shell{
  align-items:stretch !important;
}
body.page-product .nutrition-label,
body.page-product .basic-info-stack{
  height:100% !important;
}
body.page-product .basic-info-stack{
  display:flex !important;
  flex-direction:column !important;
}
body.page-product .basic-info-grid{
  flex:1 1 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,minmax(0,1fr)) !important;
  column-gap:18px !important;
  row-gap:22px !important;
  margin-top:24px !important;
  min-height:0 !important;
}
body.page-product .basic-info-grid article,
body.page-product .basic-info-grid .float-info-card{
  min-height:0 !important;
  height:100% !important;
  padding:22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

/* 图3：三条比喻标题全部单行，说明文字整体向右顺移 */
body.page-sulforaphane .analogy-switch-card{
  grid-template-columns:48px minmax(250px,.78fr) minmax(0,1fr) !important;
  column-gap:18px !important;
  padding-left:20px !important;
  padding-right:22px !important;
}
body.page-sulforaphane .analogy-switch-card .analogy-point-title{
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  font-size:21px !important;
}
body.page-sulforaphane .analogy-switch-card p{
  padding-left:6px !important;
}

@media(max-width:1100px){
  body.page-product .endorsement-section .endorsement-copy,
  body.page-product .endorsement-section .exact-endorsement-image-frame{
    min-height:600px !important;
  }
  body.page-sulforaphane .analogy-switch-card{
    grid-template-columns:46px minmax(220px,.72fr) minmax(0,1fr) !important;
  }
  body.page-sulforaphane .analogy-switch-card .analogy-point-title{
    font-size:19px !important;
  }
}

@media(max-width:980px){
  body.page-product .endorsement-section .endorsement-copy,
  body.page-product .endorsement-section .exact-endorsement-image-frame{
    min-height:0 !important;
  }
  body.page-product .endorsement-section .exact-endorsement-image-frame{
    min-height:460px !important;
  }
  body.page-product .basic-info-grid{
    grid-template-rows:none !important;
  }
  body.page-sulforaphane .analogy-switch-card{
    grid-template-columns:46px minmax(220px,.72fr) minmax(0,1fr) !important;
  }
}

@media(max-width:700px){
  body.page-product .basic-info-grid{
    grid-template-columns:1fr !important;
    row-gap:14px !important;
  }
  body.page-product .basic-info-grid article,
  body.page-product .basic-info-grid .float-info-card{
    height:auto !important;
    min-height:150px !important;
  }
  body.page-sulforaphane .analogy-switch-card{
    grid-template-columns:42px 1fr !important;
    row-gap:8px !important;
  }
  body.page-sulforaphane .analogy-switch-card .analogy-point-title{
    white-space:normal !important;
    font-size:20px !important;
  }
  body.page-sulforaphane .analogy-switch-card p{
    grid-column:2 !important;
    padding-left:0 !important;
  }
}

/* === Round 68: product image flush-fill left half, no exposed frame gap === */

/* 左侧图片区随整张产品卡自动拉伸，图片完全 cover 铺满，不再露出底框或空隙 */
body.page-product .product-carousel-viewport{
  overflow:hidden !important;
  border-radius:34px !important;
}
body.page-product .product-carousel-slide{
  padding:0 !important;
}
body.page-product .product-carousel-slide .product-grid{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr) !important;
  align-items:stretch !important;
  min-height:660px !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:#fff !important;
}
body.page-product .product-carousel .exact-product-image-frame{
  position:relative !important;
  align-self:stretch !important;
  width:100% !important;
  height:auto !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:34px 0 0 34px !important;
  box-shadow:none !important;
}
body.page-product .product-carousel .exact-product-image-frame::before,
body.page-product .product-carousel .exact-product-image-frame::after{
  display:none !important;
  content:none !important;
}
body.page-product .product-carousel .exact-product-image-frame > img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:top !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:34px 0 0 34px !important;
  box-shadow:none !important;
}
body.page-product .product-carousel-slide .product-panel{
  align-self:stretch !important;
  height:auto !important;
  margin:0 !important;
  border-radius:0 34px 34px 0 !important;
}
body.page-product .product-carousel-controls{
  position:absolute !important;
  inset:0 !important;
  margin:0 !important;
}
body.page-product .product-carousel-controls .carousel-dots{
  bottom:18px !important;
  z-index:8 !important;
}

/* 平板 / 手机：上下结构时同样不留任何底色缝隙 */
@media(max-width:980px){
  body.page-product .product-carousel-slide .product-grid{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  body.page-product .product-carousel .exact-product-image-frame{
    height:520px !important;
    min-height:520px !important;
    border-radius:28px 28px 0 0 !important;
  }
  body.page-product .product-carousel .exact-product-image-frame > img{
    border-radius:28px 28px 0 0 !important;
  }
  body.page-product .product-carousel-slide .product-panel{
    border-radius:0 0 28px 28px !important;
  }
}
@media(max-width:640px){
  body.page-product .product-carousel-viewport,
  body.page-product .product-carousel-slide .product-grid{
    border-radius:22px !important;
  }
  body.page-product .product-carousel .exact-product-image-frame{
    height:420px !important;
    min-height:420px !important;
    border-radius:22px 22px 0 0 !important;
  }
  body.page-product .product-carousel .exact-product-image-frame > img{
    border-radius:22px 22px 0 0 !important;
  }
  body.page-product .product-carousel-slide .product-panel{
    border-radius:0 0 22px 22px !important;
  }
}

/* === Round 69: nutrition and basic info columns aligned top-bottom === */

/* 商品营养成分表 / 基础信息展示：左右整块上下对齐 */
body.page-product .product-details-split{
  align-items:stretch !important;
}

body.page-product .product-details-split > .nutrition-panel,
body.page-product .product-details-split > .basic-info-panel{
  display:flex !important;
  flex-direction:column !important;
  align-self:stretch !important;
  height:100% !important;
  min-height:100% !important;
}

/* 左右两栏外层卡片高度一致 */
body.page-product .product-details-split > .nutrition-panel > .section-card,
body.page-product .product-details-split > .basic-info-panel > .section-card,
body.page-product .product-details-split > .nutrition-panel,
body.page-product .product-details-split > .basic-info-panel{
  height:100% !important;
}

/* 右栏正文区填满剩余高度，使底部与左栏齐平 */
body.page-product .basic-info-panel .basic-info-grid-wrap{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  min-height:0 !important;
}

/* 基础信息卡片网格拉开，让最底一排尽量贴近左边底部 */
body.page-product .basic-info-panel .basic-info-grid{
  flex:1 1 auto !important;
  align-content:space-between !important;
  min-height:100% !important;
}

/* 每个信息卡统一更自然的内边距 */
body.page-product .basic-info-panel .basic-info-grid .info-card{
  height:100% !important;
}

/* 小屏时恢复自然流式布局，避免挤压 */
@media (max-width: 980px){
  body.page-product .product-details-split > .nutrition-panel,
  body.page-product .product-details-split > .basic-info-panel,
  body.page-product .product-details-split > .nutrition-panel > .section-card,
  body.page-product .product-details-split > .basic-info-panel > .section-card{
    height:auto !important;
    min-height:0 !important;
  }

  body.page-product .basic-info-panel .basic-info-grid-wrap,
  body.page-product .basic-info-panel .basic-info-grid{
    display:block !important;
    min-height:0 !important;
  }
}

/* Round 75: full-width Nrf2 mechanism reference figure */
.mechanism-reference-section{padding-top:0;padding-bottom:clamp(30px,5vw,72px)}
.mechanism-reference-figure{margin:0;width:100%;overflow:hidden;border-radius:28px;background:#fff;box-shadow:0 18px 55px rgba(23,57,45,.08)}
.mechanism-reference-figure img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:720px){.mechanism-reference-figure{border-radius:18px}}

/* Round 76: natural-evolution cards fill their full equal-height shells */
body.page-sulforaphane .evolution-flow-grid{align-items:stretch}
body.page-sulforaphane .evolution-flow-grid .evolution-card{display:flex;flex-direction:column;height:100%;overflow:hidden}
body.page-sulforaphane .evolution-flow-grid .evolution-card .copy{display:flex;flex-direction:column;flex:1;min-height:0!important}
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(1),
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(1) .copy{background:#eef4e7}
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(2),
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(2) .copy{background:#f2e7e0}
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(3),
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(3) .copy{background:#e3edf1}
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(4),
body.page-sulforaphane .evolution-flow-grid .evolution-card:nth-child(4) .copy{background:#f3eddc}
body.page-sulforaphane .evolution-flow-grid .evolution-card:hover .copy,
body.page-sulforaphane .evolution-flow-grid .evolution-card:focus .copy{filter:brightness(.985)}

/* Round 76: full-width Nrf2 reference visual */
body.page-sulforaphane .mechanism-reference-figure{margin:0;width:100%;overflow:hidden;border-radius:22px;background:#fbf8f1}
body.page-sulforaphane .mechanism-reference-figure img{display:block;width:100%;height:auto;object-fit:contain}

/* Round 78 */
.required-mark{color:#b54832;margin-left:.24em;font-weight:700}.reg-mark{font-size:.55em;vertical-align:super;line-height:0;margin-left:.02em}


/* Round 79 verified release */
.home-news-section .news-card .news-body{padding:18px 18px 16px}
.home-news-section .news-card .news-body h3{margin-top:0}
.home-news-section .news-card{min-height:0}

/* 18: progressive mechanism cards */
.mechanism-analogy-section .analogy-switch-grid{gap:14px;overflow:visible}
.mechanism-analogy-section .analogy-switch-card{position:relative;min-height:76px;padding:20px 44px 20px 24px;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);border-radius:18px;background:linear-gradient(135deg,#fffdf8,#eef4ed);border:1px solid rgba(23,57,45,.12);transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.mechanism-analogy-section .analogy-switch-card:nth-child(2){transform:translateX(18px)}
.mechanism-analogy-section .analogy-switch-card:nth-child(3){transform:translateX(36px)}
.mechanism-analogy-section .analogy-switch-card:hover,.mechanism-analogy-section .analogy-switch-card.is-active{box-shadow:0 16px 34px rgba(23,57,45,.12);background:linear-gradient(135deg,#f7fbf5,#e6efe7)}
.mechanism-analogy-section .analogy-switch-card:nth-child(2):hover,.mechanism-analogy-section .analogy-switch-card:nth-child(2).is-active{transform:translateX(22px)}
.mechanism-analogy-section .analogy-switch-card:nth-child(3):hover,.mechanism-analogy-section .analogy-switch-card:nth-child(3).is-active{transform:translateX(40px)}
.mechanism-analogy-section .analogy-point-title{font-size:clamp(18px,1.7vw,24px);line-height:1.35}
.mechanism-analogy-section .analogy-index{font-variant-numeric:tabular-nums}
.mechanism-analogy-section .analogy-media-copy{padding:18px 22px}
.mechanism-analogy-section .analogy-media-copy p,.mechanism-analogy-section .analogy-media-copy span{display:none!important}

/* 23: product characteristics follow carousel */
.product-badges{display:block!important;padding:0!important;overflow:hidden}
.product-feature-group{display:none;grid-template-columns:repeat(var(--feature-count,4),1fr);width:100%;opacity:0;transform:translateY(10px)}
.product-feature-group.is-active{display:grid;opacity:1;transform:none;animation:featureGroupIn .46s cubic-bezier(.2,.72,.2,1)}
.product-feature-group[data-feature-group="0"]{--feature-count:4}
.product-feature-group[data-feature-group="1"]{--feature-count:3}
.product-feature-group[data-feature-group="2"]{--feature-count:5}
.product-feature-group .product-badge{min-height:108px;border-right:1px solid rgba(23,57,45,.1)}
.product-feature-group .product-badge:last-child{border-right:0}
@keyframes featureGroupIn{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
.product-info-unified{min-height:206px;align-content:start}

/* 24: brand ambassador mini-program-inspired editorial layout */
.product-ambassador-section{background:#0f4a39;color:#fff;padding-block:clamp(54px,7vw,96px)}
.product-ambassador-section .ambassador-grid{position:relative;gap:clamp(24px,4vw,64px);align-items:center}
.product-ambassador-section .ambassador-copy h2{color:#d7b56d;font-size:clamp(30px,4.2vw,58px);max-width:740px;letter-spacing:.02em}
.product-ambassador-section .ambassador-copy{z-index:2}
.product-ambassador-section .ambassador-quote{background:#fbf5e9;color:#174134;border:1px solid rgba(213,176,99,.75);border-radius:28px;padding:clamp(28px,4vw,48px);box-shadow:0 24px 60px rgba(0,0,0,.2);margin-top:28px;position:relative}
.product-ambassador-section .ambassador-quote::before{content:"品牌寄语";display:block;color:#b88b35;font-size:12px;font-weight:800;letter-spacing:.28em;margin-bottom:20px}
.product-ambassador-section .ambassador-quote p{font-size:clamp(24px,2.5vw,38px);line-height:1.55;color:#8d6323;font-weight:650;margin:0}
.product-ambassador-section .ambassador-quote footer{display:flex;justify-content:flex-end;margin-top:18px;min-height:38px}
.ambassador-signature{display:block;max-width:132px;max-height:52px;object-fit:contain;mix-blend-mode:multiply;opacity:.9}
.product-ambassador-section .ambassador-media{order:-1}
.product-ambassador-section .ambassador-photo-wrap{border-radius:34px;overflow:hidden;border:1px solid rgba(215,181,109,.4);box-shadow:0 26px 70px rgba(0,0,0,.24)}
.product-ambassador-section .ambassador-points span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#f1efe8}
.product-ambassador-section .ambassador-actions .btn.light{color:#fff;border-color:rgba(255,255,255,.45)}

/* 27: basic info four-card OCD grid */
.basic-info-four-grid,.floating-info-grid:has(.float-info-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.basic-info-four-grid .float-info-card,.floating-info-grid:has(.float-info-card) .float-info-card{min-height:154px;padding:28px 28px 26px;display:flex;flex-direction:column;justify-content:center;gap:12px;border-radius:26px}
.basic-info-four-grid .float-info-card span,.floating-info-grid:has(.float-info-card) .float-info-card span{margin:0;line-height:1;color:#7b8e85}
.basic-info-four-grid .float-info-card strong,.floating-info-grid:has(.float-info-card) .float-info-card strong{margin:0;line-height:1.35;font-size:clamp(20px,2vw,28px)}

/* 31: expert information density */
.expert-portrait-card div{display:flex;flex-direction:column;gap:8px}
.expert-portrait-card div strong{font-size:20px}
.expert-portrait-card div span{line-height:1.55;min-height:48px}

/* 33 */
.market-outlook-section{background:linear-gradient(180deg,#fbfaf6,#f1f5ee)}
.market-outlook-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.market-outlook-card{background:#fff;border:1px solid rgba(23,57,45,.1);border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(23,57,45,.06)}
.market-outlook-card span{display:block;color:#b58d42;font-size:14px;font-weight:800;margin-bottom:16px}
.market-outlook-card strong{display:block;color:#17392d;font-size:22px;margin-bottom:10px}
.market-outlook-card p{margin:0;color:#6d7d75;line-height:1.75}
@media(max-width:760px){.product-feature-group.is-active{grid-template-columns:1fr 1fr}.mechanism-analogy-section .analogy-switch-card:nth-child(n){transform:none}.product-ambassador-section .ambassador-media{order:initial}.basic-info-four-grid,.floating-info-grid:has(.float-info-card),.market-outlook-grid{grid-template-columns:1fr}}

/* Round 81: original brand-message composition; inspired by editorial mini-program rhythm, not copied */
body.page-product .product-ambassador-section{
  position:relative;overflow:hidden;background:
  radial-gradient(circle at 86% 14%,rgba(212,184,116,.16),transparent 28%),
  linear-gradient(135deg,#103f33 0%,#0c4b3b 58%,#15392f 100%);
  color:#fff;padding-block:clamp(64px,8vw,112px)
}
body.page-product .product-ambassador-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 44%)}
body.page-product .ambassador-editorial{grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr);gap:clamp(42px,6vw,92px);align-items:center}
body.page-product .product-ambassador-section .ambassador-media{position:relative;order:0}
body.page-product .product-ambassador-section .ambassador-photo-wrap{border-radius:38px 38px 104px 38px;border:1px solid rgba(221,188,116,.34);box-shadow:0 32px 80px rgba(0,0,0,.28);background:#5f1111}
body.page-product .product-ambassador-section .ambassador-photo-wrap img{aspect-ratio:4/5;object-fit:cover;object-position:center 34%}
body.page-product .ambassador-photo-caption{position:absolute;right:-20px;bottom:28px;max-width:310px;padding:15px 20px;border-radius:18px;background:rgba(248,242,224,.94);color:#735224;font-size:14px;font-weight:750;letter-spacing:.03em;box-shadow:0 18px 42px rgba(0,0,0,.18)}
body.page-product .ambassador-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#d7b56d;font-size:13px;font-weight:850;letter-spacing:.22em}
body.page-product .ambassador-kicker:before{content:"";width:42px;height:1px;background:currentColor}
body.page-product .product-ambassador-section .ambassador-copy h2{max-width:760px;margin-bottom:18px;color:#f0d18b;font-size:clamp(34px,4.4vw,62px);line-height:1.15;letter-spacing:-.035em}
body.page-product .ambassador-intro{max-width:680px;margin:0 0 24px;color:rgba(245,245,237,.78);font-size:clamp(16px,1.4vw,20px);line-height:1.85}
body.page-product .product-ambassador-section .ambassador-quote{margin:0;padding:28px 30px 24px 34px;border:1px solid rgba(213,176,99,.46);border-left:4px solid #d7b56d;border-radius:12px 28px 28px 12px;background:rgba(255,253,246,.94);box-shadow:0 24px 58px rgba(0,0,0,.16)}
body.page-product .product-ambassador-section .ambassador-quote:before{content:none}
body.page-product .product-ambassador-section .ambassador-quote p{margin:0;color:#6f4c1e;font-size:clamp(22px,2.4vw,34px);font-weight:650;line-height:1.7}
body.page-product .product-ambassador-section .ambassador-quote footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:14px;margin-top:18px;color:#806643;font-size:12px;letter-spacing:.12em}
body.page-product .product-ambassador-section .ambassador-signature{max-width:124px;max-height:48px;mix-blend-mode:multiply;opacity:.9}
body.page-product .product-ambassador-section .ambassador-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:20px}
body.page-product .product-ambassador-section .ambassador-points span{justify-content:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);color:#f4f0e6;font-size:13px}
body.page-product .product-ambassador-section .ambassador-points b{color:#d7b56d;font-size:11px;letter-spacing:.08em}
body.page-product .product-ambassador-section .ambassador-actions{margin-top:24px}
@media(max-width:900px){
 body.page-product .ambassador-editorial{grid-template-columns:1fr;gap:34px}
 body.page-product .product-ambassador-section .ambassador-media{max-width:620px;margin-inline:auto}
 body.page-product .ambassador-photo-caption{right:16px;bottom:16px}
}
@media(max-width:620px){
 body.page-product .product-ambassador-section .ambassador-photo-wrap{border-radius:28px 28px 64px 28px}
 body.page-product .ambassador-photo-caption{position:static;margin-top:12px;max-width:none}
 body.page-product .product-ambassador-section .ambassador-points{grid-template-columns:1fr}
 body.page-product .product-ambassador-section .ambassador-quote{padding:22px 20px 20px 24px}
}


/* =========================================================
   ROUND 87 — focused visual correction layer
   ========================================================= */

/* 1) Product carousel data: keep all slides on one readable two-column structure */
body.page-product .product-info-real{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 30px!important;align-content:start!important;min-height:0!important;
}
body.page-product .product-info-real p{
  min-height:72px!important;margin:0!important;padding:14px 0 12px!important;
  border-bottom:1px solid rgba(23,57,45,.10)!important;
  color:#687a71!important;font-size:clamp(15px,1.12vw,17px)!important;line-height:1.5!important;
}
body.page-product .product-info-real strong{
  display:block!important;margin:0 0 7px!important;color:#244638!important;
  font-size:clamp(14px,1.02vw,16px)!important;font-weight:800!important;line-height:1.25!important;
}
body.page-product .product-info-real .product-info-value,
body.page-product .product-info-real .product-info-subline{display:block}
body.page-product .product-info-real .product-info-subline{margin-top:3px;color:#788980;font-size:.92em}

/* 2) Basic info: one coherent product-spec sheet instead of four oversized cards */
body.page-product .nutrition-sheet-shell{align-items:stretch!important}
body.page-product .basic-info-stack{
  display:flex!important;flex-direction:column!important;height:100%!important;
  padding:30px!important;border-radius:30px!important;background:#fffdf9!important;
  border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 14px 30px rgba(20,54,40,.05)!important;
}
body.page-product .basic-info-stack h2{margin:8px 0 22px!important}
body.page-product .basic-info-sheet{
  flex:1 1 auto;display:flex;flex-direction:column;gap:16px;
  padding:20px;border-radius:26px;background:linear-gradient(150deg,#f9faf5 0%,#f5f0e7 100%);
  border:1px solid rgba(35,66,51,.08);
}
body.page-product .basic-info-primary{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:0;
  border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(35,66,51,.07);overflow:hidden;
}
body.page-product .basic-info-primary-item{
  min-height:190px;padding:28px 28px 26px;display:flex;flex-direction:column;justify-content:center;
}
body.page-product .basic-info-primary-item+ .basic-info-primary-item{border-left:1px solid rgba(35,66,51,.09)}
body.page-product .basic-info-primary-item>span,
body.page-product .basic-info-detail>span{
  display:block;margin-bottom:11px;color:#809188;font-size:13px;font-weight:750;letter-spacing:.12em;
}
body.page-product .basic-info-name strong{
  color:#17392d;font-size:clamp(30px,2.8vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.02em;
}
body.page-product .basic-info-spec strong{
  color:#17392d;font-size:clamp(20px,1.7vw,26px);font-weight:650;line-height:1.42;letter-spacing:-.01em;
}
body.page-product .basic-info-spec small{
  display:block;margin-top:9px;color:#5f7469;font-size:clamp(15px,1.05vw,17px);font-weight:560;line-height:1.45;
}
body.page-product .basic-info-details{
  flex:1 1 auto;display:grid;grid-template-columns:1fr;align-content:stretch;
  border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(35,66,51,.07);overflow:hidden;
}
body.page-product .basic-info-detail{
  min-height:112px;padding:22px 28px;display:grid;grid-template-columns:92px 1fr;align-items:center;column-gap:18px;
}
body.page-product .basic-info-detail+ .basic-info-detail{border-top:1px solid rgba(35,66,51,.09)}
body.page-product .basic-info-detail>span{margin:0}
body.page-product .basic-info-detail>strong{
  color:#284c3d;font-size:clamp(19px,1.48vw,23px);font-weight:600;line-height:1.45;
}

/* 3) Brand ambassador: make Contact Consultation unmistakably readable */
body.page-product .product-ambassador-section .ambassador-actions .btn.light{
  background:#f3dfae!important;color:#17392d!important;border:1px solid #f3dfae!important;
  box-shadow:0 10px 24px rgba(0,0,0,.12)!important;font-weight:800!important;
}
body.page-product .product-ambassador-section .ambassador-actions .btn.light:hover{
  background:#ffe9b9!important;color:#0d352a!important;border-color:#ffe9b9!important;
  transform:translateY(-2px)!important;
}

/* Keep the four brand principles visible and characteristic */
body.page-product .product-ambassador-section .ambassador-points{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin-top:22px!important;
}
body.page-product .product-ambassador-section .ambassador-points span{
  display:flex!important;align-items:center!important;min-height:64px!important;padding:14px 17px!important;
  border-radius:18px!important;border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.11)!important;font-size:clamp(16px,1.18vw,19px)!important;
  font-weight:750!important;line-height:1.35!important;color:#17392d!important;opacity:1!important;text-shadow:none!important;
}
body.page-product .product-ambassador-section .ambassador-points span:nth-child(1){background:linear-gradient(135deg,#eef4e8,#dfead6)!important}
body.page-product .product-ambassador-section .ambassador-points span:nth-child(2){background:linear-gradient(135deg,#fbf3df,#ead7a9)!important}
body.page-product .product-ambassador-section .ambassador-points span:nth-child(3){background:linear-gradient(135deg,#e9f1f2,#d2e1e5)!important}
body.page-product .product-ambassador-section .ambassador-points span:nth-child(4){background:linear-gradient(135deg,#f6eee7,#e9d7cb)!important}
body.page-product .product-ambassador-section .ambassador-points b{
  flex:0 0 auto;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
  margin-right:11px!important;border-radius:50%!important;background:#17392d!important;color:#f2d18a!important;
  font-size:12px!important;font-weight:900!important;
}

/* 4) Analogy: strong progression without ever crossing the left-column boundary */
body.page-sulforaphane .mechanism-analogy-shell{
  grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr)!important;gap:34px!important;align-items:stretch!important;
}
body.page-sulforaphane .mechanism-analogy-shell .content{padding:32px!important;overflow:hidden!important}
body.page-sulforaphane .mechanism-analogy-shell .content h2{
  margin:0 0 16px!important;max-width:14em!important;font-size:42px!important;line-height:1.18!important;letter-spacing:-.025em!important;
}
body.page-sulforaphane .mechanism-analogy-shell .lead{max-width:660px!important;font-size:16px!important;line-height:1.8!important}
body.page-sulforaphane .analogy-switch-grid{
  position:relative!important;display:flex!important;flex-direction:column!important;gap:15px!important;
  margin-top:26px!important;padding:4px 8px 8px 0!important;overflow:hidden!important;
}
body.page-sulforaphane .analogy-switch-card{
  position:relative!important;display:grid!important;grid-template-columns:54px 1fr!important;align-items:center!important;
  min-height:92px!important;padding:18px 50px 18px 22px!important;border:1px solid rgba(23,57,45,.10)!important;
  border-radius:22px!important;box-shadow:0 10px 22px rgba(23,57,45,.05)!important;
  clip-path:none!important;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .32s ease!important;
}
body.page-sulforaphane .analogy-switch-card:nth-child(1){width:calc(100% - 86px)!important;margin-left:0!important;background:linear-gradient(90deg,#fff9f0,#f3eadc)!important}
body.page-sulforaphane .analogy-switch-card:nth-child(2){width:calc(100% - 62px)!important;margin-left:24px!important;background:linear-gradient(90deg,#f4f8ed,#e6efd9)!important}
body.page-sulforaphane .analogy-switch-card:nth-child(3){width:calc(100% - 46px)!important;margin-left:40px!important;background:linear-gradient(90deg,#eff6f8,#ddebef)!important}
body.page-sulforaphane .analogy-switch-card::after{
  content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(23,57,45,.36);font-size:25px;font-weight:900;
}
body.page-sulforaphane .analogy-switch-card:hover,
body.page-sulforaphane .analogy-switch-card.is-active{transform:translateX(4px) translateY(-3px)!important;box-shadow:0 17px 34px rgba(23,57,45,.11)!important}
body.page-sulforaphane .analogy-index{
  width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  background:#17392d!important;color:#fff!important;font-size:13px!important;font-weight:900!important;
}
body.page-sulforaphane .analogy-point-title{color:#244638!important;font-size:clamp(20px,1.65vw,25px)!important;line-height:1.32!important}
body.page-sulforaphane .analogy-switch-media{min-height:560px!important;border-radius:30px!important;overflow:hidden!important}
body.page-sulforaphane .analogy-switch-media img{min-height:560px!important;object-fit:cover!important;transition:opacity .30s ease,transform .50s cubic-bezier(.22,1,.36,1),filter .30s ease!important}
body.page-sulforaphane .analogy-switch-media.is-changing img{opacity:.18!important;transform:scale(1.03)!important;filter:blur(1.3px)!important}

/* 5) Four activation mechanisms: keep top-image / bottom-copy, refine typography */
body.page-sulforaphane .activation-mechanism-section{padding-block:clamp(70px,7vw,102px)!important}
body.page-sulforaphane .activation-mechanism-section .section-title{
  margin-bottom:34px!important;font-size:clamp(38px,4.1vw,54px)!important;line-height:1.14!important;letter-spacing:-.025em!important;
}
body.page-sulforaphane .activation-visual-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-top:0!important;text-align:center!important;
}
body.page-sulforaphane .activation-visual-grid::before{content:none!important}
body.page-sulforaphane .activation-visual-card{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100%!important;border-radius:28px!important;
  background:#fff!important;border:1px solid rgba(23,57,45,.09)!important;box-shadow:0 16px 38px rgba(23,57,45,.08)!important;
  transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s ease!important;
}
body.page-sulforaphane .activation-visual-card:hover{transform:translateY(-7px)!important;box-shadow:0 24px 50px rgba(23,57,45,.13)!important}
body.page-sulforaphane .activation-visual-card img{
  display:block!important;width:100%!important;aspect-ratio:4/3!important;height:auto!important;object-fit:cover!important;flex:0 0 auto!important;
}
body.page-sulforaphane .activation-copy{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  flex:1 1 auto!important;min-height:150px!important;padding:24px 18px 28px!important;gap:10px!important;background:#fff!important;text-align:center!important;
}
body.page-sulforaphane .activation-copy::before{
  content:"";width:34px;height:3px;border-radius:999px;background:#b69350;margin-bottom:2px;
}
body.page-sulforaphane .activation-copy>span{
  display:block!important;width:auto!important;height:auto!important;margin:0!important;background:transparent!important;border-radius:0!important;
  color:#a17a38!important;font-size:12px!important;font-weight:900!important;line-height:1!important;letter-spacing:.15em!important;
}
body.page-sulforaphane .activation-copy h3{
  max-width:12em;margin:0!important;color:#183d31!important;font-size:clamp(19px,1.45vw,23px)!important;font-weight:620!important;
  line-height:1.46!important;letter-spacing:.015em!important;text-wrap:balance!important;
}
body.page-sulforaphane .activation-parenthetical{
  display:block;margin-top:3px;color:#6c7f75;font-size:.78em;font-weight:560;letter-spacing:.02em;
}
body.page-sulforaphane .activation-green .activation-copy{border-top:4px solid #98b586!important}
body.page-sulforaphane .activation-blue .activation-copy{border-top:4px solid #8faeb8!important}
body.page-sulforaphane .activation-gold .activation-copy{border-top:4px solid #d0aa60!important}
body.page-sulforaphane .activation-mint .activation-copy{border-top:4px solid #86aa9b!important}

/* 6) Drinking method + warm tips: RESTORE ROUND 80 visual structure, add floating only */
body.page-product .usage-combined-shell{
  padding:30px!important;border-radius:34px!important;background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%)!important;
  border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 14px 34px rgba(20,54,40,.05)!important;
}
body.page-product .usage-combined-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:22px!important}
body.page-product .usage-combined-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}
body.page-product .usage-flow-card,
body.page-product .usage-tip-card{
  overflow:hidden!important;border-radius:28px!important;border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 10px 24px rgba(20,54,40,.045)!important;
}
body.page-product .usage-flow-card{background:linear-gradient(180deg,#ffffff,#f4f7f3)!important;display:flex!important;flex-direction:column!important}
body.page-product .usage-tip-card{
  position:relative!important;background:linear-gradient(180deg,#fff0e0,#ffe5cb)!important;border:1px solid rgba(204,97,49,.28)!important;
  box-shadow:0 18px 34px rgba(181,94,43,.12)!important;
}
body.page-product .usage-tip-card::before{
  content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:10px!important;
  background:repeating-linear-gradient(90deg,#cf6232 0 14px,#ffbf59 14px 28px)!important;
}
body.page-product .usage-flow-media,body.page-product .usage-tip-media{height:230px!important}
body.page-product .usage-flow-media img,body.page-product .usage-tip-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.page-product .usage-flow-body,body.page-product .usage-tip-body{padding:24px!important}
body.page-product .usage-flow-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
body.page-product .usage-flow-body h3,body.page-product .usage-tip-body h3{margin:0 0 16px!important;font-size:28px!important}
body.page-product .usage-flow-body ol{margin:0!important;padding-left:22px!important;display:grid!important;gap:12px!important;color:#5d6f66!important;line-height:1.8!important}
body.page-product .usage-flow-body li::marker{font-weight:800!important;color:#305342!important}
body.page-product .usage-warning-label{
  display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border-radius:999px!important;
  background:#fff4ed!important;color:#b44b22!important;border:1px solid rgba(204,97,49,.3)!important;
  box-shadow:0 8px 16px rgba(181,94,43,.08)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:12px!important;
}
body.page-product .usage-warning-label::before{content:"⚠"!important;font-size:14px!important;line-height:1!important}
body.page-product .usage-tip-body h3{color:#a7461f!important}
body.page-product .usage-warning-desc{
  margin:10px 0 14px!important;padding:12px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.54)!important;
  border:1px solid rgba(204,97,49,.16)!important;color:#8d5534!important;line-height:1.72!important;font-size:14px!important;
}
body.page-product .usage-tip-media{position:relative!important}
body.page-product .usage-tip-media::after{
  content:"使用前请留意"!important;position:absolute!important;left:18px!important;bottom:18px!important;padding:8px 14px!important;border-radius:999px!important;
  background:rgba(255,247,240,.92)!important;color:#bc4e23!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;
  border:1px solid rgba(204,97,49,.22)!important;
}
body.page-product .usage-tip-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.page-product .usage-tip-list span{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:52px!important;
  padding:12px 16px 12px 18px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(204,97,49,.18)!important;color:#7a4b2c!important;box-shadow:none!important;
  transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease!important;
}
body.page-product .usage-tip-list span::before{
  content:""!important;display:block!important;width:6px!important;align-self:stretch!important;border-radius:999px!important;
  background:linear-gradient(180deg,#cf6232 0%,#ffbf59 100%)!important;margin-right:14px!important;flex:0 0 6px!important;
}
body.page-product .usage-tip-list span::after{content:none!important;display:none!important}
body.page-product .usage-tip-list span:hover,
body.page-product .usage-tip-list span:focus-visible,
body.page-product .usage-tip-list span.is-active{
  transform:translateY(-6px)!important;box-shadow:0 13px 24px rgba(181,94,43,.12)!important;
  background:rgba(255,255,255,.88)!important;color:#7a4b2c!important;border-color:rgba(204,97,49,.18)!important;
}
body.page-product .usage-tip-list span.is-near{transform:translateY(-2px)!important;box-shadow:0 8px 16px rgba(181,94,43,.07)!important}
body.page-product #usage .usage-video-inline{margin-top:auto!important;padding-top:22px!important}
body.page-product #usage .usage-video-thumb{
  position:relative!important;display:block!important;width:100%!important;min-height:230px!important;padding:0!important;overflow:hidden!important;border:0!important;
  border-radius:22px!important;background:#14261f!important;cursor:pointer!important;box-shadow:0 14px 28px rgba(20,54,40,.12)!important;text-align:left!important;
}
body.page-product #usage .usage-video-thumb img{display:block!important;width:100%!important;height:230px!important;object-fit:cover!important;transition:transform .35s ease,filter .35s ease!important}
body.page-product #usage .usage-video-thumb::after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(8,23,17,.05),rgba(8,23,17,.58))!important}
body.page-product #usage .usage-video-thumb:hover img{transform:scale(1.035)!important}
body.page-product #usage .usage-video-thumb-overlay{position:absolute!important;z-index:2!important;left:18px!important;right:18px!important;bottom:18px!important;display:flex!important;align-items:center!important;gap:13px!important;color:#fff!important}
body.page-product #usage .usage-video-play{display:grid!important;place-items:center!important;width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:50%!important;background:rgba(255,255,255,.92)!important;color:#214638!important;font-size:18px!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
body.page-product #usage .usage-video-thumb-copy strong{display:block!important;color:#fff!important;font-size:20px!important;line-height:1.3!important}

/* Expert card text density retained */
body.page-about .expert-portrait-card>div{gap:5px!important;padding-top:14px}
body.page-about .expert-portrait-card>div strong{font-size:clamp(19px,1.6vw,23px)!important;line-height:1.25;color:#17392d}
body.page-about .expert-portrait-card .expert-role{font-size:14px!important;font-weight:800;color:#4f6d5e}
body.page-about .expert-portrait-card .expert-area{font-size:12px!important;line-height:1.55;color:#7a8c83}

@media(max-width:1100px){
  body.page-sulforaphane .mechanism-analogy-shell{grid-template-columns:1fr!important}
  body.page-sulforaphane .analogy-switch-card:nth-child(n){width:calc(100% - 8px)!important;margin-left:0!important}
  body.page-sulforaphane .activation-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:860px){
  body.page-product .usage-combined-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.page-product .product-info-real{grid-template-columns:1fr!important}
  body.page-product .basic-info-primary{grid-template-columns:1fr!important}
  body.page-product .basic-info-primary-item+ .basic-info-primary-item{border-left:0!important;border-top:1px solid rgba(35,66,51,.09)!important}
  body.page-product .basic-info-primary-item{min-height:145px!important}
  body.page-product .basic-info-detail{grid-template-columns:1fr!important;row-gap:8px!important}
  body.page-product .product-ambassador-section .ambassador-points{grid-template-columns:1fr!important}
  body.page-sulforaphane .mechanism-analogy-shell .content h2{font-size:32px!important}
  body.page-sulforaphane .analogy-switch-card:nth-child(n){width:100%!important;margin-left:0!important}
  body.page-sulforaphane .analogy-switch-card::after{display:none!important}
  body.page-sulforaphane .activation-visual-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  body.page-product .usage-tip-list span,
  body.page-sulforaphane .analogy-switch-card,
  body.page-sulforaphane .analogy-switch-media img,
  body.page-sulforaphane .activation-visual-card{transition:none!important}
}



/* =========================================================
   Round 88 authoritative corrections
   ========================================================= */

/* 1) Analogy cards: progressive, but every colored bar stays safely inside the left panel. */
body.page-sulforaphane .mechanism-analogy-shell .content{
  overflow:hidden!important;
}
body.page-sulforaphane .analogy-switch-grid{
  width:100%!important;
  max-width:100%!important;
  padding-right:10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.page-sulforaphane .analogy-switch-card{
  box-sizing:border-box!important;
  max-width:100%!important;
  transform:none!important;
}
body.page-sulforaphane .analogy-switch-card:nth-child(1){
  width:82%!important;margin-left:0!important;
}
body.page-sulforaphane .analogy-switch-card:nth-child(2){
  width:87%!important;margin-left:5%!important;
}
body.page-sulforaphane .analogy-switch-card:nth-child(3){
  width:90%!important;margin-left:8%!important;
}
body.page-sulforaphane .analogy-switch-card:hover,
body.page-sulforaphane .analogy-switch-card.is-active{
  transform:translateY(-3px)!important;
}

/* 2) Four activation mechanisms: top image + clean centered copy. No vertical/wandering text. */
body.page-sulforaphane .activation-visual-grid{
  align-items:stretch!important;
}
body.page-sulforaphane .activation-copy{
  min-height:160px!important;
  padding:20px 15px 24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-align:center!important;
}
body.page-sulforaphane .activation-copy>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:28px!important;
  padding:0 9px!important;
  margin:0 auto!important;
  border-radius:999px!important;
  background:#f4efe4!important;
  color:#9b7536!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
body.page-sulforaphane .activation-copy h3{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#183d31!important;
  font-size:clamp(18px,1.34vw,22px)!important;
  font-weight:650!important;
  line-height:1.48!important;
  letter-spacing:0!important;
  text-align:center!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
body.page-sulforaphane .activation-parenthetical{
  display:block!important;
  margin-top:6px!important;
  white-space:nowrap!important;
  font-size:.82em!important;
  font-weight:560!important;
  color:#66796f!important;
}

/* 3) Ambassador CTA: restore the clear green button background. */
body.page-product .product-ambassador-section .ambassador-actions .btn.light{
  background:#174838!important;
  color:#fff!important;
  border:1px solid #174838!important;
  box-shadow:0 10px 22px rgba(15,61,48,.18)!important;
  opacity:1!important;
}
body.page-product .product-ambassador-section .ambassador-actions .btn.light:hover{
  background:#0f3d30!important;
  color:#fff!important;
  border-color:#0f3d30!important;
}

/* 4) Basic information: enlarge secondary/small text slightly without disturbing hierarchy. */
body.page-product .basic-info-sheet .basic-info-primary-item>span,
body.page-product .basic-info-sheet .basic-info-detail>span{
  font-size:16px!important;
  line-height:1.35!important;
  letter-spacing:.07em!important;
}
body.page-product .basic-info-sheet .basic-info-primary-item>strong{
  font-size:clamp(24px,1.9vw,30px)!important;
  line-height:1.4!important;
}
body.page-product .basic-info-sheet .basic-info-primary-item>small{
  font-size:18px!important;
  line-height:1.5!important;
  color:#62776c!important;
}
body.page-product .basic-info-sheet .basic-info-detail>strong{
  font-size:clamp(21px,1.55vw,24px)!important;
  line-height:1.45!important;
}

/* 5) Drinking method & warm tips: restore Round 72 visual language exactly, add only gentle float. */
body.page-product .usage-combined-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:22px!important;
  align-items:stretch!important;
}
body.page-product .usage-flow-card,
body.page-product .usage-tip-card{
  overflow:hidden!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(35,66,51,.08)!important;
  box-shadow:0 10px 24px rgba(20,54,40,.045)!important;
}
body.page-product .usage-flow-media,
body.page-product .usage-tip-media{height:230px!important}
body.page-product .usage-flow-media img,
body.page-product .usage-tip-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.page-product .usage-flow-body,
body.page-product .usage-tip-body{padding:24px!important}
body.page-product .usage-flow-body h3,
body.page-product .usage-tip-body h3{margin:0 0 16px!important;font-size:28px!important}
body.page-product .usage-tip-card{
  position:relative!important;
  background:linear-gradient(180deg,#fff6e6,#fff0d6)!important;
  border:1px solid rgba(212,150,45,.28)!important;
  box-shadow:0 16px 30px rgba(180,125,34,.08)!important;
}
body.page-product .usage-tip-card::before{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;
  height:6px!important;
  background:linear-gradient(90deg,#d8891c,#f0b047,#d8891c)!important;
}
body.page-product .usage-tip-media{position:relative!important}
body.page-product .usage-tip-media::after{
  content:"使用前请留意"!important;
  position:absolute!important;
  left:18px!important;bottom:18px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  background:rgba(255,248,235,.88)!important;
  color:#9d630a!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;
  border:1px solid rgba(213,146,25,.25)!important;
}
body.page-product .usage-tip-body h3{color:#9b5a00!important}
body.page-product .usage-warning-label{
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:8px 14px!important;border-radius:999px!important;background:#fff4dc!important;
  color:#a55f00!important;border:1px solid rgba(213,146,25,.28)!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;
  margin-bottom:12px!important;
}
body.page-product .usage-warning-label::before{content:"⚠"!important;font-size:14px!important;line-height:1!important}
body.page-product .usage-tip-list{
  display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
}
body.page-product .usage-tip-list span{
  display:flex!important;align-items:center!important;min-height:54px!important;
  padding:12px 14px!important;border-radius:16px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(212,150,45,.2)!important;
  color:#765622!important;
  line-height:1.65!important;
  box-shadow:0 8px 16px rgba(180,125,34,.05)!important;
  transform:translateY(0)!important;
  transition:transform .30s cubic-bezier(.22,1,.36,1),box-shadow .30s ease!important;
}
body.page-product .usage-tip-list span::before,
body.page-product .usage-tip-list span::after{content:none!important;display:none!important}
body.page-product .usage-tip-list span:hover,
body.page-product .usage-tip-list span:focus-visible,
body.page-product .usage-tip-list span.is-active{
  transform:translateY(-5px)!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(212,150,45,.2)!important;
  color:#765622!important;
  box-shadow:0 13px 22px rgba(180,125,34,.10)!important;
}
body.page-product .usage-tip-list span.is-near{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 18px rgba(180,125,34,.07)!important;
}

@media(max-width:900px){
  body.page-product .usage-combined-grid{grid-template-columns:1fr!important}
  body.page-sulforaphane .analogy-switch-card:nth-child(n){width:100%!important;margin-left:0!important}
}

/* === Round 89 authoritative corrections === */

/* A. Product hero: reduce vertical height so the main purchase view fits more comfortably in one screen. */
body.page-product .product-hero{padding:34px 0 38px!important}
body.page-product .product-carousel-heading{margin-bottom:16px!important}
body.page-product .product-carousel-heading .section-title{margin-bottom:0!important}
body.page-product .product-carousel-slide .product-grid{min-height:520px!important}
body.page-product .product-carousel-slide .product-panel{padding:26px 30px 24px!important}
body.page-product .product-carousel-slide .product-panel h1,
body.page-product .product-carousel-slide .product-panel h2{font-size:clamp(36px,3.2vw,46px)!important;margin:6px 0 9px!important}
body.page-product .product-panel>p{margin:0 0 10px!important}
body.page-product .product-quickline{margin:8px 0 14px!important;gap:8px!important}
body.page-product .product-info-real p{min-height:56px!important;padding:9px 0!important;font-size:14px!important;line-height:1.45!important}
body.page-product .product-info-real strong{font-size:14px!important;margin-bottom:4px!important}
body.page-product .price{font-size:32px!important;margin:12px 0!important;padding-top:12px!important}
body.page-product .buy-row{gap:10px!important}
body.page-product .quantity button{width:38px!important;height:38px!important}
body.page-product .quantity span{min-width:38px!important}
body.page-product .product-carousel-controls .carousel-dots{bottom:12px!important}

/* B. Basic information: keep the specification headline on ONE line. */
body.page-product .basic-info-primary{grid-template-columns:.72fr 1.28fr!important}
body.page-product .basic-info-spec strong{
  white-space:nowrap!important;
  font-size:clamp(18px,1.45vw,24px)!important;
  line-height:1.28!important;
  letter-spacing:-.025em!important;
}
body.page-product .basic-info-spec small{font-size:18px!important;margin-top:10px!important}

/* C. Four activation mechanisms: remove numbers, simplify copy, keep every title on one line. */
body.page-sulforaphane .activation-copy{min-height:108px!important;padding:20px 10px 22px!important;gap:0!important}
body.page-sulforaphane .activation-copy::before{content:none!important;display:none!important}
body.page-sulforaphane .activation-copy>span{display:none!important}
body.page-sulforaphane .activation-copy h3{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  overflow:visible!important;
  color:#183d31!important;
  font-size:clamp(15px,1.1vw,20px)!important;
  font-weight:650!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-align:center!important;
}
body.page-sulforaphane .activation-green .activation-copy,
body.page-sulforaphane .activation-blue .activation-copy,
body.page-sulforaphane .activation-gold .activation-copy,
body.page-sulforaphane .activation-mint .activation-copy{border-top:0!important}

/* D. Restore ROUND 80 drinking-method & warm-tip presentation. */
body.page-product .usage-combined-shell{
  padding:30px!important;border-radius:34px!important;
  background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%)!important;
  border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 14px 34px rgba(20,54,40,.05)!important;
}
body.page-product .usage-combined-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:22px!important}
body.page-product .usage-combined-head p{max-width:560px!important;margin:0!important;color:#60736a!important;line-height:1.8!important}
body.page-product .usage-combined-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;align-items:stretch!important}
body.page-product .usage-flow-card,
body.page-product .usage-tip-card{overflow:hidden!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 10px 24px rgba(20,54,40,.045)!important}
body.page-product .usage-flow-media,
body.page-product .usage-tip-media{height:230px!important}
body.page-product .usage-flow-media img,
body.page-product .usage-tip-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.page-product .usage-flow-body,
body.page-product .usage-tip-body{padding:24px!important}
body.page-product .usage-flow-body h3,
body.page-product .usage-tip-body h3{margin:0 0 16px!important;font-size:28px!important}
body.page-product .usage-flow-body ol{margin:0!important;padding-left:22px!important;display:grid!important;gap:12px!important;color:#5d6f66!important;line-height:1.8!important}
body.page-product .usage-tip-card{position:relative!important;background:linear-gradient(180deg,#fff0e0,#ffe5cb)!important;border:1px solid rgba(204,97,49,.28)!important;box-shadow:0 18px 34px rgba(181,94,43,.12)!important}
body.page-product .usage-tip-card::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:10px!important;background:repeating-linear-gradient(90deg,#cf6232 0 14px,#ffbf59 14px 28px)!important}
body.page-product .usage-warning-label{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border-radius:999px!important;background:#fff4ed!important;color:#b44b22!important;border:1px solid rgba(204,97,49,.3)!important;box-shadow:0 8px 16px rgba(181,94,43,.08)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:12px!important}
body.page-product .usage-warning-label::before{content:"⚠"!important;font-size:14px!important;line-height:1!important}
body.page-product .usage-warning-desc{display:block!important;margin:10px 0 14px!important;padding:12px 14px!important;border-radius:16px!important;background:rgba(255,255,255,.54)!important;border:1px solid rgba(204,97,49,.16)!important;color:#8d5534!important;line-height:1.72!important;font-size:14px!important}
body.page-product .usage-tip-body h3{color:#a7461f!important}
body.page-product .usage-tip-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.page-product .usage-tip-list span{display:flex!important;align-items:center!important;width:100%!important;justify-content:flex-start!important;min-height:52px!important;padding:12px 16px 12px 18px!important;position:relative!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(204,97,49,.18)!important;color:#7a4b2c!important;box-shadow:none!important;transform:none!important;transition:none!important}
body.page-product .usage-tip-list span::before{content:""!important;display:block!important;width:6px!important;align-self:stretch!important;border-radius:999px!important;background:linear-gradient(180deg,#cf6232 0%,#ffbf59 100%)!important;margin-right:14px!important;flex:0 0 6px!important}
body.page-product .usage-tip-list span::after{content:none!important;display:none!important}
body.page-product .usage-tip-list span:hover,
body.page-product .usage-tip-list span:focus-visible,
body.page-product .usage-tip-list span.is-active,
body.page-product .usage-tip-list span.is-near{transform:none!important;background:rgba(255,255,255,.88)!important;border-color:rgba(204,97,49,.18)!important;color:#7a4b2c!important;box-shadow:none!important}

@media(max-width:980px){
  body.page-product .product-carousel-slide .product-grid{min-height:0!important}
  body.page-product .usage-combined-grid{grid-template-columns:1fr!important}
  body.page-product .basic-info-spec strong{white-space:normal!important}
}



/* === SFN90 targeted refinements start === */
/* A. 四重激活机制：字更大、白框更矮、四项单行 */
body.page-sulforaphane .activation-mechanism-section {
  padding-block: clamp(64px, 6vw, 92px) !important;
}
body.page-sulforaphane .activation-mechanism-section .section-title {
  margin-bottom: 28px !important;
}
body.page-sulforaphane .activation-visual-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
body.page-sulforaphane .activation-visual-card {
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #fff !important;
}
body.page-sulforaphane .activation-visual-card img {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  display: block !important;
}
body.page-sulforaphane .activation-copy {
  padding: 18px 18px 20px !important;
  min-height: 92px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
body.page-sulforaphane .activation-copy h3 {
  margin: 0 !important;
  font-size: clamp(18px, 1.45vw, 27px) !important;
  line-height: 1.26 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  color: #1d4333 !important;
  white-space: nowrap !important;
}
body.page-sulforaphane .activation-copy h3[data-cms-id="sulforaphane-txt-0146"] {
  font-size: clamp(16px, 1.22vw, 22px) !important;
}

/* B. 千万年自然演化的健康防护答案：取消数字、四字更大更粗、卡片更矮 */
body.page-sulforaphane .evolution-flow-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card {
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 14px 32px rgba(23,55,43,.06) !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card img {
  width: 100% !important;
  aspect-ratio: 1.08 / 1 !important;
  object-fit: cover !important;
  display: block !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card .step {
  display: none !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card .copy {
  padding: 18px 20px 20px !important;
  min-height: 138px !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card h3 {
  margin: 0 0 10px !important;
  font-size: clamp(26px, 2.1vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
  color: #173a2c !important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  color: #566f65 !important;
}

/* C. 产品首屏：整体压矮，方便一屏看到更多内容 */
body.page-product .product-hero {
  padding: 52px 0 34px !important;
}
body.page-product .product-carousel-heading {
  margin-bottom: 16px !important;
}
body.page-product .product-carousel-heading > p {
  max-width: 600px !important;
}
body.page-product .product-carousel-viewport {
  border-radius: 30px !important;
}
body.page-product .product-grid {
  grid-template-columns: 0.98fr 1.02fr !important;
  gap: 0 !important;
  align-items: stretch !important;
}
body.page-product .product-image img {
  width: 100% !important;
  height: 100% !important;
  max-height: 720px !important;
  object-fit: cover !important;
  border-radius: 30px 0 0 30px !important;
}
body.page-product .product-panel {
  padding: 30px 32px !important;
  border-radius: 0 30px 30px 0 !important;
}
body.page-product .product-carousel-slide .product-panel h2 {
  font-size: clamp(32px, 4vw, 52px) !important;
  margin: 10px 0 10px !important;
}
body.page-product .product-panel > p {
  margin-bottom: 16px !important;
  font-size: 17px !important;
}
body.page-product .product-quickline {
  gap: 10px !important;
  margin-bottom: 18px !important;
}
body.page-product .product-quickline span {
  font-size: 15px !important;
  font-weight: 700 !important;
}

/* D. 基础信息展示：小字略大，规格一行 */
body.page-product .product-info-unified {
  padding: 22px 24px !important;
  border-radius: 24px !important;
}
body.page-product .product-info-unified p,
body.page-product .product-info-unified span {
  font-size: 18px !important;
  line-height: 1.7 !important;
}
body.page-product .product-info-unified strong {
  font-size: 18px !important;
  line-height: 1.7 !important;
}
body.page-product .basic-info-primary {
  display: grid !important;
  grid-template-columns: .82fr 1.18fr !important;
  gap: 0 !important;
}
body.page-product .basic-info-primary-item {
  padding: 42px 52px !important;
}
body.page-product .basic-info-primary-item > span {
  display: block !important;
  margin-bottom: 16px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #7a8b82 !important;
}
body.page-product .basic-info-name strong {
  display: block !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  color: #163a2c !important;
}
body.page-product .basic-info-spec strong {
  display: block !important;
  font-size: clamp(32px, 3.6vw, 52px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  color: #163a2c !important;
  white-space: nowrap !important;
}
body.page-product .basic-info-spec small {
  display: block !important;
  margin-top: 18px !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.45 !important;
  color: #6d7f76 !important;
}
body.page-product .basic-info-details {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
}
body.page-product .basic-info-detail {
  padding: 30px 36px !important;
}
body.page-product .basic-info-detail > span {
  display: block !important;
  margin-bottom: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #7a8b82 !important;
}
body.page-product .basic-info-detail strong {
  display: block !important;
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.36 !important;
  color: #193c2f !important;
}

/* E. 饮用方法与温馨提示：沿用80轮结构与观感 */
body.page-product .usage-section {
  padding-top: 54px !important;
}
body.page-product .usage-combined-shell {
  padding: 30px !important;
  border-radius: 34px !important;
}
body.page-product .usage-tip-list {
  gap: 16px !important;
}
body.page-product .usage-tip-list span {
  border-radius: 24px !important;
}

@media (max-width: 1180px) {
  body.page-sulforaphane .activation-copy h3 {
    white-space: normal !important;
  }
  body.page-product .basic-info-spec strong {
    white-space: normal !important;
  }
}
@media (max-width: 980px) {
  body.page-sulforaphane .activation-visual-grid,
  body.page-sulforaphane .evolution-flow-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  body.page-product .product-grid,
  body.page-product .basic-info-primary,
  body.page-product .basic-info-details {
    grid-template-columns: 1fr !important;
  }
  body.page-product .product-image img {
    max-height: 520px !important;
    border-radius: 30px 30px 0 0 !important;
  }
  body.page-product .product-panel {
    border-radius: 0 0 30px 30px !important;
  }
}
@media (max-width: 640px) {
  body.page-sulforaphane .activation-visual-grid,
  body.page-sulforaphane .evolution-flow-grid {
    grid-template-columns: 1fr !important;
  }
  body.page-product .basic-info-primary-item,
  body.page-product .basic-info-detail {
    padding: 24px 22px !important;
  }
  body.page-product .basic-info-spec strong {
    font-size: 30px !important;
  }
}
/* === SFN90 targeted refinements end === */


/* === SFN92 REAL TARGETED START === */

/* A. 萝卜硫素四重激活：四项字号/粗细完全统一，白框压矮 */
body.page-sulforaphane #activation-mechanism .activation-visual-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.page-sulforaphane #activation-mechanism .activation-visual-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.page-sulforaphane #activation-mechanism .activation-visual-card img{
  width:100%!important;
  aspect-ratio:1.12/1!important;
  height:auto!important;
  object-fit:cover!important;
  display:block!important;
}
body.page-sulforaphane #activation-mechanism .activation-copy{
  min-height:94px!important;
  padding:16px 14px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  text-align:center!important;
  border-top:0!important;
}
body.page-sulforaphane #activation-mechanism .activation-copy::before{
  display:none!important;
  content:none!important;
}
body.page-sulforaphane #activation-mechanism .activation-copy h3{
  margin:0!important;
  max-width:none!important;
  color:#173d30!important;
  font-size:clamp(19px,1.28vw,24px)!important;
  font-weight:800!important;
  line-height:1.28!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
body.page-sulforaphane #activation-mechanism .activation-copy h3[data-cms-id="sulforaphane-txt-0146"]{
  font-size:clamp(18px,1.18vw,22px)!important;
  font-weight:800!important;
}

/* B. 千万年自然演化：取消数字、四组四字加粗放大、卡体明显压矮 */
body.page-sulforaphane .evolution-flow-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card{
  height:auto!important;
  min-height:0!important;
  border-radius:26px!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card img{
  width:100%!important;
  height:205px!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card .step{
  display:none!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card .copy{
  min-height:132px!important;
  padding:18px 18px 20px!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card h3{
  margin:0 0 9px!important;
  font-size:clamp(27px,2vw,34px)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:.02em!important;
  color:#153b2e!important;
}
body.page-sulforaphane .evolution-flow-grid .evolution-card p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.62!important;
  color:#60736a!important;
}

/* C. 产品首屏：只变宽/变矮，避免再次纵向拉长 */
body.page-product .product-hero{
  padding:40px 0 30px!important;
}
body.page-product .product-hero>.container{
  width:min(calc(100% - 46px),1560px)!important;
  max-width:1560px!important;
}
body.page-product .product-carousel-heading{
  margin-bottom:14px!important;
}
body.page-product .product-carousel-viewport{
  border-radius:30px!important;
}
body.page-product .product-carousel-slide .product-grid{
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  height:610px!important;
  min-height:610px!important;
  max-height:610px!important;
  align-items:stretch!important;
}
body.page-product .product-carousel .exact-product-image-frame{
  align-self:stretch!important;
  height:610px!important;
  min-height:610px!important;
}
body.page-product .product-carousel .exact-product-image-frame>img,
body.page-product .product-carousel-slide .product-image img{
  width:100%!important;
  height:610px!important;
  min-height:0!important;
  max-height:610px!important;
  object-fit:cover!important;
}
body.page-product .product-carousel-slide .product-panel{
  height:610px!important;
  min-height:0!important;
  max-height:610px!important;
  padding:24px 30px!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body.page-product .product-carousel-slide .product-panel h1{
  font-size:44px!important;
  margin:8px 0 8px!important;
}
body.page-product .product-carousel-slide .product-panel>p{
  margin:0 0 12px!important;
  line-height:1.55!important;
}
body.page-product .product-quickline{
  margin:0 0 12px!important;
  gap:8px!important;
}
body.page-product .product-quickline span{
  padding:7px 11px!important;
  font-size:12px!important;
}
body.page-product .product-info-real{
  min-height:0!important;
  margin:12px 0 10px!important;
  padding:12px 16px!important;
  gap:0 18px!important;
}
body.page-product .product-info-real p{
  min-height:0!important;
  padding:7px 0!important;
  font-size:13px!important;
  line-height:1.42!important;
}
body.page-product .product-info-real strong{
  margin-bottom:2px!important;
  font-size:13px!important;
}
body.page-product .price{
  margin:9px 0 10px!important;
  padding-top:10px!important;
  font-size:33px!important;
}
body.page-product .buy-row{gap:10px!important}
body.page-product .quantity button,
body.page-product .quantity span{height:38px!important;line-height:38px!important}

/* D. 品牌寄语：恢复深绿底，并同步所有文字/按钮配色 */
body.page-product .product-ambassador-section{
  background:
    radial-gradient(circle at 18% 14%,rgba(205,174,101,.18),transparent 28%),
    linear-gradient(135deg,#0d4435 0%,#0b4f3c 54%,#12392f 100%)!important;
  color:#f8f3e8!important;
}
body.page-product .product-ambassador-section .eyebrow{
  color:#e0bd70!important;
}
body.page-product .product-ambassador-section .ambassador-copy h2{
  color:#e4c474!important;
}
body.page-product .product-ambassador-section .ambassador-lead,
body.page-product .product-ambassador-section .ambassador-note p{
  color:rgba(255,255,255,.88)!important;
}
body.page-product .product-ambassador-section .ambassador-note{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.16)!important;
}
body.page-product .product-ambassador-section .ambassador-quote{
  background:#fbf5e9!important;
  color:#174134!important;
}
body.page-product .product-ambassador-section .ambassador-points span{
  opacity:1!important;
  color:#17392d!important;
  border-color:rgba(255,255,255,.40)!important;
}
body.page-product .product-ambassador-section .ambassador-actions .btn{
  background:#f1cf82!important;
  color:#17392d!important;
  border-color:#f1cf82!important;
}
body.page-product .product-ambassador-section .ambassador-actions .btn.light{
  background:#f7f1e5!important;
  color:#17392d!important;
  border-color:#f7f1e5!important;
}

/* E. 基础信息：恢复紧凑、四项清晰，不再拆字、不再巨高 */
body.page-product .basic-info-stack{
  padding:28px!important;
}
body.page-product .basic-info-sheet{
  display:grid!important;
  gap:14px!important;
}
body.page-product .basic-info-primary{
  display:grid!important;
  grid-template-columns:.82fr 1.18fr!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
body.page-product .basic-info-primary-item{
  min-height:142px!important;
  padding:24px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.page-product .basic-info-primary-item>span,
body.page-product .basic-info-detail>span{
  margin:0 0 8px!important;
  font-size:14px!important;
  font-weight:750!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
body.page-product .basic-info-name strong{
  font-size:clamp(30px,2.6vw,40px)!important;
  line-height:1.1!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
body.page-product .basic-info-spec strong{
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:1.24!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
body.page-product .basic-info-spec small{
  margin-top:8px!important;
  font-size:17px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}
body.page-product .basic-info-details{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
body.page-product .basic-info-detail{
  min-height:106px!important;
  padding:20px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
body.page-product .basic-info-detail+.basic-info-detail{
  border-top:0!important;
  border-left:1px solid rgba(35,66,51,.09)!important;
}
body.page-product .basic-info-detail strong{
  font-size:clamp(19px,1.45vw,23px)!important;
  line-height:1.35!important;
  font-weight:650!important;
  white-space:nowrap!important;
}

/* F. 饮用方法与温馨提示：恢复72轮原始视觉，不做后期橙色重设计 */
body.page-product #usage .usage-combined-shell{
  padding:30px!important;
  border-radius:34px!important;
  background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%)!important;
  border:1px solid rgba(35,66,51,.08)!important;
  box-shadow:0 14px 34px rgba(20,54,40,.05)!important;
}
body.page-product #usage .usage-combined-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
body.page-product #usage .usage-flow-card,
body.page-product #usage .usage-tip-card{
  overflow:hidden!important;
  border-radius:28px!important;
  background:#fff!important;
  border:1px solid rgba(35,66,51,.08)!important;
  box-shadow:0 10px 24px rgba(20,54,40,.045)!important;
}
body.page-product #usage .usage-tip-card::before{
  display:none!important;
  content:none!important;
}
body.page-product #usage .usage-flow-media,
body.page-product #usage .usage-tip-media{
  height:230px!important;
}
body.page-product #usage .usage-flow-media img,
body.page-product #usage .usage-tip-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
body.page-product #usage .usage-flow-body,
body.page-product #usage .usage-tip-body{
  padding:24px!important;
}
body.page-product #usage .usage-flow-body h3,
body.page-product #usage .usage-tip-body h3{
  margin:0 0 16px!important;
  font-size:28px!important;
}
body.page-product #usage .usage-tip-list{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
}
body.page-product #usage .usage-tip-list span{
  display:flex!important;
  align-items:center!important;
  min-height:54px!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  background:#f5f8f3!important;
  border:1px solid rgba(35,66,51,.07)!important;
  color:#577067!important;
  line-height:1.65!important;
  transform:none!important;
  box-shadow:none!important;
}
body.page-product #usage .usage-tip-list span::before,
body.page-product #usage .usage-tip-list span::after{
  display:none!important;
  content:none!important;
}
body.page-product #usage .usage-tip-list span:hover,
body.page-product #usage .usage-tip-list span.is-active,
body.page-product #usage .usage-tip-list span.is-near{
  transform:none!important;
  box-shadow:none!important;
  background:#f5f8f3!important;
  color:#577067!important;
}

/* G. 合作单位：补视觉标识、消除标题和说明之间的大空洞 */
body.page-about #partners .partner-visual-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
body.page-about #partners .partner-body{
  min-height:0!important;
  padding:20px 22px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
body.page-about #partners .partner-body h3{
  margin:0 0 12px!important;
}
body.page-about #partners .partner-mark{
  width:100%!important;
  height:82px!important;
  margin:0 0 14px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#f4f7f2!important;
  border:1px solid rgba(35,66,51,.07)!important;
}
body.page-about #partners .partner-mark img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.86) contrast(.98)!important;
}
body.page-about #partners .partner-body p{
  margin:0!important;
  color:#59695f!important;
  line-height:1.65!important;
}

@media(max-width:1100px){
  body.page-product .product-carousel-slide .product-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
  }
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel .exact-product-image-frame>img,
  body.page-product .product-carousel-slide .product-image img,
  body.page-product .product-carousel-slide .product-panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.page-product .product-carousel .exact-product-image-frame>img,
  body.page-product .product-carousel-slide .product-image img{
    aspect-ratio:16/10!important;
  }
  body.page-sulforaphane #activation-mechanism .activation-copy h3{
    white-space:normal!important;
  }
}
@media(max-width:760px){
  body.page-sulforaphane #activation-mechanism .activation-visual-grid,
  body.page-sulforaphane .evolution-flow-grid{
    grid-template-columns:1fr!important;
  }
  body.page-product .basic-info-primary,
  body.page-product .basic-info-details,
  body.page-product #usage .usage-combined-grid,
  body.page-product #usage .usage-tip-list{
    grid-template-columns:1fr!important;
  }
  body.page-product .basic-info-detail+.basic-info-detail{
    border-left:0!important;
    border-top:1px solid rgba(35,66,51,.09)!important;
  }
  body.page-product .basic-info-name strong,
  body.page-product .basic-info-spec strong,
  body.page-product .basic-info-spec small,
  body.page-product .basic-info-detail strong{
    white-space:normal!important;
  }
}
/* === SFN92 REAL TARGETED END === */


/* === SFN93 CAROUSEL FIX START === */

/* 轮播区：三个页面使用同一套高度和网格，避免第一屏信息重叠、第二第三屏尺寸跳动 */
body.page-product .product-hero{
  padding:36px 0 28px!important;
}
body.page-product .product-hero>.container{
  width:min(calc(100% - 40px),1600px)!important;
  max-width:1600px!important;
}
body.page-product .product-carousel-heading{
  display:block!important;
  margin:0 0 14px!important;
}
body.page-product .product-carousel-heading>p{
  display:none!important;
}
body.page-product .product-carousel-viewport{
  border-radius:28px!important;
  overflow:hidden!important;
}
body.page-product .product-carousel-track{
  align-items:stretch!important;
}
body.page-product .product-carousel-slide{
  box-sizing:border-box!important;
}
body.page-product .product-carousel-slide .product-grid,
body.page-product .product-carousel-slide--compact .product-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  align-items:stretch!important;
}
body.page-product .product-carousel .exact-product-image-frame,
body.page-product .product-carousel-slide .product-image{
  align-self:stretch!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  overflow:hidden!important;
  border-radius:28px 0 0 28px!important;
}
body.page-product .product-carousel .exact-product-image-frame>img,
body.page-product .product-carousel-slide .product-image img,
body.page-product .product-carousel-slide--compact .product-image img{
  display:block!important;
  width:100%!important;
  height:560px!important;
  min-height:0!important;
  max-height:560px!important;
  object-fit:cover!important;
  border-radius:28px 0 0 28px!important;
}
body.page-product .product-carousel-slide .product-panel{
  box-sizing:border-box!important;
  height:560px!important;
  min-height:560px!important;
  max-height:560px!important;
  padding:22px 28px!important;
  border-radius:0 28px 28px 0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body.page-product .product-carousel-slide .product-panel .tag{
  margin:0 0 8px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  line-height:1.2!important;
}
body.page-product .product-carousel-slide .product-panel h1,
body.page-product .product-carousel-slide .product-panel h2{
  margin:0 0 8px!important;
  font-size:clamp(38px,3.2vw,48px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
body.page-product .product-carousel-slide .product-panel>p{
  margin:0 0 10px!important;
  font-size:15px!important;
  line-height:1.45!important;
}
body.page-product .product-quickline{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 10px!important;
}
body.page-product .product-quickline span{
  padding:7px 10px!important;
  font-size:12px!important;
  line-height:1.15!important;
}

/* 三个轮播页的信息盒：统一两列三行，所有文字各归各位 */
body.page-product .product-info-list.product-info-grid.product-info-unified{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-items:start!important;
  align-content:start!important;
  gap:0 22px!important;
  min-height:178px!important;
  max-height:none!important;
  margin:0 0 9px!important;
  padding:10px 16px!important;
  overflow:visible!important;
  border-radius:20px!important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified p{
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:52px!important;
  margin:0!important;
  padding:7px 0!important;
  border-bottom:1px solid rgba(23,57,45,.09)!important;
  font-size:13px!important;
  line-height:1.35!important;
  overflow:visible!important;
  white-space:normal!important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified strong{
  display:block!important;
  margin:0 0 3px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:nowrap!important;
}
body.page-product .product-info-value,
body.page-product .product-info-subline{
  display:block!important;
  margin:0!important;
  font-size:13px!important;
  line-height:1.32!important;
  white-space:nowrap!important;
}
body.page-product .product-info-subline{
  margin-top:2px!important;
}

/* 价格及按钮也统一位置，避免第一屏撞到信息盒 */
body.page-product .product-carousel-slide .price{
  flex:0 0 auto!important;
  margin:5px 0 8px!important;
  padding-top:8px!important;
  font-size:31px!important;
  line-height:1.1!important;
}
body.page-product .product-carousel-slide .price-coming{
  font-size:27px!important;
}
body.page-product .product-carousel-slide .buy-row{
  margin:0!important;
  gap:9px!important;
}
body.page-product .product-carousel-slide .quantity{
  height:38px!important;
}
body.page-product .product-carousel-slide .quantity button,
body.page-product .product-carousel-slide .quantity span{
  height:38px!important;
  line-height:38px!important;
}
body.page-product .product-carousel-slide .btn,
body.page-product .product-carousel-slide .btn.light{
  min-height:38px!important;
  padding:9px 18px!important;
  line-height:1.15!important;
}

/* 删除已不需要的功能提示块后，控制器自然上提 */
body.page-product .product-carousel-controls{
  margin:14px 0 24px!important;
}
body.page-product .product-evidence-note{
  display:none!important;
}

/* 文件1的“饮用方法与温馨提示”：不要额外加英文/辅助说明 */
body.page-product #usage .eyebrow,
body.page-product #usage .usage-combined-head p,
body.page-product #usage .usage-video-thumb-copy small{
  display:none!important;
}

@media(max-width:1100px){
  body.page-product .product-carousel-slide .product-grid,
  body.page-product .product-carousel-slide--compact .product-grid{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel-slide .product-image,
  body.page-product .product-carousel .exact-product-image-frame>img,
  body.page-product .product-carousel-slide .product-image img,
  body.page-product .product-carousel-slide--compact .product-image img{
    height:440px!important;
    min-height:0!important;
    max-height:440px!important;
    border-radius:28px 28px 0 0!important;
  }
  body.page-product .product-carousel-slide .product-panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    border-radius:0 0 28px 28px!important;
    overflow:visible!important;
  }
}
@media(max-width:640px){
  body.page-product .product-info-list.product-info-grid.product-info-unified{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.page-product .product-info-list.product-info-grid.product-info-unified p{
    min-height:0!important;
  }
}
/* === SFN93 CAROUSEL FIX END === */


/* SFN94 remove UI helper pseudo-text */
.values[data-expand-cards]::before{content:none!important;display:none!important;}


/* === SFN94 PRODUCT AUTHORITATIVE PATCH === */

/* PRODUCT CAROUSEL: all three slides same compact height, no text collisions */
body.page-product .product-hero{padding:34px 0 26px!important;}
body.page-product .product-hero>.container{width:min(calc(100% - 36px),1600px)!important;max-width:1600px!important;}
body.page-product .product-carousel-heading{display:block!important;margin:0 0 12px!important;}
body.page-product .product-carousel-heading>p{display:none!important;}
body.page-product .product-carousel-viewport{overflow:hidden!important;border-radius:28px!important;}
body.page-product .product-carousel-track{align-items:stretch!important;}
body.page-product .product-carousel-slide .product-grid,
body.page-product .product-carousel-slide--compact .product-grid{
  display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  height:520px!important;min-height:520px!important;max-height:520px!important;align-items:stretch!important;
}
body.page-product .product-carousel .exact-product-image-frame,
body.page-product .product-carousel-slide .product-image{
  height:520px!important;min-height:520px!important;max-height:520px!important;
  align-self:stretch!important;overflow:hidden!important;border-radius:28px 0 0 28px!important;
}
body.page-product .product-carousel .exact-product-image-frame>img,
body.page-product .product-carousel-slide .product-image img,
body.page-product .product-carousel-slide--compact .product-image img{
  width:100%!important;height:520px!important;min-height:0!important;max-height:520px!important;
  object-fit:cover!important;display:block!important;border-radius:28px 0 0 28px!important;
}
body.page-product .product-carousel-slide .product-panel{
  box-sizing:border-box!important;height:520px!important;min-height:520px!important;max-height:520px!important;
  padding:18px 26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  overflow:hidden!important;border-radius:0 28px 28px 0!important;
}
body.page-product .product-carousel-slide .product-panel .tag{margin:0 0 7px!important;padding:6px 10px!important;font-size:11.5px!important;line-height:1.2!important;}
body.page-product .product-carousel-slide .product-panel h1,
body.page-product .product-carousel-slide .product-panel h2{margin:0 0 7px!important;font-size:clamp(35px,3vw,45px)!important;line-height:1.06!important;letter-spacing:-.025em!important;}
body.page-product .product-carousel-slide .product-panel>p{margin:0 0 9px!important;font-size:14px!important;line-height:1.38!important;}
body.page-product .product-quickline{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 9px!important;}
body.page-product .product-quickline span{padding:6px 9px!important;font-size:11.5px!important;line-height:1.1!important;}

/* Six information cells: true normal flow, no fixed-position or overlap */
body.page-product .product-info-list.product-info-grid.product-info-unified{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-flow:row!important;grid-auto-rows:minmax(0,auto)!important;align-items:stretch!important;align-content:start!important;
  column-gap:22px!important;row-gap:0!important;height:174px!important;min-height:174px!important;max-height:174px!important;
  margin:0 0 7px!important;padding:8px 15px!important;overflow:hidden!important;border-radius:18px!important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified p{
  position:static!important;box-sizing:border-box!important;min-width:0!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:6px 0!important;border-bottom:1px solid rgba(23,57,45,.09)!important;
  font-size:12.5px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified strong{
  display:block!important;margin:0 0 2px!important;font-size:12.5px!important;font-weight:800!important;line-height:1.15!important;white-space:nowrap!important;
}
body.page-product .product-info-value,
body.page-product .product-info-subline{display:block!important;margin:0!important;font-size:12.5px!important;line-height:1.2!important;white-space:nowrap!important;}
body.page-product .product-info-subline{margin-top:2px!important;color:#6a7b72!important;}
body.page-product .product-carousel-slide .price{margin:4px 0 7px!important;padding-top:7px!important;font-size:29px!important;line-height:1.05!important;}
body.page-product .product-carousel-slide .price-coming{font-size:25px!important;}
body.page-product .product-carousel-slide .buy-row{gap:8px!important;margin:0!important;}
body.page-product .product-carousel-slide .quantity{height:36px!important;}
body.page-product .product-carousel-slide .quantity button,
body.page-product .product-carousel-slide .quantity span{height:36px!important;line-height:36px!important;}
body.page-product .product-carousel-slide .btn,
body.page-product .product-carousel-slide .btn.light{min-height:36px!important;padding:8px 17px!important;line-height:1.1!important;}
body.page-product .product-carousel-controls{margin:12px 0 22px!important;}
body.page-product .product-evidence-note{display:none!important;}

/* USER FILE 1 / ROUND-80 USAGE LOOK: restore its visual style, not only its HTML */
body.page-product #usage .usage-combined-shell{
  padding:30px!important;border-radius:34px!important;background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%)!important;
  border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 14px 34px rgba(20,54,40,.05)!important;
}
body.page-product #usage .usage-combined-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin-bottom:22px!important;}
body.page-product #usage .usage-combined-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;}
body.page-product #usage .usage-flow-card,
body.page-product #usage .usage-tip-card{overflow:hidden!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(35,66,51,.08)!important;box-shadow:0 10px 24px rgba(20,54,40,.045)!important;}
body.page-product #usage .usage-flow-card{background:linear-gradient(180deg,#ffffff,#f4f7f3)!important;}
body.page-product #usage .usage-tip-card{position:relative!important;background:linear-gradient(180deg,#fff6e6,#fff0d6)!important;border:1px solid rgba(212,150,45,.28)!important;box-shadow:0 16px 30px rgba(180,125,34,.08)!important;}
body.page-product #usage .usage-tip-card::before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:6px!important;background:linear-gradient(90deg,#d8891c,#f0b047,#d8891c)!important;z-index:2!important;}
body.page-product #usage .usage-flow-media,
body.page-product #usage .usage-tip-media{height:230px!important;position:relative!important;}
body.page-product #usage .usage-flow-media img,
body.page-product #usage .usage-tip-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
body.page-product #usage .usage-flow-body,
body.page-product #usage .usage-tip-body{padding:24px!important;}
body.page-product #usage .usage-flow-body h3,
body.page-product #usage .usage-tip-body h3{margin:0 0 16px!important;font-size:28px!important;}
body.page-product #usage .usage-flow-body ol{margin:0!important;padding-left:22px!important;display:grid!important;gap:12px!important;color:#5d6f66!important;line-height:1.8!important;}
body.page-product #usage .usage-warning-label{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border-radius:999px!important;background:#fff4dc!important;color:#a55f00!important;border:1px solid rgba(213,146,25,.28)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.12em!important;margin-bottom:12px!important;}
body.page-product #usage .usage-warning-label::before{content:"⚠"!important;font-size:14px!important;line-height:1!important;}
body.page-product #usage .usage-tip-body h3{color:#9b5a00!important;}
body.page-product #usage .usage-tip-media::after{content:"使用前请留意"!important;position:absolute!important;left:18px!important;bottom:18px!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(255,248,235,.88)!important;color:#9d630a!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;border:1px solid rgba(213,146,25,.25)!important;}
body.page-product #usage .usage-tip-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
body.page-product #usage .usage-tip-list span{width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:52px!important;padding:12px 16px 12px 18px!important;position:relative!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(204,97,49,.18)!important;color:#7a4b2c!important;box-shadow:none!important;transform:none!important;}
body.page-product #usage .usage-tip-list span::before{content:""!important;display:block!important;width:6px!important;align-self:stretch!important;border-radius:999px!important;background:linear-gradient(180deg,#cf6232 0%,#ffbf59 100%)!important;margin-right:14px!important;flex:0 0 6px!important;}
body.page-product #usage .usage-tip-list span::after{content:none!important;display:none!important;}
body.page-product #usage .usage-tip-list span:hover,
body.page-product #usage .usage-tip-list span.is-active,
body.page-product #usage .usage-tip-list span.is-near{transform:none!important;background:rgba(255,255,255,.88)!important;color:#7a4b2c!important;box-shadow:none!important;}
body.page-product #usage .usage-warning-desc{display:block!important;margin:0 0 16px!important;color:#8b6548!important;line-height:1.72!important;}

/* Remove visible UI-helper captions, but keep real content */
body.page-product .product-carousel-heading>p,
body.page-product .product-evidence-note{display:none!important;}
.values[data-expand-cards]::before{content:none!important;display:none!important;}

@media(max-width:1100px){
 body.page-product .product-carousel-slide .product-grid,
 body.page-product .product-carousel-slide--compact .product-grid{grid-template-columns:1fr!important;height:auto!important;min-height:0!important;max-height:none!important;}
 body.page-product .product-carousel .exact-product-image-frame,
 body.page-product .product-carousel-slide .product-image,
 body.page-product .product-carousel .exact-product-image-frame>img,
 body.page-product .product-carousel-slide .product-image img,
 body.page-product .product-carousel-slide--compact .product-image img{height:430px!important;min-height:0!important;max-height:430px!important;border-radius:28px 28px 0 0!important;}
 body.page-product .product-carousel-slide .product-panel{height:auto!important;min-height:0!important;max-height:none!important;border-radius:0 0 28px 28px!important;overflow:visible!important;}
 body.page-product .product-info-list.product-info-grid.product-info-unified{height:auto!important;min-height:0!important;max-height:none!important;}
 body.page-product #usage .usage-combined-grid{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
 body.page-product .product-info-list.product-info-grid.product-info-unified{grid-template-columns:1fr!important;}
}
/* === END SFN94 PRODUCT AUTHORITATIVE PATCH === */

/* === SFN96 precise follow-up fixes === */

/* 1. 冷冻饮品 · SFN®系列：比当前略高，但不回到过高版本 */
body.page-product .product-carousel-slide .product-grid,
body.page-product .product-carousel-slide--compact .product-grid{
  height:620px !important;
  min-height:620px !important;
  max-height:620px !important;
}
body.page-product .product-carousel .exact-product-image-frame,
body.page-product .product-carousel-slide .product-image{
  height:620px !important;
  min-height:620px !important;
  max-height:620px !important;
}
body.page-product .product-carousel .exact-product-image-frame>img,
body.page-product .product-carousel-slide .product-image img,
body.page-product .product-carousel-slide--compact .product-image img{
  height:620px !important;
  max-height:620px !important;
}
body.page-product .product-carousel-slide .product-panel{
  height:620px !important;
  min-height:620px !important;
  max-height:620px !important;
  padding:30px 30px 26px !important;
}

/* 2. 首屏基础信息：修正净含量/规格与保质期叠压 */
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  grid-auto-rows:auto !important;
  row-gap:4px !important;
  column-gap:26px !important;
  margin:10px 0 10px !important;
  padding:12px 18px !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real p{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-self:start !important;
  min-height:72px !important;
  padding:10px 0 10px !important;
  margin:0 !important;
  font-size:15px !important;
  line-height:1.42 !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real p:nth-child(3){
  min-height:104px !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real strong{
  margin:0 0 5px !important;
  font-size:16px !important;
  line-height:1.24 !important;
  font-weight:800 !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real .product-info-value{
  display:block !important;
  font-size:15px !important;
  line-height:1.38 !important;
  white-space:nowrap !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real .product-info-subline{
  display:block !important;
  margin-top:6px !important;
  font-size:15px !important;
  line-height:1.34 !important;
  white-space:nowrap !important;
}
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real p:nth-child(5),
body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real p:nth-child(6){
  min-height:66px !important;
}

/* 3. 饮用方法与温馨提示：恢复原版单层卡片，只保留一个黄条，不要大框套小框 */
body.page-product #usage .usage-tip-body{
  background:#fdf0da !important;
}
body.page-product #usage .usage-tip-list{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  margin-top:18px !important;
}
body.page-product #usage .usage-tip-list span{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:74px !important;
  padding:0 24px 0 70px !important;
  border-radius:30px !important;
  background:#fff !important;
  border:1px solid rgba(224,190,154,.72) !important;
  color:#9d6239 !important;
  font-size:18px !important;
  line-height:1.5 !important;
  box-shadow:none !important;
  transform:none !important;
}
body.page-product #usage .usage-tip-list span::before{
  content:"" !important;
  position:absolute !important;
  left:26px !important;
  top:20px !important;
  bottom:20px !important;
  width:10px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#cf6f35 0%, #f1b24c 100%) !important;
  display:block !important;
}
body.page-product #usage .usage-tip-list span::after{
  display:none !important;
  content:none !important;
}
body.page-product #usage .usage-tip-list span:hover,
body.page-product #usage .usage-tip-list span.is-active,
body.page-product #usage .usage-tip-list span.is-near{
  transform:translateY(-2px) !important;
  box-shadow:0 12px 24px rgba(183,117,64,.10) !important;
  background:#fff !important;
  color:#9d6239 !important;
}

@media(max-width:1100px){
  body.page-product .product-carousel-slide .product-grid,
  body.page-product .product-carousel-slide--compact .product-grid,
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel-slide .product-image,
  body.page-product .product-carousel .exact-product-image-frame>img,
  body.page-product .product-carousel-slide .product-image img,
  body.page-product .product-carousel-slide--compact .product-image img,
  body.page-product .product-carousel-slide .product-panel{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
}

@media(max-width:760px){
  body.page-product .product-info-list.product-info-grid.product-info-unified.product-info-real{
    grid-template-columns:1fr !important;
    row-gap:0 !important;
  }
  body.page-product #usage .usage-tip-list span{
    min-height:64px !important;
    padding:0 18px 0 58px !important;
    font-size:16px !important;
    border-radius:22px !important;
  }
  body.page-product #usage .usage-tip-list span::before{
    left:22px !important;
    top:16px !important;
    bottom:16px !important;
    width:8px !important;
  }
}
/* === end SFN96 precise follow-up fixes === */

/* === SFN99 AUTHORITATIVE FIX === */

/* 图1：六个信息格严格统一为 2列 × 3行；
   标题、内容、横线位置完全一致。 */
body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid,
body.page-product .product-carousel-slide:first-child .product-info-list.product-info-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,118px) !important;
  column-gap:42px !important;
  row-gap:0 !important;
  align-items:stretch !important;
  padding:0 20px !important;
  margin:14px 0 12px !important;
  overflow:visible !important;
}

body.page-product .product-carousel-slide.is-active .product-info-cell,
body.page-product .product-carousel-slide:first-child .product-info-cell{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-width:0 !important;
  width:100% !important;
  height:118px !important;
  min-height:118px !important;
  max-height:118px !important;
  margin:0 !important;
  padding:18px 0 14px !important;
  border-bottom:1px solid rgba(35,66,51,.12) !important;
  overflow:hidden !important;
  color:#657970 !important;
}

body.page-product .product-carousel-slide.is-active .product-info-label,
body.page-product .product-carousel-slide:first-child .product-info-label{
  display:block !important;
  flex:0 0 24px !important;
  height:24px !important;
  margin:0 0 9px !important;
  color:#244a3a !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:24px !important;
  white-space:nowrap !important;
}

body.page-product .product-carousel-slide.is-active .product-info-value,
body.page-product .product-carousel-slide:first-child .product-info-value{
  display:block !important;
  margin:0 !important;
  color:#6d8077 !important;
  font-size:17px !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

body.page-product .product-carousel-slide.is-active .product-name-inline,
body.page-product .product-carousel-slide:first-child .product-name-inline{
  display:inline-block !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  letter-spacing:0 !important;
}

body.page-product .product-carousel-slide.is-active .product-name-inline .reg-mark,
body.page-product .product-carousel-slide:first-child .product-name-inline .reg-mark{
  display:inline !important;
  position:static !important;
  margin:0 .06em !important;
  font-size:.55em !important;
  line-height:0 !important;
  vertical-align:super !important;
}

body.page-product .product-carousel-slide.is-active .product-info-subline,
body.page-product .product-carousel-slide:first-child .product-info-subline{
  display:block !important;
  margin:6px 0 0 !important;
  color:#6d8077 !important;
  font-size:15px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
}

/* 第72轮：饮用方法与温馨提示，恢复原版，不保留后期黄条/套框设计 */
body.page-product #usage .usage-combined-shell{
  padding:30px !important;
  border-radius:34px !important;
  background:linear-gradient(180deg,#fffdfa 0%,#f4f0e7 100%) !important;
  border:1px solid rgba(35,66,51,.08) !important;
  box-shadow:0 14px 34px rgba(20,54,40,.05) !important;
}

body.page-product #usage .usage-combined-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin-bottom:22px !important;
}

body.page-product #usage .usage-combined-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  align-items:stretch !important;
}

body.page-product #usage .usage-flow-card,
body.page-product #usage .usage-tip-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:1px solid rgba(35,66,51,.08) !important;
}

body.page-product #usage .usage-flow-card{
  background:linear-gradient(180deg,#ffffff,#f4f7f3) !important;
  box-shadow:0 10px 24px rgba(20,54,40,.045) !important;
}

body.page-product #usage .usage-tip-card{
  background:linear-gradient(180deg,#fff6e6,#fff0d6) !important;
  border:1px solid rgba(212,150,45,.28) !important;
  box-shadow:0 16px 30px rgba(180,125,34,.08) !important;
}

/* 第72轮卡片顶部只有这一根 6px 金色渐变条 */
body.page-product #usage .usage-tip-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  width:auto !important;
  height:6px !important;
  margin:0 !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,#d8891c,#f0b047,#d8891c) !important;
  z-index:3 !important;
}

body.page-product #usage .usage-flow-media,
body.page-product #usage .usage-tip-media{
  position:relative !important;
  height:230px !important;
  overflow:hidden !important;
}

body.page-product #usage .usage-flow-media img,
body.page-product #usage .usage-tip-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  margin:0 !important;
  border:0 !important;
}

body.page-product #usage .usage-tip-media::after{
  content:"使用前请留意" !important;
  position:absolute !important;
  left:18px !important;
  bottom:18px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:rgba(255,248,235,.88) !important;
  color:#9d630a !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  border:1px solid rgba(213,146,25,.25) !important;
}

body.page-product #usage .usage-flow-body,
body.page-product #usage .usage-tip-body{
  padding:24px !important;
}

body.page-product #usage .usage-flow-body h3,
body.page-product #usage .usage-tip-body h3{
  margin:0 0 16px !important;
  font-size:28px !important;
}

body.page-product #usage .usage-tip-body h3{
  color:#9b5a00 !important;
}

body.page-product #usage .usage-warning-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#fff4dc !important;
  color:#a55f00 !important;
  border:1px solid rgba(213,146,25,.28) !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  margin-bottom:12px !important;
}

body.page-product #usage .usage-warning-label::before{
  content:"⚠" !important;
  position:static !important;
  display:inline !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  background:none !important;
  font-size:14px !important;
  line-height:1 !important;
}

body.page-product #usage .usage-warning-desc{
  margin:0 0 16px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#765622 !important;
  font-size:14px !important;
  line-height:1.72 !important;
}

body.page-product #usage .usage-tip-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin:0 !important;
}

/* 第72轮：每条提示没有额外竖黄条，也没有大框套小框 */
body.page-product #usage .usage-tip-list > span{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-height:54px !important;
  padding:12px 14px !important;
  margin:0 !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(212,150,45,.2) !important;
  color:#765622 !important;
  line-height:1.65 !important;
  box-shadow:0 8px 16px rgba(180,125,34,.05) !important;
  transform:none !important;
}

body.page-product #usage .usage-tip-list > span::before,
body.page-product #usage .usage-tip-list > span::after{
  content:none !important;
  display:none !important;
}

body.page-product #usage .usage-tip-list > span:hover,
body.page-product #usage .usage-tip-list > span.is-active,
body.page-product #usage .usage-tip-list > span.is-near{
  transform:none !important;
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(212,150,45,.2) !important;
  color:#765622 !important;
  box-shadow:0 8px 16px rgba(180,125,34,.05) !important;
}

@media(max-width:1100px){
  body.page-product #usage .usage-combined-grid{
    grid-template-columns:1fr !important;
  }
  body.page-product #usage .usage-combined-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

@media(max-width:760px){
  body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid,
  body.page-product .product-carousel-slide:first-child .product-info-list.product-info-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
  }
  body.page-product .product-carousel-slide.is-active .product-info-cell,
  body.page-product .product-carousel-slide:first-child .product-info-cell{
    height:auto !important;
    min-height:94px !important;
    max-height:none !important;
  }
  body.page-product #usage .usage-tip-list{
    grid-template-columns:1fr !important;
  }
}

/* === END SFN99 AUTHORITATIVE FIX === */



/* === SFN101 AUTHORITATIVE FIX === */

/* 首屏产品区域略放松高度，确保六项信息、价格和按钮都完整位于白框内 */
body.page-product .product-carousel-slide .product-grid,
body.page-product .product-carousel-slide--compact .product-grid{
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
}
body.page-product .product-carousel .exact-product-image-frame,
body.page-product .product-carousel-slide .product-image,
body.page-product .product-carousel .exact-product-image-frame>img,
body.page-product .product-carousel-slide .product-image img{
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
}
body.page-product .product-carousel-slide .product-panel{
  box-sizing:border-box !important;
  height:720px !important;
  min-height:720px !important;
  max-height:720px !important;
  padding:26px 32px 24px !important;
  overflow:hidden !important;
}

/* 图1：六项信息真正收进框内；2列×3行完全等分 */
body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,94px) !important;
  column-gap:46px !important;
  row-gap:0 !important;
  width:100% !important;
  height:306px !important;
  min-height:306px !important;
  max-height:306px !important;
  margin:14px 0 12px !important;
  padding:12px 22px !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-cell{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  width:100% !important;
  height:94px !important;
  min-height:94px !important;
  max-height:94px !important;
  margin:0 !important;
  padding:13px 0 11px !important;
  border-bottom:1px solid rgba(35,66,51,.12) !important;
  overflow:hidden !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-label{
  display:block !important;
  flex:0 0 auto !important;
  margin:0 0 7px !important;
  color:#244a3a !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-value{
  display:block !important;
  margin:0 !important;
  color:#70827a !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-subline{
  display:block !important;
  margin:4px 0 0 !important;
  color:#70827a !important;
  font-size:14px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-value .reg-mark{
  display:inline !important;
  position:static !important;
  margin:0 .04em !important;
  font-size:.55em !important;
  line-height:0 !important;
  vertical-align:super !important;
}

/* 价格与六格之间保留明确间距 */
body.page-product .product-carousel-slide.is-active .price{
  margin:16px 0 10px !important;
  padding-top:12px !important;
}

/* 温馨提示五条：保持原结构，只增加轻微鼠标悬浮 */
body.page-product #usage .usage-tip-list{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:repeat(5,minmax(64px,auto)) !important;
  gap:14px !important;
}

body.page-product #usage .usage-tip-list > span{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease !important;
  transform:translateY(0) !important;
}

@media (hover:hover) and (pointer:fine){
  body.page-product #usage .usage-tip-list > span:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(212,150,45,.34) !important;
    box-shadow:0 12px 24px rgba(180,125,34,.12) !important;
  }
}

@media(max-width:1100px){
  body.page-product .product-carousel-slide .product-grid,
  body.page-product .product-carousel-slide--compact .product-grid,
  body.page-product .product-carousel .exact-product-image-frame,
  body.page-product .product-carousel-slide .product-image,
  body.page-product .product-carousel .exact-product-image-frame>img,
  body.page-product .product-carousel-slide .product-image img,
  body.page-product .product-carousel-slide .product-panel{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
}

@media(max-width:760px){
  body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified{
    grid-template-columns:1fr !important;
    grid-template-rows:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  body.page-product .product-carousel-slide.is-active .v101-info-cell{
    height:auto !important;
    min-height:82px !important;
    max-height:none !important;
  }
}

/* === END SFN101 AUTHORITATIVE FIX === */


/* === SFN102 remove info divider lines === */
body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified{
  row-gap: 14px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-cell{
  border-bottom: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  height: auto !important;
  min-height: 82px !important;
  max-height: none !important;
}

body.page-product .product-carousel-slide.is-active .v101-info-label{
  margin-bottom: 9px !important;
}

body.page-product .product-carousel-slide.is-active .price{
  border-top: none !important;
  margin-top: 18px !important;
  padding-top: 12px !important;
}

/* 兜底：去掉该信息框内部所有横线 */
body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified p,
body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified .v101-info-cell{
  border: none !important;
  box-shadow: none !important;
}

body.page-product .product-carousel-slide.is-active .product-info-list.product-info-grid.product-info-unified hr{
  display:none !important;
}
/* === END SFN102 === */



/* === SFN103 / 第32项：销售合作 · 渠道开发 · 诚征代理商 === */
body.page-about .channel-cooperation-section{
  position:relative;
  overflow:hidden;
  padding-top:72px !important;
  padding-bottom:76px !important;
  background:
    radial-gradient(circle at 16% 10%,rgba(223,195,132,.18),transparent 28%),
    radial-gradient(circle at 88% 88%,rgba(96,139,112,.11),transparent 30%),
    linear-gradient(180deg,#fffdf9 0%,#f7f4ec 100%);
}
body.page-about .channel-cooperation-section::before,
body.page-about .channel-cooperation-section::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  border:1px solid rgba(191,156,85,.12);
  pointer-events:none;
}
body.page-about .channel-cooperation-section::before{top:130px;right:8%}
body.page-about .channel-cooperation-section::after{bottom:40px;left:6%}

body.page-about .channel-cooperation-head{
  position:relative;
  z-index:2;
  max-width:920px;
  margin:0 auto 38px;
}
body.page-about .channel-cooperation-head .section-title{
  margin-bottom:14px !important;
  color:#17392d !important;
}
body.page-about .channel-cooperation-head .lead{
  max-width:820px;
  margin:0 auto !important;
  color:#66776e !important;
  font-size:18px !important;
  line-height:1.8 !important;
}

body.page-about .channel-cooperation-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

body.page-about .channel-cooperation-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:310px;
  padding:30px 28px 26px;
  overflow:hidden;
  border-radius:28px;
  background:
    radial-gradient(circle at 88% 10%,rgba(222,185,104,.10),transparent 28%),
    linear-gradient(145deg,#133f31 0%,#173f33 46%,#0e342a 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 38px rgba(20,55,43,.12);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
body.page-about .channel-cooperation-card::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-34px;
  top:-34px;
  border-radius:50%;
  border:1px solid rgba(225,190,109,.13);
}
body.page-about .channel-cooperation-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 48px rgba(20,55,43,.18);
  border-color:rgba(226,192,113,.30);
}

body.page-about .channel-cooperation-stars{
  color:#e5bb63;
  font-size:16px;
  letter-spacing:3px;
  line-height:1;
  margin-bottom:22px;
}
body.page-about .channel-cooperation-card h3{
  margin:0 0 14px;
  color:#fffaf0;
  font-size:25px;
  font-weight:760;
  line-height:1.28;
  letter-spacing:-.02em;
}
body.page-about .channel-cooperation-card p{
  flex:1 1 auto;
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.78;
}

body.page-about .channel-cooperation-card-footer{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:24px;
}
body.page-about .channel-cooperation-num{
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#d9b466;
  color:#17392d;
  font-size:18px;
  font-weight:850;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
}
body.page-about .channel-cooperation-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.30);
  color:#fffaf0;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
body.page-about .channel-cooperation-link:hover{
  background:#f3d792;
  color:#17392d;
  border-color:#f3d792;
}

body.page-about .channel-cooperation-cta{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  margin-top:34px;
}
body.page-about .channel-cooperation-main-btn{
  background:#174838 !important;
  border-color:#174838 !important;
  color:#fff !important;
  min-width:156px;
  box-shadow:0 12px 26px rgba(23,72,56,.16);
}
body.page-about .channel-cooperation-main-btn:hover{
  transform:translateY(-2px);
  background:#0f3a2d !important;
  border-color:#0f3a2d !important;
}

@media(max-width:980px){
  body.page-about .channel-cooperation-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  body.page-about .channel-cooperation-section{
    padding-top:52px !important;
    padding-bottom:56px !important;
  }
  body.page-about .channel-cooperation-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  body.page-about .channel-cooperation-card{
    min-height:270px;
    padding:26px 22px 22px;
  }
}
/* === END SFN103 第32项 === */



/* === SFN104 MARKET OUTLOOK === */

/* About page preview */
body.page-about .market-preview-section{
  background:linear-gradient(180deg,#f7f8f2 0%,#fffdf8 100%);
  padding-top:70px !important;
  padding-bottom:72px !important;
}
body.page-about .market-preview-head{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px;
  align-items:end;
  margin-bottom:34px;
}
body.page-about .market-preview-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#b08b49;
  font-size:13px;
  font-weight:850;
  letter-spacing:.16em;
}
body.page-about .market-preview-head .section-title{
  margin:0 !important;
  max-width:560px;
}
body.page-about .market-preview-head>p{
  margin:0;
  color:#687970;
  font-size:17px;
  line-height:1.9;
}
body.page-about .market-preview-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
body.page-about .market-preview-card{
  min-height:228px;
  padding:26px 24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 14px 32px rgba(23,57,45,.055);
  transition:transform .24s ease,box-shadow .24s ease;
}
body.page-about .market-preview-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 38px rgba(23,57,45,.09);
}
body.page-about .market-preview-card>span{
  display:block;
  color:#b18b47;
  font-size:14px;
  font-weight:850;
  margin-bottom:20px;
}
body.page-about .market-preview-card strong{
  display:block;
  color:#17392d;
  font-size:22px;
  margin-bottom:12px;
}
body.page-about .market-preview-card p{
  margin:0;
  color:#687970;
  line-height:1.8;
}
body.page-about .market-preview-more{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:24px;
  padding:22px 26px;
  border-radius:24px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(135deg,#174838 0%,#0f3b2e 100%);
  box-shadow:0 14px 30px rgba(23,72,56,.14);
  transition:transform .22s ease,box-shadow .22s ease;
}
body.page-about .market-preview-more:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 36px rgba(23,72,56,.19);
}
body.page-about .market-preview-more small{
  display:block;
  color:rgba(255,255,255,.66);
  margin-bottom:4px;
  font-size:12px;
}
body.page-about .market-preview-more strong{
  font-size:20px;
}
body.page-about .market-preview-more i{
  display:grid;
  place-items:center;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#e1bd6e;
  color:#17392d;
  font-style:normal;
  font-size:22px;
}

/* Dedicated market page */
body.page-market-outlook{
  background:#fffdf9;
}
body.page-market-outlook .market-detail-hero{
  padding:86px 0 76px;
  background:
    radial-gradient(circle at 10% 10%,rgba(218,188,122,.20),transparent 28%),
    linear-gradient(180deg,#fbf8ef 0%,#f3f7ef 100%);
}
body.page-market-outlook .market-detail-hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:62px;
  align-items:center;
}
body.page-market-outlook .market-detail-back{
  display:inline-flex;
  margin-bottom:26px;
  color:#6d7d74;
  font-size:14px;
  text-decoration:none;
}
body.page-market-outlook .market-detail-kicker{
  display:block;
  margin-bottom:12px;
  color:#b18a45;
  font-size:14px;
  font-weight:850;
  letter-spacing:.16em;
}
body.page-market-outlook .market-detail-hero h1{
  margin:0 0 22px;
  color:#17392d;
  font-size:clamp(48px,6vw,76px);
  line-height:1.08;
  letter-spacing:-.045em;
}
body.page-market-outlook .market-detail-hero-copy>p{
  margin:0;
  max-width:680px;
  color:#61736a;
  font-size:18px;
  line-height:1.9;
}
body.page-market-outlook .market-detail-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
body.page-market-outlook .market-detail-hero-tags span{
  padding:9px 13px;
  border-radius:999px;
  background:#eef4e9;
  border:1px solid rgba(35,66,51,.08);
  color:#325746;
  font-size:13px;
  font-weight:750;
}
body.page-market-outlook .market-detail-hero-media{
  margin:0;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 24px 54px rgba(23,57,45,.10);
}
body.page-market-outlook .market-detail-hero-media img{
  width:100%;
  height:480px;
  object-fit:cover;
  display:block;
}
body.page-market-outlook .market-detail-hero-media figcaption{
  padding:18px 22px;
  color:#476057;
  font-weight:750;
}

body.page-market-outlook .market-detail-section{
  padding:82px 0 !important;
}
body.page-market-outlook .market-detail-section-light{
  background:#fffdf9;
}
body.page-market-outlook .market-detail-section-sage{
  background:linear-gradient(180deg,#f1f6ed 0%,#f8faf5 100%);
}
body.page-market-outlook .market-detail-section-dark{
  background:linear-gradient(135deg,#123b2f 0%,#0d3027 100%);
}
body.page-market-outlook .market-detail-split{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:62px;
  align-items:center;
}
body.page-market-outlook .market-detail-split-reverse{
  grid-template-columns:.92fr 1.08fr;
}
body.page-market-outlook .market-detail-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:34px;
  padding:0 12px;
  margin-bottom:18px;
  border-radius:999px;
  color:#8a692c;
  background:#f1dfb4;
  font-size:13px;
  font-weight:850;
  letter-spacing:.08em;
}
body.page-market-outlook .market-detail-copy h2,
body.page-market-outlook .market-detail-section-head h2{
  margin:0 0 18px;
  color:#17392d;
  font-size:clamp(34px,4vw,52px);
  line-height:1.2;
  letter-spacing:-.035em;
}
body.page-market-outlook .market-detail-copy>p,
body.page-market-outlook .market-detail-section-head>p{
  color:#607169;
  font-size:17px;
  line-height:1.9;
}
body.page-market-outlook .market-detail-highlight{
  padding:38px;
  border-radius:30px;
  background:linear-gradient(160deg,#174838,#0e382c);
  box-shadow:0 20px 42px rgba(23,72,56,.14);
}
body.page-market-outlook .market-detail-highlight strong{
  display:block;
  color:#e5c77f;
  font-size:24px;
  margin-bottom:14px;
}
body.page-market-outlook .market-detail-highlight p{
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:18px;
  line-height:1.85;
}
body.page-market-outlook .market-detail-section-head{
  max-width:850px;
  margin-bottom:38px;
}
body.page-market-outlook .market-stage-flow{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  gap:14px;
  align-items:center;
}
body.page-market-outlook .market-stage-flow>div{
  min-height:168px;
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 30px rgba(23,57,45,.05);
}
body.page-market-outlook .market-stage-flow>div span{
  display:block;
  color:#b18b47;
  font-size:13px;
  font-weight:850;
  margin-bottom:18px;
}
body.page-market-outlook .market-stage-flow>div strong{
  display:block;
  color:#17392d;
  font-size:22px;
  margin-bottom:9px;
}
body.page-market-outlook .market-stage-flow>div small{
  color:#687970;
  line-height:1.6;
}
body.page-market-outlook .market-stage-flow>i{
  color:#b28f4b;
  font-style:normal;
  font-size:22px;
}
body.page-market-outlook .market-detail-side-media{
  margin:0;
  overflow:hidden;
  border-radius:32px;
  box-shadow:0 20px 46px rgba(23,57,45,.09);
}
body.page-market-outlook .market-detail-side-media img{
  width:100%;
  height:480px;
  display:block;
  object-fit:cover;
}
body.page-market-outlook .market-research-timeline{
  display:grid;
  gap:12px;
  margin-top:26px;
}
body.page-market-outlook .market-research-timeline>div{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:18px;
  padding:18px 20px;
  border-radius:20px;
  background:#f4f6ef;
}
body.page-market-outlook .market-research-timeline b{
  color:#9b7737;
  font-size:20px;
}
body.page-market-outlook .market-research-timeline span{
  color:#5f7168;
  line-height:1.7;
}
body.page-market-outlook .market-detail-section-head-light h2{
  color:#fffaf0;
}
body.page-market-outlook .market-detail-section-head-light>p{
  color:rgba(255,255,255,.72);
}
body.page-market-outlook .market-capability-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
body.page-market-outlook .market-capability-grid article{
  min-height:250px;
  padding:30px 28px;
  border-radius:28px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
}
body.page-market-outlook .market-capability-grid article>span{
  display:block;
  color:#e6c476;
  font-size:13px;
  font-weight:850;
  margin-bottom:26px;
}
body.page-market-outlook .market-capability-grid article strong{
  display:block;
  color:#fff;
  font-size:30px;
  margin-bottom:14px;
}
body.page-market-outlook .market-capability-grid article p{
  color:rgba(255,255,255,.70);
  line-height:1.8;
}
body.page-market-outlook .market-scene-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
body.page-market-outlook .market-scene-grid article{
  display:grid;
  grid-template-columns:180px 1fr;
  min-height:180px;
  overflow:hidden;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 30px rgba(23,57,45,.05);
}
body.page-market-outlook .market-scene-grid img{
  width:180px;
  height:100%;
  object-fit:cover;
}
body.page-market-outlook .market-scene-grid article>div{
  padding:28px 24px;
}
body.page-market-outlook .market-scene-grid strong{
  display:block;
  color:#17392d;
  font-size:22px;
  margin-bottom:10px;
}
body.page-market-outlook .market-scene-grid p{
  margin:0;
  color:#687970;
  line-height:1.75;
}
body.page-market-outlook .market-detail-final{
  padding-top:40px !important;
  padding-bottom:92px !important;
  background:#fffdf9;
}
body.page-market-outlook .market-detail-final-shell{
  padding:54px;
  border-radius:34px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(229,199,127,.16),transparent 30%),
    linear-gradient(135deg,#f3f7ed,#fff9ef);
  border:1px solid rgba(35,66,51,.08);
}
body.page-market-outlook .market-detail-final h2{
  margin:0 0 28px;
  color:#17392d;
  font-size:clamp(36px,4vw,54px);
}
body.page-market-outlook .market-long-path{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:0 auto 28px;
}
body.page-market-outlook .market-long-path span{
  padding:12px 17px;
  border-radius:999px;
  background:#fff;
  color:#365749;
  font-weight:750;
  border:1px solid rgba(35,66,51,.08);
}
body.page-market-outlook .market-long-path i{
  color:#b18b47;
  font-style:normal;
}
body.page-market-outlook .market-detail-final blockquote{
  margin:0 auto 30px;
  color:#17392d;
  font-family:Georgia,"Noto Serif SC",serif;
  font-size:26px;
  font-weight:700;
}
body.page-market-outlook .market-detail-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

@media(max-width:1020px){
  body.page-about .market-preview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page-market-outlook .market-detail-hero-grid,
  body.page-market-outlook .market-detail-split,
  body.page-market-outlook .market-detail-split-reverse{
    grid-template-columns:1fr;
  }
  body.page-market-outlook .market-stage-flow{
    grid-template-columns:1fr 1fr;
  }
  body.page-market-outlook .market-stage-flow>i{
    display:none;
  }
  body.page-market-outlook .market-capability-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:700px){
  body.page-about .market-preview-head,
  body.page-about .market-preview-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  body.page-market-outlook .market-detail-hero{
    padding:58px 0 48px;
  }
  body.page-market-outlook .market-detail-hero-media img,
  body.page-market-outlook .market-detail-side-media img{
    height:320px;
  }
  body.page-market-outlook .market-stage-flow,
  body.page-market-outlook .market-scene-grid{
    grid-template-columns:1fr;
  }
  body.page-market-outlook .market-scene-grid article{
    grid-template-columns:1fr;
  }
  body.page-market-outlook .market-scene-grid img{
    width:100%;
    height:220px;
  }
  body.page-market-outlook .market-detail-final-shell{
    padding:34px 22px;
  }
}
/* === END SFN104 MARKET OUTLOOK === */



/* === SFN105: integrate market outlook into channel cooperation === */
body.page-about .channel-cooperation-section{
  padding-top:78px !important;
  padding-bottom:82px !important;
}
body.page-about .channel-cooperation-head{
  max-width:980px !important;
  margin:0 auto 42px !important;
}
body.page-about .channel-cooperation-intro{
  text-align:center;
}
body.page-about .channel-cooperation-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  padding:7px 13px;
  border-radius:999px;
  color:#8b6a2e;
  background:#f2e3bd;
  border:1px solid rgba(177,139,71,.16);
  font-size:13px;
  font-weight:850;
  letter-spacing:.08em;
}
body.page-about .channel-cooperation-intro .section-title{
  margin:0 0 16px !important;
  color:#17392d !important;
}
body.page-about .channel-cooperation-lead{
  max-width:860px;
  margin:0 auto !important;
  color:#65776e !important;
  font-size:17px !important;
  line-height:1.9 !important;
}

/* 保留六张合作卡为主视觉 */
body.page-about .channel-cooperation-grid{
  margin-top:0 !important;
}

/* 融合后的市场前景入口：不再重复4卡，仅保留一块有层级的桥接卡 */
body.page-about .channel-market-bridge{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:30px;
  align-items:center;
  margin-top:28px;
  padding:28px 30px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(225,191,110,.18),transparent 28%),
    linear-gradient(135deg,#fffaf0 0%,#f2f6ed 100%);
  border:1px solid rgba(35,66,51,.09);
  box-shadow:0 16px 34px rgba(23,57,45,.06);
}
body.page-about .channel-market-bridge::before{
  content:"";
  position:absolute;
  right:22%;
  top:-80px;
  width:180px;
  height:180px;
  border-radius:50%;
  border:1px solid rgba(177,139,71,.12);
  pointer-events:none;
}
body.page-about .channel-market-bridge-copy{
  position:relative;
  z-index:1;
}
body.page-about .channel-market-bridge-copy>span{
  display:block;
  margin-bottom:8px;
  color:#a27d3c;
  font-size:13px;
  font-weight:850;
  letter-spacing:.12em;
}
body.page-about .channel-market-bridge-copy>strong{
  display:block;
  margin-bottom:10px;
  color:#17392d;
  font-size:23px;
  line-height:1.35;
}
body.page-about .channel-market-bridge-copy>p{
  margin:0;
  max-width:820px;
  color:#687970;
  font-size:15px;
  line-height:1.8;
}
body.page-about .channel-market-bridge-link{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "small arrow"
    "title arrow";
  gap:4px 18px;
  align-items:center;
  min-height:116px;
  padding:22px 22px 22px 24px;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(135deg,#174838,#0e382c);
  box-shadow:0 14px 28px rgba(23,72,56,.16);
  transition:transform .22s ease,box-shadow .22s ease;
}
body.page-about .channel-market-bridge-link:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 34px rgba(23,72,56,.20);
}
body.page-about .channel-market-bridge-link small{
  grid-area:small;
  color:rgba(255,255,255,.62);
  font-size:12px;
}
body.page-about .channel-market-bridge-link b{
  grid-area:title;
  color:#fff;
  font-size:18px;
}
body.page-about .channel-market-bridge-link i{
  grid-area:arrow;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#e2bd6b;
  color:#17392d;
  font-style:normal;
  font-size:20px;
}

body.page-about .channel-cooperation-cta{
  margin-top:24px !important;
}

@media(max-width:900px){
  body.page-about .channel-market-bridge{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  body.page-about .channel-market-bridge{
    padding:22px;
  }
  body.page-about .channel-market-bridge-copy>strong{
    font-size:20px;
  }
}
/* === END SFN105 === */



/* =========================================================
   SFN106 / 第20条 医学研究资料库
   ========================================================= */
body.page-research,
body.page-research-detail{
  background:#fbfaf5;
}

/* Hero */
body.page-research .research-hero{
  padding:82px 0 54px;
  background:
    radial-gradient(circle at 12% 0%,rgba(219,188,120,.20),transparent 30%),
    linear-gradient(180deg,#f8f3e9 0%,#f1f6ed 100%);
}
body.page-research .research-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);
  gap:62px;
  align-items:end;
}
body.page-research .research-kicker{
  display:inline-block;
  margin-bottom:15px;
  color:#a17a38;
  font-size:13px;
  font-weight:850;
  letter-spacing:.14em;
}
body.page-research .research-hero h1{
  margin:0 0 18px;
  color:#17392d;
  font-size:clamp(46px,5.6vw,72px);
  line-height:1.08;
  letter-spacing:-.045em;
}
body.page-research .research-hero-copy p{
  max-width:760px;
  margin:0;
  color:#607169;
  font-size:18px;
  line-height:1.9;
}
body.page-research .research-hero-stat{
  padding:28px 30px;
  border-radius:28px;
  background:linear-gradient(145deg,#174838,#0d3429);
  box-shadow:0 20px 44px rgba(23,72,56,.14);
}
body.page-research .research-hero-stat strong{
  display:block;
  color:#ebc979;
  font-size:56px;
  line-height:1;
}
body.page-research .research-hero-stat span{
  display:block;
  margin-top:10px;
  color:#fff;
  font-size:17px;
  font-weight:760;
}
body.page-research .research-hero-stat small{
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.62);
  line-height:1.6;
}

/* Surugaya-inspired search logic, adapted to SFN visual system */
body.page-research .research-search-zone{
  position:relative;
  z-index:5;
  padding:0 0 26px;
  background:#f1f6ed;
}
body.page-research .research-searchbar{
  display:grid;
  grid-template-columns:205px minmax(0,1fr) 112px;
  min-height:66px;
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  border:2px solid #174838;
  box-shadow:0 14px 34px rgba(23,72,56,.09);
}
body.page-research .research-search-category{
  border:0;
  border-right:1px solid #dde6df;
  padding:0 42px 0 20px;
  background:#f8faf6;
  color:#24483a;
  font-size:15px;
  font-weight:760;
  outline:none;
}
body.page-research .research-search-input-wrap{
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  padding:0 14px 0 18px;
}
body.page-research .research-search-input-wrap>span{
  color:#8c9b93;
  font-size:25px;
}
body.page-research #research-query{
  width:100%;
  height:62px;
  border:0;
  outline:none;
  background:transparent;
  color:#17392d;
  font-size:16px;
}
body.page-research #research-query::placeholder{
  color:#95a29b;
}
body.page-research .research-search-btn{
  border:0;
  background:#174838;
  color:#fff;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
  transition:background .2s ease;
}
body.page-research .research-search-btn:hover{background:#0d392b}
body.page-research .research-search-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
}
body.page-research .research-hot-keywords{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
body.page-research .research-hot-keywords>span{
  margin-right:3px;
  color:#79887f;
  font-size:13px;
}
body.page-research .research-hot-keywords button,
body.page-research .research-advanced-toggle{
  border:1px solid rgba(35,66,51,.10);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#426052;
  padding:8px 12px;
  font-size:13px;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
body.page-research .research-hot-keywords button:hover,
body.page-research .research-advanced-toggle:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(23,72,56,.26);
}
body.page-research .research-advanced-panel{
  display:grid;
  grid-template-columns:1.5fr .7fr auto;
  gap:26px;
  align-items:end;
  margin-top:16px;
  padding:22px 24px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 28px rgba(23,57,45,.05);
}
body.page-research .research-advanced-panel[hidden]{display:none!important}
body.page-research .research-filter-label{
  display:block;
  margin-bottom:10px;
  color:#17392d;
  font-size:13px;
  font-weight:820;
}
body.page-research .research-filter-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.page-research .research-filter-chip input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
body.page-research .research-filter-chip span{
  display:inline-flex;
  padding:8px 11px;
  border-radius:10px;
  background:#f4f7f2;
  border:1px solid #e4eae5;
  color:#607169;
  font-size:12px;
  cursor:pointer;
}
body.page-research .research-filter-chip input:checked+span{
  background:#174838;
  border-color:#174838;
  color:#fff;
}
body.page-research .research-year-fields{
  display:flex;
  align-items:center;
  gap:9px;
}
body.page-research .research-year-fields select,
body.page-research #research-sort{
  min-height:40px;
  border:1px solid #dde5df;
  border-radius:10px;
  background:#fff;
  color:#486055;
  padding:0 12px;
}
body.page-research .research-clear-btn{
  min-height:42px;
  border:0;
  border-radius:12px;
  padding:0 15px;
  background:#efe5cc;
  color:#6f5625;
  font-weight:760;
  cursor:pointer;
}

/* Library layout */
body.page-research .research-library-section{
  padding-top:46px!important;
}
body.page-research .research-library-layout{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:34px;
  align-items:start;
}
body.page-research .research-sidebar{
  position:sticky;
  top:110px;
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 14px 30px rgba(23,57,45,.05);
}
body.page-research .research-sidebar-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-end;
  padding-bottom:16px;
  border-bottom:1px solid #edf0ed;
}
body.page-research .research-sidebar-head strong{
  color:#17392d;
  font-size:20px;
}
body.page-research .research-sidebar-head span{
  color:#97a29c;
  font-size:11px;
}
body.page-research .research-tree{
  display:grid;
  gap:5px;
  margin-top:12px;
}
body.page-research .research-tree button{
  width:100%;
  border:0;
  background:transparent;
  color:#52665c;
  cursor:pointer;
  text-align:left;
}
body.page-research .research-tree-all,
body.page-research .research-tree-head{
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 10px;
  border-radius:11px!important;
  font-weight:760;
}
body.page-research .research-tree-all{grid-template-columns:1fr auto}
body.page-research .research-tree button b{
  color:#9a7750;
  font-size:11px;
  font-weight:760;
}
body.page-research .research-tree button i{
  color:#8b9991;
  font-style:normal;
  transition:transform .18s ease;
}
body.page-research .research-tree button.is-active{
  background:#edf4ea;
  color:#174838;
}
body.page-research .research-tree-group.is-open .research-tree-head i{
  transform:rotate(180deg);
}
body.page-research .research-tree-children{
  display:none;
  padding:4px 0 7px 13px;
}
body.page-research .research-tree-group.is-open .research-tree-children{
  display:grid;
  gap:3px;
}
body.page-research .research-tree-children button{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  padding:8px 9px;
  border-radius:9px;
  font-size:12px;
}
body.page-research .research-evidence-note{
  margin-top:20px;
  padding:17px;
  border-radius:17px;
  background:#fff8e9;
  border:1px solid rgba(196,151,59,.16);
}
body.page-research .research-evidence-note strong{
  color:#765823;
  font-size:13px;
}
body.page-research .research-evidence-note p{
  margin:7px 0 0;
  color:#7b6b4c;
  font-size:12px;
  line-height:1.7;
}

/* Results */
body.page-research .research-results-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  margin-bottom:16px;
}
body.page-research .research-results-label{
  display:block;
  color:#8c9a93;
  font-size:12px;
}
body.page-research .research-results-toolbar strong{
  display:block;
  margin-top:2px;
  color:#17392d;
  font-size:24px;
}
body.page-research .research-results-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
body.page-research #research-active-summary{
  max-width:360px;
  color:#74857c;
  font-size:13px;
}
body.page-research .research-result-list{
  display:grid;
  gap:13px;
}
body.page-research .research-result-card{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 148px;
  gap:24px;
  align-items:center;
  min-height:190px;
  padding:24px 24px 24px 20px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 10px 24px rgba(23,57,45,.045);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
body.page-research .research-result-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 34px rgba(23,57,45,.09);
  border-color:rgba(23,72,56,.16);
}
body.page-research .research-result-index{
  align-self:stretch;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:4px;
  border-right:1px solid #edf0ed;
  color:#a88346;
  font-size:13px;
  font-weight:820;
}
body.page-research .research-result-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}
body.page-research .research-result-tags span{
  padding:5px 8px;
  border-radius:999px;
  background:#eff4ec;
  color:#526e60;
  font-size:11px;
  font-weight:720;
}
body.page-research .research-result-content h2{
  margin:0 0 7px;
  color:#17392d;
  font-size:21px;
  line-height:1.45;
}
body.page-research .research-result-en{
  margin:0 0 9px;
  color:#8a9690;
  font-size:12px;
  line-height:1.55;
}
body.page-research .research-result-summary{
  margin:0;
  color:#687970;
  font-size:14px;
  line-height:1.75;
}
body.page-research .research-result-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 16px;
  margin-top:11px;
  color:#87948e;
  font-size:11px;
}
body.page-research .research-result-link-wrap{
  display:flex;
  justify-content:flex-end;
}
body.page-research .research-result-link-wrap a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#174838;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
body.page-research .research-result-link-wrap i{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#e4c77d;
  color:#17392d;
  font-style:normal;
}
body.page-research .research-empty{
  padding:58px 24px;
  border-radius:24px;
  text-align:center;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
}
body.page-research .research-empty strong{
  color:#17392d;
  font-size:22px;
}
body.page-research .research-empty p{
  color:#718179;
}
body.page-research .research-pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:24px;
}
body.page-research .research-pagination button{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid #dfe6e1;
  background:#fff;
  color:#53665d;
  cursor:pointer;
}
body.page-research .research-pagination button.is-active{
  background:#174838;
  border-color:#174838;
  color:#fff;
}

/* Detail page */
body.page-research-detail .research-detail-hero{
  padding:74px 0 56px;
  background:
    radial-gradient(circle at 15% 0%,rgba(221,190,121,.18),transparent 29%),
    linear-gradient(180deg,#f8f3e8,#f1f6ed);
}
body.page-research-detail .research-detail-back{
  color:#687970;
  text-decoration:none;
  font-size:13px;
}
body.page-research-detail .research-detail-heading{
  max-width:980px;
  margin-top:28px;
}
body.page-research-detail .research-detail-category{
  color:#9b7739;
  font-size:13px;
  font-weight:820;
  letter-spacing:.12em;
}
body.page-research-detail .research-detail-heading h1{
  margin:12px 0;
  color:#17392d;
  font-size:clamp(38px,5vw,60px);
  line-height:1.22;
  letter-spacing:-.035em;
}
body.page-research-detail .research-detail-en-title{
  color:#7d8b84;
  font-size:16px;
  line-height:1.7;
}
body.page-research-detail .research-detail-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
body.page-research-detail .research-detail-tags span{
  padding:7px 11px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  color:#50695b;
  font-size:12px;
}
body.page-research-detail .research-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:42px;
  align-items:start;
}
body.page-research-detail .research-detail-article{
  display:grid;
  gap:18px;
}
body.page-research-detail .research-detail-block{
  padding:30px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  box-shadow:0 12px 28px rgba(23,57,45,.04);
  transition:transform .22s ease,box-shadow .22s ease;
}
body.page-research-detail .research-detail-block:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(23,57,45,.08);
}
body.page-research-detail .research-detail-block h2{
  margin:0 0 14px;
  color:#17392d;
  font-size:24px;
}
body.page-research-detail .research-detail-block p{
  margin:0;
  color:#61736a;
  font-size:16px;
  line-height:1.9;
}
body.page-research-detail .research-detail-meta{
  display:grid;
  gap:0;
  margin:0;
}
body.page-research-detail .research-detail-meta>div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:20px;
  padding:14px 0;
  border-bottom:1px solid #eef1ee;
}
body.page-research-detail .research-detail-meta>div:last-child{border-bottom:0}
body.page-research-detail .research-detail-meta dt{
  color:#8a9790;
  font-size:13px;
}
body.page-research-detail .research-detail-meta dd{
  margin:0;
  color:#365348;
  line-height:1.7;
}
body.page-research-detail .research-detail-disclaimer{
  background:#fff9ed;
}
body.page-research-detail .research-detail-aside{
  position:sticky;
  top:110px;
  display:grid;
  gap:14px;
}
body.page-research-detail .research-detail-source-card{
  padding:26px;
  border-radius:26px;
  background:linear-gradient(145deg,#174838,#0d3429);
  box-shadow:0 18px 38px rgba(23,72,56,.13);
}
body.page-research-detail .research-detail-source-card>span{
  color:#e4c77d;
  font-size:12px;
  font-weight:820;
}
body.page-research-detail .research-detail-source-card strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:22px;
}
body.page-research-detail .research-detail-source-card p{
  color:rgba(255,255,255,.68);
  line-height:1.7;
  font-size:13px;
}
body.page-research-detail .research-detail-source-card a{
  display:inline-flex;
  margin-top:8px;
  color:#fff2c9;
  font-weight:780;
  text-decoration:none;
}
body.page-research-detail .research-detail-more{
  padding:18px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(35,66,51,.08);
  color:#174838;
  text-decoration:none;
  font-weight:780;
}

/* =========================================================
   market-outlook.html 卡片统一浮动
   ========================================================= */
body.page-market-outlook .market-detail-hero-media,
body.page-market-outlook .market-detail-highlight,
body.page-market-outlook .market-stage-flow>div,
body.page-market-outlook .market-detail-side-media,
body.page-market-outlook .market-capability-grid article,
body.page-market-outlook .market-scene-grid article,
body.page-market-outlook .market-detail-final-shell{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
  will-change:transform;
}
body.page-market-outlook .market-detail-hero-media:hover,
body.page-market-outlook .market-detail-highlight:hover,
body.page-market-outlook .market-stage-flow>div:hover,
body.page-market-outlook .market-detail-side-media:hover,
body.page-market-outlook .market-capability-grid article:hover,
body.page-market-outlook .market-scene-grid article:hover,
body.page-market-outlook .market-detail-final-shell:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 44px rgba(23,57,45,.11);
}
body.page-market-outlook .market-detail-section-dark .market-capability-grid article:hover{
  box-shadow:0 24px 46px rgba(0,0,0,.18);
  border-color:rgba(229,199,127,.24);
}

/* responsive */
@media(max-width:1020px){
  body.page-research .research-hero-inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  body.page-research .research-hero-stat{max-width:420px}
  body.page-research .research-library-layout{
    grid-template-columns:1fr;
  }
  body.page-research .research-sidebar{
    position:static;
  }
  body.page-research .research-tree{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page-research .research-evidence-note{grid-column:1/-1}
  body.page-research .research-result-card{
    grid-template-columns:72px minmax(0,1fr);
  }
  body.page-research .research-result-link-wrap{
    grid-column:2;
    justify-content:flex-start;
  }
  body.page-research-detail .research-detail-layout{
    grid-template-columns:1fr;
  }
  body.page-research-detail .research-detail-aside{position:static}
}
@media(max-width:760px){
  body.page-research .research-hero{padding:54px 0 38px}
  body.page-research .research-searchbar{
    grid-template-columns:1fr 86px;
    border-radius:18px;
  }
  body.page-research .research-search-category{
    grid-column:1/-1;
    min-height:46px;
    border-right:0;
    border-bottom:1px solid #e4eae5;
  }
  body.page-research .research-search-tools{
    align-items:flex-start;
    flex-direction:column;
  }
  body.page-research .research-advanced-panel{
    grid-template-columns:1fr;
  }
  body.page-research .research-tree{
    grid-template-columns:1fr;
  }
  body.page-research .research-results-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  body.page-research .research-results-actions{
    width:100%;
    justify-content:space-between;
  }
  body.page-research .research-result-card{
    grid-template-columns:1fr;
    gap:14px;
  }
  body.page-research .research-result-index{
    justify-content:flex-start;
    padding:0 0 10px;
    border-right:0;
    border-bottom:1px solid #edf0ed;
  }
  body.page-research .research-result-link-wrap{grid-column:auto}
  body.page-research-detail .research-detail-meta>div{
    grid-template-columns:1fr;
    gap:5px;
  }
}
/* === END SFN106 === */



/* === SFN107 research search simplification === */

/* 去掉旧版碎片化辅助区域 */
body.page-research .research-search-tools,
body.page-research .research-hot-keywords{
  display:none !important;
}

/* 右侧84项信息更简洁 */
body.page-research .research-hero-stat{
  display:flex !important;
  align-items:baseline;
  justify-content:center;
  gap:12px;
  min-height:118px !important;
  padding:28px 34px !important;
}
body.page-research .research-hero-stat strong{
  margin:0 !important;
}
body.page-research .research-hero-stat span{
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-size:18px !important;
}

/* 搜索、分类、筛选统一收进一个完整的大搜索框 */
body.page-research .research-search-zone{
  padding:0 0 34px !important;
}
body.page-research .research-search-shell{
  overflow:hidden;
  border:1px solid rgba(35,66,51,.10);
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 42px rgba(23,57,45,.08);
}
body.page-research .research-searchbar{
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) 86px 108px !important;
  min-height:74px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.page-research .research-search-category{
  min-height:74px !important;
  border:0 !important;
  border-right:1px solid #e7ece8 !important;
  padding:0 40px 0 22px !important;
  background:#fafbf8 !important;
  color:#294b3e !important;
  font-size:15px !important;
  font-weight:760 !important;
  outline:none;
}
body.page-research .research-search-input-wrap{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  align-items:center !important;
  min-height:74px !important;
  padding:0 16px 0 20px !important;
}
body.page-research .research-search-icon{
  color:#87968f !important;
  font-size:24px !important;
}
body.page-research #research-query{
  height:74px !important;
  font-size:16px !important;
}
body.page-research .research-filter-toggle{
  border:0;
  border-left:1px solid #edf0ed;
  background:#fff;
  color:#53665d;
  font-size:14px;
  font-weight:760;
  cursor:pointer;
  transition:background .18s ease,color .18s ease;
}
body.page-research .research-filter-toggle:hover,
body.page-research .research-filter-toggle[aria-expanded="true"]{
  background:#f2f6ef;
  color:#174838;
}
body.page-research .research-search-btn{
  min-height:74px !important;
  border-radius:0 !important;
  background:#174838 !important;
  font-size:16px !important;
  font-weight:820 !important;
}
body.page-research .research-search-btn:hover{
  background:#0f392d !important;
}

/* 筛选不是另一张卡，而是搜索框向下展开的一部分 */
body.page-research .research-advanced-panel{
  grid-template-columns:1.6fr .7fr auto !important;
  gap:28px !important;
  align-items:end !important;
  margin:0 !important;
  padding:22px 24px 24px !important;
  border:0 !important;
  border-top:1px solid #edf0ed !important;
  border-radius:0 !important;
  background:#fbfcf9 !important;
  box-shadow:none !important;
}
body.page-research .research-filter-chip span{
  padding:8px 12px !important;
  border-radius:999px !important;
}
body.page-research .research-clear-btn{
  min-width:74px;
  background:#f1ead9 !important;
}

/* 减少无意义提示感 */
body.page-research .research-sidebar-head{
  align-items:center !important;
}
body.page-research .research-sidebar-head strong{
  font-size:19px !important;
}
body.page-research .research-results-toolbar{
  padding-bottom:10px;
  border-bottom:1px solid #edf0ed;
}

/* 响应式 */
@media(max-width:860px){
  body.page-research .research-searchbar{
    grid-template-columns:150px minmax(0,1fr) 78px 92px !important;
  }
}
@media(max-width:700px){
  body.page-research .research-search-shell{
    border-radius:22px;
  }
  body.page-research .research-searchbar{
    grid-template-columns:1fr 76px !important;
  }
  body.page-research .research-search-category{
    grid-column:1/-1;
    min-height:48px !important;
    border-right:0 !important;
    border-bottom:1px solid #edf0ed !important;
  }
  body.page-research .research-search-input-wrap{
    grid-column:1/-1;
    min-height:62px !important;
    border-bottom:1px solid #edf0ed;
  }
  body.page-research #research-query{
    height:62px !important;
  }
  body.page-research .research-filter-toggle,
  body.page-research .research-search-btn{
    min-height:54px !important;
  }
  body.page-research .research-advanced-panel{
    grid-template-columns:1fr !important;
  }
}
/* === END SFN107 === */


/* === SFN117: compact business cooperation cards and independent market outlook === */
body.page-about .channel-cooperation-grid{
  gap:18px;
}
body.page-about .channel-cooperation-card{
  min-height:238px;
  padding:24px 24px 22px;
  border-radius:22px;
}
body.page-about .channel-cooperation-stars{
  margin-bottom:16px;
  font-size:14px;
}
body.page-about .channel-cooperation-card h3{
  margin-bottom:10px;
  font-size:22px;
}
body.page-about .channel-cooperation-card p{
  font-size:15px;
  line-height:1.7;
}
body.page-about .channel-market-bridge-section{
  padding-top:42px !important;
  padding-bottom:46px !important;
  background:linear-gradient(180deg,#f7f4ec 0%,#fffdf9 100%);
}
body.page-about .channel-market-bridge-section .channel-market-bridge{
  margin-top:0;
}
@media(max-width:680px){
  body.page-about .channel-cooperation-card{
    min-height:0;
    padding:22px 20px 20px;
  }
}
/* === END SFN117 === */