:root{--pink:#f044a2;--navy:#07113f;--green:#62a744;--ink:#17231d;--muted:#6d7772;--line:#dfe5e1;--soft:#f4f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(88%,1500px);margin:auto}
.site-head{position:relative;z-index:10;height:86px;color:#fff;background:#12271d}.site-head .inner{height:100%;display:flex;align-items:center}.brand{width:72px;height:76px}.brand img{width:100%;height:100%;object-fit:contain}.site-nav{display:flex;gap:42px;margin-left:auto;align-items:center}.site-nav a{font-size:15px}.site-nav a:hover,.site-nav a.active{color:#ffa7d7}.back{display:inline-flex;align-items:center;gap:10px;color:#d4ddd8}.back:before{content:"←";font-size:20px}
.catalog-hero{position:relative;min-height:470px;display:flex;align-items:flex-end;padding:90px 0;color:#fff;overflow:hidden;background:linear-gradient(125deg,#0d2418,#153426)}.catalog-hero:after{content:"";position:absolute;width:520px;height:520px;right:-90px;top:-170px;border:90px solid rgba(240,68,162,.18);border-radius:50%;transform:rotate(22deg)}.catalog-hero .wrap{position:relative;z-index:2}.eyebrow{margin:0 0 16px;color:#ff8bc9;font-size:13px;letter-spacing:.24em;text-transform:uppercase}.catalog-hero h1{max-width:900px;margin:0 0 20px;font-size:clamp(44px,6vw,84px);font-weight:400;line-height:1.08}.catalog-hero p{max-width:760px;margin:0;color:#c6d0ca;font-size:18px;line-height:1.9}
.section{padding:100px 0}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-head h2{margin:0;font-size:clamp(32px,4vw,56px);font-weight:400}.section-head p{max-width:660px;margin:0;color:var(--muted);line-height:1.8}.count{color:var(--pink);font-size:14px;letter-spacing:.15em}
.product-table{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gummy-card{padding:32px;border:1px solid var(--line);background:#fff;transition:.25s}.gummy-card:hover{border-color:var(--pink);transform:translateY(-4px)}.gummy-card .no{color:var(--pink);font-size:12px}.gummy-card h3{margin:18px 0 6px;font-size:23px;font-weight:500}.gummy-card .en{min-height:40px;margin:0 0 24px;color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}.specs span{display:block;margin-bottom:6px;color:#909994;font-size:12px}
.reference-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.reference-card{position:relative;min-height:420px;overflow:hidden;background:#fff;border:1px solid var(--line)}.reference-card img{width:100%;height:100%;object-fit:cover}.reference-card.contain img{object-fit:contain;padding:28px}.reference-label{position:absolute;left:18px;bottom:18px;padding:10px 14px;color:#fff;background:rgba(7,17,63,.88);font-size:13px}
.shape-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.shape-card{background:#fff;border:1px solid var(--line)}.shape-card .photo{aspect-ratio:1/1;overflow:hidden;background:#f7f7f7}.shape-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.shape-card:hover img{transform:scale(1.04)}.shape-card h3{margin:0;padding:18px 20px;font-size:16px;font-weight:500}
.ingredient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.ingredient-card{display:grid;grid-template-columns:42% 58%;min-height:460px;background:#fff;border:1px solid var(--line);overflow:hidden}.ingredient-visual{display:flex;flex-direction:column;background:#f1f4f2}.ingredient-photo{height:66%;min-height:260px;width:100%;object-fit:cover}.molecule{height:34%;min-height:130px;width:100%;padding:24px;object-fit:contain;background:#fff;border-top:1px solid var(--line)}.ingredient-content{padding:34px}.ingredient-content .zh{margin:0 0 8px;font-size:26px;font-weight:500}.ingredient-content .en{margin:0 0 26px;color:var(--pink);font-size:15px}.pill{display:inline-block;margin-bottom:24px;padding:7px 12px;border-radius:99px;background:#edf3ef;color:#53635a;font-size:12px}.facts{margin:0 0 24px;padding:18px;background:#f6f8f7;color:#53605a;font-size:13px;line-height:1.75;white-space:pre-line}.application{margin:0;color:var(--muted);font-size:14px;line-height:1.75;white-space:pre-line}
.custom-note{padding:44px;color:#fff;background:linear-gradient(110deg,var(--navy),#142b21)}.custom-note h2{margin:0 0 12px;font-size:30px;font-weight:400}.custom-note p{margin:0;color:#c7d1cc;line-height:1.8}
footer{padding:48px 0;background:#0f1f17;color:#aebbb4}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{width:92px;height:92px;object-fit:contain}.footer-copy{text-align:right;font-size:13px;line-height:1.8}
@media(max-width:1000px){.product-table{grid-template-columns:repeat(2,1fr)}.ingredient-grid{grid-template-columns:1fr}.shape-grid{grid-template-columns:repeat(3,1fr)}.reference-grid{grid-template-columns:1fr}.site-nav{gap:22px}}
@media(max-width:680px){.wrap{width:90%}.site-head{height:74px}.brand{width:62px;height:66px}.site-nav a:not(.active){display:none}.catalog-hero{min-height:410px;padding:70px 0}.catalog-hero h1{font-size:44px}.section{padding:72px 0}.section-head{display:block}.section-head p{margin-top:18px}.product-table,.shape-grid{grid-template-columns:1fr}.ingredient-card{grid-template-columns:1fr}.ingredient-photo{height:300px}.molecule{height:150px}.footer-inner{align-items:flex-start}.footer-copy{max-width:220px}}