:root{--bg:#eef4f1;--clay:#ffffff;--ink:#22322c;--muted:#6d8279;--mint:#0fb98a;--coral:#ff7a59;--sun:#ffc94d;--r:26px}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#f0f6f3,#e7f0ec 55%,#f6f1ea);color:var(--ink);font-family:"Nunito","Noto Sans TC",sans-serif}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:0 auto}
.top{position:sticky;top:14px;z-index:40;margin-top:14px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-radius:999px;padding:10px 18px;box-shadow:0 14px 32px rgba(32,68,56,.13)}
.logo img{width:60px;height:auto;display:block}
.menu{display:flex;gap:6px}.menu a{padding:9px 15px;border-radius:999px;font-size:14px;font-weight:700;color:#4b6359}
.menu a:hover{background:var(--mint);color:#fff}
.hero{padding:34px 0 10px}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{background:var(--clay);border-radius:var(--r);padding:24px;box-shadow:0 18px 34px rgba(30,66,54,.1),inset 0 -3px 0 rgba(19,60,46,.05)}
.t-lead{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center}
.t-shot{grid-column:span 2;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#fff,#e9f7f1)}
.t-shot img{max-height:210px;width:auto}
.pill{display:inline-block;background:#dff7ee;color:#0a7d5d;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:14px;width:fit-content}
h1{font-size:clamp(30px,4.6vw,50px);line-height:1.1;margin:0 0 14px;letter-spacing:-.02em}
.lead{color:var(--muted);line-height:1.85;margin:0}
.stat{text-align:center}.stat b{display:block;font-size:34px;color:var(--mint);line-height:1.1}
.stat.coral b{color:var(--coral)}.stat.sun b{color:#e0a300}
.stat span{font-size:13px;color:var(--muted)}
.act{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.btn{border:none;border-radius:999px;padding:13px 24px;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}
.btn-main{background:var(--mint);color:#fff;box-shadow:0 10px 20px rgba(15,185,138,.32)}
.btn-ghost{background:#fff;color:#2c5a4b;box-shadow:0 8px 16px rgba(30,66,54,.1)}
.sec{padding:40px 0}
.sec-head{text-align:center;max-width:640px;margin:0 auto 26px}
.sec-head h2{font-size:clamp(24px,3.4vw,38px);margin:0 0 10px}.sec-head p{margin:0;color:var(--muted)}
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pack{background:var(--clay);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 16px 30px rgba(30,66,54,.1);position:relative;overflow:hidden}
.pack.wide{grid-column:span 2;flex-direction:row;align-items:center}
.pack.wide .info{flex:1}.pack.wide img{width:150px}
.pack .flag{position:absolute;top:14px;right:14px;background:var(--coral);color:#fff;font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.06em}
.pack img{width:100%;height:110px;object-fit:contain}
.pack h3{margin:0;font-size:19px}.pack .box{font-size:13px;color:var(--muted)}
.pack .note{font-size:13px;color:var(--muted);line-height:1.65;margin:0;min-height:42px}
.pack .price{font-size:27px;font-weight:900;color:var(--mint)}
.pack .row{display:flex;gap:8px;margin-top:auto}.pack .row .btn{flex:1;padding:10px 12px;font-size:13px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:var(--clay);border-radius:var(--r);padding:22px;box-shadow:0 14px 28px rgba(30,66,54,.09)}
.step b{display:inline-flex;width:44px;height:44px;border-radius:50%;background:#dff7ee;color:#0a7d5d;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.step h3{margin:0 0 6px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.reel{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory}
.reel a{flex:0 0 280px;background:var(--clay);border-radius:22px;overflow:hidden;box-shadow:0 14px 28px rgba(30,66,54,.1);scroll-snap-align:start}
.reel img{width:100%;height:150px;object-fit:cover}.reel div{padding:16px}
.reel h3{margin:0 0 8px;font-size:16px;line-height:1.45}.reel p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}


.cart{position:fixed;left:22px;bottom:22px;background:#fff;border-radius:18px;padding:12px 16px;font-size:13px;box-shadow:0 16px 30px rgba(30,66,54,.18);z-index:50}
.cart strong{display:block;color:var(--mint)}
.sheet{background:var(--clay);border-radius:var(--r);padding:30px;box-shadow:0 18px 34px rgba(30,66,54,.1);margin:26px 0 40px}
.sheet h1{font-size:clamp(26px,4vw,42px)}.sheet p,.sheet li{color:#4a625a;line-height:1.9;font-size:15px}
.sheet h2{font-size:21px;margin:28px 0 10px;color:#1c463a}
.sheet .cover{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:20px;margin:0 0 20px;background:#e9f7f1}
.sheet .cover img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;display:block;margin:0;padding:0;border-radius:0;background:transparent}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
.facts div{background:#f2f9f6;border-radius:16px;padding:14px;font-size:14px}
.facts b{display:block;color:var(--mint);font-size:13px;margin-bottom:4px}
.buy{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.buy .shot{background:linear-gradient(150deg,#fff,#e9f7f1);border-radius:22px;padding:24px;text-align:center}
.buy .shot img{max-height:250px}
@media(max-width:1040px){.bento{grid-template-columns:repeat(2,1fr)}.t-lead,.t-shot{grid-column:span 2}
.shelf{grid-template-columns:repeat(2,1fr)}.pack.wide{grid-column:span 2}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.bento,.shelf,.steps{grid-template-columns:1fr}.t-lead,.t-shot,.pack.wide{grid-column:span 1}
.pack.wide{flex-direction:column}.pack.wide img{width:100%}.menu{display:none}.buy{grid-template-columns:1fr}.foot-row{flex-direction:column;align-items:flex-start}}

/* article polish */
.sheet h3{font-size:17px;margin:20px 0 8px;color:#1c463a}
.sheet .related{margin-top:36px;padding-top:18px;border-top:1px solid #c9ddd4}
.sheet .related ul{padding-left:18px}
.sheet .table-wrap{overflow:auto;margin:16px 0 22px;border:1px solid #c9ddd4;border-radius:14px;background:#fff}
.sheet table{width:100%;border-collapse:collapse;font-size:13px}
.sheet th,.sheet td{padding:11px 12px;border-bottom:1px solid #e0ebe5;text-align:left;vertical-align:top}
.sheet th{background:#e8f3ed;font-weight:700;color:#1c463a}
.sheet tr:last-child td{border-bottom:none}
.bmi{margin:24px 0;padding:20px;border-radius:18px;background:#fff;border:1px solid #c9ddd4;box-shadow:0 10px 24px rgba(30,66,54,.08)}
.bmi h2{margin:0 0 8px;font-size:20px}
.bmi p{margin:0 0 14px;color:var(--muted);font-size:14px}
.bmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.bmi label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.bmi input{border:1px solid #b7d0c4;background:#f7fbf8;color:#1c463a;padding:11px 12px;border-radius:12px;font:inherit}
.bmi button{border:0;background:var(--mint);color:#fff;padding:11px 16px;border-radius:999px;font:inherit;cursor:pointer}
.bmi button:hover{filter:brightness(.95)}
.bmi-out{margin-top:14px;padding:12px 14px;border-radius:12px;background:#e8f3ed;font-size:14px;color:#1c463a}
@media(max-width:700px){.bmi-grid{grid-template-columns:1fr}}
/* Sticky footer v4 — margin-top:auto 推页脚到底 */
html{height:100%}
body{
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
}
body>header,body>.top,body>.hdr,body>.hyper-hdr,body>.wl-top,body>.ap-top,body>.ticker,body>.announce{flex-shrink:0}
body>main{flex:1 0 auto!important;width:100%}
footer.foot,body>footer,body>.foot,body>.hyper-foot,body>.wl-foot,body>.ap-foot{
  flex-shrink:0!important;
  width:100%;
  margin-top:auto!important;
}

.reel img{object-fit:contain;background:#e9f7f1;padding:12px}
.foot{background:#22322c;color:#c6d8d0;border-radius:22px 22px 0 0;padding:14px 0 16px}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.foot-brand,.foot-note{margin:0;font-size:12px;line-height:1.5}
.foot-note{color:#9bb3aa}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(198,216,208,.25)}
.foot-links a{font-size:12px;color:#dce8e3}
.foot-links a:hover{color:#fff}
/* article-layout-wide */
main .wrap:has(.sheet) {
  max-width: min(960px, 94vw);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  box-sizing: border-box;
}
main .sheet {
  width: 100%;
}

/* article-no-mid-cover */
.page-content [class$="-cover"],
.page-content .article-cover,
.content [class$="-cover"],
.content .article-cover,
.prose [class$="-cover"],
.prose .article-cover,
.hyper-prose [class$="-cover"],
.tk-prose [class$="-cover"],
.tk-prose .article-cover,
.body [class$="-cover"],
.body .article-cover,
.bl-prose [class$="-cover"],
.bl-prose .article-cover,
.hz-prose [class$="-cover"],
.vx-prose [class$="-cover"],
.sf-prose [class$="-cover"],
.np-prose [class$="-cover"],
.ap-prose [class$="-cover"],
.wl-prose [class$="-cover"] {
  display: none !important;
}