@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Noto+Sans+TC:wght@400;500;700;900&display=swap");

/* Combined output generated from 1.htm to 8.htm */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:#eeeeec;}
.combined-site{width:100%;overflow-x:hidden;}
.combined-page{width:100%;display:grid;place-items:start center;}
.combined-page img{max-width:100%;height:auto;}
/* ===== Source: 1.htm ===== */
.page-1 {--font-serif: "Noto Serif TC", "Source Han Serif TC", "PMingLiU", "Songti TC", serif;
      --font-sans: "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", system-ui, sans-serif;
      --white: #fffaf7;
      --red-deep: #4f0006;
      --red: #a5060e;
      --red-bright: #f01826;
      --silver-a: #f4f3ee;
      --silver-b: #9da0a0;}
.page-1 * {box-sizing: border-box;}
.page-1, .page-1 {margin: 0;
      min-height: 100%;
      background: #160002;}
.page-1 {display: grid;
      place-items: start center;
      font-family: var(--font-sans);
      color: var(--white);
      line-height: 1.5;}
.page-1 .populab-hero {position: relative;
      width: min(100vw, 1122px);
      aspect-ratio: 1122 / 1402;
      overflow: hidden;
      isolation: isolate;
      background:
        radial-gradient(circle at 86% 4%, rgba(255,255,255,.95) 0 1%, rgba(255,231,235,.82) 6%, rgba(255,188,198,.46) 20%, transparent 36%),
        radial-gradient(circle at 30% 48%, rgba(255,58,68,.32), transparent 34%),
        linear-gradient(145deg, #520006 0%, #7c0308 25%, #b80812 51%, #ef1825 74%, #720106 100%);
      box-shadow: 0 24px 90px rgba(0,0,0,.38);}
.page-1 .populab-hero::before {content: "";
      position: absolute;
      inset: -10% -6%;
      z-index: -2;
      background:
        linear-gradient(126deg, transparent 0 18%, rgba(255,255,255,.08) 19%, transparent 25%),
        linear-gradient(152deg, transparent 0 33%, rgba(70,0,2,.48) 34%, transparent 48%),
        linear-gradient(22deg, transparent 0 73%, rgba(255,255,255,.14) 74%, transparent 79%);
      filter: blur(.2px);}
.page-1 .light-ribbon {position: absolute;
      right: -8%;
      top: -14%;
      width: 33%;
      height: 70%;
      z-index: 0;
      transform: rotate(-40deg);
      border-radius: 30px;
      background: linear-gradient(90deg, rgba(255,255,255,.78), rgba(255,214,220,.54) 42%, rgba(255,153,165,.28));
      box-shadow: -18px 0 32px rgba(255,255,255,.18), inset 7px 0 9px rgba(255,255,255,.42);
      opacity: .72;}
.page-1 .red-ribbon-left {position: absolute;
      left: -9%;
      bottom: 13.6%;
      width: 74%;
      height: 10%;
      z-index: 1;
      transform: rotate(18deg);
      background: linear-gradient(92deg, rgba(142,0,8,.22), rgba(255,8,24,.72) 46%, rgba(255,73,86,.88));
      box-shadow: 0 -1px 4px rgba(255,86,96,.4), 0 24px 34px rgba(36,0,3,.42);}
.page-1 .red-ribbon-bottom {position: absolute;
      left: -10%;
      right: -10%;
      bottom: -5%;
      height: 20%;
      z-index: 2;
      transform: rotate(9deg);
      transform-origin: left bottom;
      background:
        linear-gradient(180deg, rgba(255,255,255,.85) 0 8%, transparent 8.6%),
        linear-gradient(100deg, #700005, #99000c 40%, #580004 100%);
      box-shadow: 0 -8px 26px rgba(0,0,0,.35);}
.page-1 .red-ribbon-bottom::after {content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(8deg, transparent 0 48%, rgba(255,255,255,.92) 50%, transparent 52%);
      opacity: .92;}
.page-1 .copy-block {position: absolute;
      left: 6.8%;
      top: 30.6%;
      width: 48%;
      z-index: 7;
      text-shadow: 0 4px 20px rgba(0,0,0,.35);}
.page-1 .copy-block h1 {margin: 0;
      font-family: var(--font-serif);
      font-weight: 900;
      font-size: clamp(2.15rem, 6.25vw, 5.15rem);
      line-height: 1.34;
      letter-spacing: .11em;
      color: #fff;}
.page-1 .copy-block h1 span {display: block;
      white-space: nowrap;}
.page-1 .tagline {margin: 5.8% 0 0;
      font-family: var(--font-serif);
      font-weight: 600;
      font-size: clamp(1.05rem, 2.62vw, 2.05rem);
      letter-spacing: .09em;
      white-space: nowrap;
      color: #fff8f3;}
.page-1 .formula-pill {display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-top: 8.6%;
      min-width: 92%;
      padding: .32em 1.18em .38em;
      border-radius: 999px;
      font-family: var(--font-serif);
      font-weight: 700;
      font-size: clamp(.98rem, 2.45vw, 1.9rem);
      letter-spacing: .05em;
      color: #4d4d4d;
      white-space: nowrap;
      background:
        linear-gradient(180deg, #fff 0%, #e8e9e9 44%, #ffffff 100%);
      border: 1px solid rgba(255,255,255,.85);
      box-shadow:
        inset 0 2px 4px rgba(255,255,255,.88),
        inset 0 -2px 4px rgba(118,118,118,.25),
        0 3px 12px rgba(30,0,0,.5);
      text-shadow: 0 1px 0 rgba(255,255,255,.9);}
.page-1 .features {position: absolute;
      left: 6.9%;
      top: 67.1%;
      width: 47.2%;
      z-index: 7;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      color: #fffaf7;
      text-align: center;
      font-family: var(--font-serif);
      text-shadow: 0 3px 12px rgba(0,0,0,.42);}
.page-1 .feature {position: relative;
      min-width: 0;
      padding: 0 8%;}
.page-1 .feature:not(:last-child)::after {content: "";
      position: absolute;
      right: 0;
      top: 11%;
      width: 1px;
      height: 72%;
      background: rgba(255,255,255,.52);}
.page-1 .feature svg {width: clamp(2.2rem, 4.55vw, 3.65rem);
      height: clamp(2.2rem, 4.55vw, 3.65rem);
      display: block;
      margin: 0 auto 10%;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter: drop-shadow(0 3px 5px rgba(0,0,0,.22));}
.page-1 .feature strong, .page-1 .feature span {display: block;
      font-size: clamp(.8rem, 1.68vw, 1.28rem);
      line-height: 1.34;
      letter-spacing: .08em;
      font-weight: 600;
      white-space: nowrap;}
.page-1 .product {position: absolute;
      right: 5.6%;
      top: 17.1%;
      width: 43.6%;
      z-index: 6;
      pointer-events: none;
      filter:
        drop-shadow(0 18px 24px rgba(0,0,0,.28))
        drop-shadow(0 0 7px rgba(255,255,255,.16));}
.page-1 .product img {display: block;
      width: 100%;
      height: auto;}
.page-1 .silver-stage {position: absolute;
      left: 40.2%;
      top: 70.1%;
      width: 76.6%;
      height: 19.5%;
      z-index: 5;
      border-radius: 50% 0 0 0 / 26% 0 0 0;
      background:
        radial-gradient(ellipse at 26% 0%, rgba(255,255,255,.96) 0 6%, rgba(234,234,229,.88) 26%, transparent 48%),
        linear-gradient(95deg, #faf8f1 0%, #c8caca 25%, #939799 57%, #56565a 100%);
      box-shadow:
        inset 0 11px 16px rgba(255,255,255,.74),
        inset 0 -16px 28px rgba(0,0,0,.16),
        -14px 0 32px rgba(255,255,255,.22),
        0 -12px 28px rgba(0,0,0,.18);}
.page-1 .silver-stage::before {content: "";
      position: absolute;
      left: 0;
      top: -6%;
      width: 100%;
      height: 34%;
      border-radius: 50% 0 0 0 / 82% 0 0 0;
      background:
        linear-gradient(90deg, rgba(255,255,255,.96), rgba(221,223,222,.92) 34%, rgba(126,129,131,.96) 100%);
      box-shadow: 0 2px 4px rgba(255,255,255,.75), inset 0 -3px 7px rgba(88,88,88,.26);}
.page-1 .fine-line {position: absolute;
      left: 0;
      right: 0;
      bottom: 13.62%;
      z-index: 9;
      height: 2px;
      background: linear-gradient(90deg, rgba(255,35,45,.7), rgba(255,255,255,.72) 60%, rgba(70,0,0,.46));
      opacity: .82;}
@media (max-width: 640px) {
.page-1 .copy-block {left: 6.2%;
        width: 55%;
        top: 30.5%;}
.page-1 .copy-block h1 {font-size: clamp(2rem, 8.1vw, 3.15rem);
        letter-spacing: .06em;}
.page-1 .tagline {font-size: clamp(.9rem, 3.25vw, 1.2rem);
        letter-spacing: .04em;}
.page-1 .formula-pill {font-size: clamp(.83rem, 3.15vw, 1.1rem);
        padding-inline: .88em;
        min-width: 100%;}
.page-1 .features {width: 51%;
        left: 6%;
        top: 67.6%;}
.page-1 .feature {padding-inline: 4%;}
.page-1 .feature strong, .page-1 .feature span {font-size: clamp(.64rem, 2.45vw, .88rem);
        letter-spacing: .03em;}
.page-1 .product {right: 2.8%;
        top: 19.1%;
        width: 43.5%;}
}

/* ===== Source: 2.htm ===== */
.page-2 {--page-w:1122px;
      --bg:#fbfbfa;
      --ink:#2f2f2f;
      --muted:#666363;
      --red:#c93132;
      --red-deep:#b52528;
      --line:#dedede;
      --soft:#fff3f2;
      --soft-2:#fde8e7;
      --serif:"Noto Serif TC","Songti TC","PMingLiU","MingLiU","Microsoft JhengHei",serif;
      --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",Arial,sans-serif;}
.page-2 * {box-sizing:border-box;}
.page-2 {background:#ecebea;}
.page-2 {margin:0;
      color:var(--ink);
      background:#ecebea;
      font-family:var(--sans);
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;}
.page-2 .populab-page {width:min(100%,var(--page-w));
      margin:0 auto;
      min-height:100vh;
      padding:54px 42px 68px;
      background:
        radial-gradient(circle at 50% 12%, rgba(255,255,255,.95), rgba(255,255,255,0) 38%),
        linear-gradient(180deg,#ffffff 0%,#fbfbfa 50%,#ffffff 100%);
      overflow:hidden;}
.page-2 .hero-head {text-align:center;}
.page-2 .eyebrow {display:flex;
      align-items:center;
      justify-content:center;
      gap:22px;
      color:var(--red);
      font-family:var(--serif);
      font-size:clamp(15px,2.35vw,28px);
      font-weight:700;
      letter-spacing:.12em;
      line-height:1.15;
      margin:0 auto;
      white-space:nowrap;}
.page-2 .eyebrow::before, .page-2 .eyebrow::after {content:"";
      display:block;
      width:54px;
      height:2px;
      background:var(--red);
      opacity:.92;
      transform:translateY(1px);}
.page-2 .title {margin:30px 0 12px;
      font-family:var(--serif);
      font-size:clamp(42px,6vw,76px);
      line-height:1.05;
      font-weight:800;
      letter-spacing:.075em;
      color:#303030;
      white-space:nowrap;}
.page-2 .title .red {color:var(--red);}
.page-2 .subtitle {margin:0;
      color:#565454;
      font-family:var(--serif);
      font-size:clamp(19px,2.38vw,29px);
      font-weight:500;
      letter-spacing:.11em;
      line-height:1.55;}
.page-2 .cards {display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:31px;
      margin-top:30px;}
.page-2 .habit-card {min-height:858px;
      background:#fff;
      border:1px solid #dedede;
      border-radius:15px;
      box-shadow:0 15px 30px rgba(28,28,28,.055);
      overflow:hidden;
      display:flex;
      flex-direction:column;}
.page-2 .habit-card__photo {width:100%;
      height:278px;
      margin-top:42px;
      overflow:hidden;
      border-radius:0 18px 0 0;
      background:#ddd;
      flex:0 0 auto;}
.page-2 .habit-card__photo img {display:block;
      width:100%;
      height:100%;
      object-fit:cover;}
.page-2 .habit-card__body {padding:64px 34px 30px;
      flex:1;
      display:flex;
      flex-direction:column;
      align-items:flex-start;}
.page-2 .short-red-line {width:57px;
      height:4px;
      margin-bottom:28px;
      background:var(--red);}
.page-2 .icon-badge {width:62px;
      height:62px;
      border-radius:999px;
      background:linear-gradient(135deg,#ffe8e9 0%,#f8dddd 100%);
      display:grid;
      place-items:center;
      margin:0 0 27px;}
.page-2 .icon-badge svg {width:38px;
      height:38px;
      stroke:#282828;
      stroke-width:2.2;
      fill:none;
      stroke-linecap:round;
      stroke-linejoin:round;}
.page-2 .habit-card h2 {margin:0 0 15px;
      font-family:var(--serif);
      font-size:clamp(27px,3.2vw,36px);
      line-height:1.48;
      font-weight:800;
      letter-spacing:.11em;
      color:#282828;}
.page-2 .habit-card p {margin:0;
      font-family:var(--serif);
      color:#666;
      font-size:clamp(16px,1.72vw,19px);
      line-height:1.75;
      font-weight:600;
      letter-spacing:.075em;}
.page-2 .dash {width:100%;
      border-top:1px dashed #bebebe;
      margin:27px 0 19px;}
.page-2 .metric {color:var(--red);
      font-family:Georgia,"Times New Roman",var(--serif);
      font-weight:500;
      letter-spacing:.01em;
      line-height:1;
      margin:0 0 6px;}
.page-2 .metric .num {font-size:clamp(58px,6.5vw,77px);}
.page-2 .metric .pct {font-size:clamp(28px,3.1vw,37px); margin-left:4px;}
.page-2 .caption {color:#5a5757;
      font-family:var(--serif);
      font-size:clamp(15px,1.64vw,18px);
      font-weight:600;
      letter-spacing:.04em;
      line-height:1.45;}
.page-2 .notice {margin-top:40px;
      min-height:144px;
      border-radius:15px;
      background:linear-gradient(90deg,#fff1f1 0%,#fff5f4 55%,#fdeceb 100%);
      display:flex;
      align-items:center;
      gap:34px;
      padding:26px 52px;
      box-shadow:0 10px 26px rgba(190,58,58,.055);}
.page-2 .notice__mark {display:flex;
      align-items:center;
      gap:25px;
      flex:0 0 auto;}
.page-2 .notice__bar {width:5px;
      height:49px;
      background:var(--red);}
.page-2 .notice__icon {width:76px;
      height:76px;
      border-radius:999px;
      border:1px solid rgba(201,49,50,.35);
      background:#fff5f5;
      display:grid;
      place-items:center;}
.page-2 .notice__icon span {width:37px;
      height:37px;
      border-radius:999px;
      background:var(--red);
      color:#fff;
      display:grid;
      place-items:center;
      font-family:Georgia,serif;
      font-size:26px;
      line-height:1;
      font-weight:700;
      transform:translateY(-1px);}
.page-2 .notice__copy {min-width:0;
      font-family:var(--serif);
      line-height:1.5;
      letter-spacing:.20em;
      color:#262626;}
.page-2 .notice__copy .top {font-size:clamp(22px,2.55vw,31px);
      font-weight:500;
      white-space:nowrap;}
.page-2 .notice__copy .bottom {margin-top:8px;
      color:var(--red);
      font-size:clamp(24px,3.0vw,35px);
      font-weight:800;
      white-space:nowrap;}
@media (max-width:980px) {
.page-2 .populab-page {padding:44px 26px 52px;}
.page-2 .title {white-space:normal; font-size:clamp(42px,7vw,66px);}
.page-2 .cards {gap:20px;}
.page-2 .habit-card__body {padding:52px 26px 28px;}
.page-2 .habit-card h2 {letter-spacing:.06em;}
.page-2 .notice {padding:24px 30px; gap:25px;}
.page-2 .notice__copy {letter-spacing:.12em;}
}
@media (max-width:760px) {
.page-2 .populab-page {padding:34px 18px 42px;}
.page-2 .eyebrow {gap:12px; letter-spacing:.08em;}
.page-2 .eyebrow::before, .page-2 .eyebrow::after {width:34px;}
.page-2 .title {margin-top:24px; line-height:1.18;}
.page-2 .subtitle {font-family:var(--sans); letter-spacing:.05em;}
.page-2 .cards {grid-template-columns:1fr; gap:22px; margin-top:28px;}
.page-2 .habit-card {min-height:auto;}
.page-2 .habit-card__photo {height:260px; margin-top:34px;}
.page-2 .habit-card__body {padding:42px 32px 36px;}
.page-2 .short-red-line {margin-bottom:22px;}
.page-2 .icon-badge {margin-bottom:22px;}
.page-2 .notice {margin-top:28px;
        align-items:flex-start;
        gap:18px;
        padding:24px 22px;}
.page-2 .notice__mark {gap:15px;}
.page-2 .notice__bar {height:44px;}
.page-2 .notice__icon {width:58px; height:58px;}
.page-2 .notice__icon span {width:31px; height:31px; font-size:22px;}
.page-2 .notice__copy .top, .page-2 .notice__copy .bottom {white-space:normal;}
}
@media (max-width:430px) {
.page-2 .populab-page {padding-left:14px; padding-right:14px;}
.page-2 .habit-card__body {padding-left:24px; padding-right:24px;}
.page-2 .notice {flex-direction:column;}
.page-2 .notice__copy {letter-spacing:.07em;}
}

/* ===== Source: 3.htm ===== */
.page-3 {--bg: #f4f4f2;
      --ink: #303030;
      --muted: #565656;
      --line: rgba(47, 47, 47, .22);
      --red: #e43b30;
      --red-2: #ff7667;
      --serif: "Noto Serif TC", "Source Han Serif TC", "Songti TC", "SimSun", "PMingLiU", serif;
      --step: "Baskerville", "Libre Baskerville", "Times New Roman", serif;}
.page-3 * {box-sizing: border-box;}
.page-3 {margin: 0;
      background: #e9e9e7;
      color: var(--ink);
      font-family: var(--serif);}
.page-3 .populab-section {position: relative;
      width: min(100%, 1122px);
      min-height: 100svh;
      margin: 0 auto;
      overflow: hidden;
      background:
        radial-gradient(circle at 45% 12%, rgba(255, 255, 255, .9), transparent 28%),
        linear-gradient(90deg, #f8f8f6 0%, #eeeeec 20%, #f9f9f7 47%, #ededeb 70%, #dcdcdc 95%, #f9f9f9 100%);
      box-shadow: 0 0 34px rgba(0,0,0,.05);}
.page-3 .populab-section::before {content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        repeating-linear-gradient(90deg, rgba(0,0,0,.018) 0 1px, transparent 1px 4px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.16) 0 1px, transparent 1px 5px);
      mix-blend-mode: multiply;
      opacity: .16;
      z-index: 0;}
.page-3 .stage-layout {position: relative;
      aspect-ratio: 1122 / 1402;
      min-height: 760px;
      z-index: 1;}
.page-3 .headline {position: absolute;
      top: 6.8%;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 4;
      padding-inline: 6%;}
.page-3 .headline h1 {margin: 0;
      font-family: var(--serif);
      font-size: clamp(46px, 6.4vw, 76px);
      font-weight: 900;
      line-height: 1.34;
      letter-spacing: .06em;
      color: #2b2b2b;
      text-shadow: 0 2px 2px rgba(255,255,255,.62);}
.page-3 .product-visual {position: absolute;
      right: 0;
      top: 21.4%;
      width: 51.16%;
      height: 78.6%;
      z-index: 2;}
.page-3 .product-visual img {display: block;
      width: 100%;
      height: 100%;
      object-fit: fill;
      user-select: none;
      -webkit-user-drag: none;}
.page-3 .steps-area {position: absolute;
      left: 5%;
      top: 27.7%;
      width: 46%;
      z-index: 3;}
.page-3 .timeline {position: absolute;
      left: 0;
      top: 0;
      width: 34px;
      height: 610px;}
.page-3 .timeline::before {content: "";
      position: absolute;
      left: 12px;
      top: 22px;
      width: 2px;
      height: 560px;
      background: #a8a8a8;}
.page-3 .timeline span {position: absolute;
      left: 6px;
      width: 14px;
      height: 14px;
      border: 3px solid #a8a8a8;
      border-radius: 50%;
      background: #f7f7f5;}
.page-3 .timeline span:nth-child(1) {top: 16px;}
.page-3 .timeline span:nth-child(2) {top: 322px;}
.page-3 .timeline span:nth-child(3) {top: 610px;}
.page-3 .step-list {margin-left: 56px;
      width: min(100%, 425px);}
.page-3 .step {position: relative;
      min-height: 286px;
      padding-bottom: 24px;}
.page-3 .step:not(:last-child)::after {content: "";
      position: absolute;
      left: 0;
      bottom: 13px;
      width: 100%;
      height: 1px;
      background: var(--line);}
.page-3 .step-name {margin: 0 0 17px;
      font-family: var(--step);
      font-size: clamp(48px, 5.7vw, 68px);
      line-height: .95;
      font-weight: 500;
      font-style: italic;
      letter-spacing: .02em;
      color: #2f2f2f;}
.page-3 .step-label {display: inline-flex;
      align-items: center;
      min-height: 60px;
      padding: 6px 22px 9px;
      margin-bottom: 23px;
      background: linear-gradient(135deg, var(--red) 0%, #ff5146 55%, var(--red-2) 100%);
      color: #fff;
      font-size: clamp(27px, 3.1vw, 35px);
      font-weight: 800;
      line-height: 1.1;
      letter-spacing: .03em;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(228,59,48,.12);}
.page-3 .step-copy {margin: 0;
      color: #313131;
      font-size: clamp(20px, 2.15vw, 25px);
      line-height: 1.58;
      letter-spacing: .015em;
      font-weight: 600;}
@media (min-width: 1123px) {
.page-3 .populab-section {min-height: auto;}
}
@media (max-width: 820px) {
.page-3 {background: #f2f2f0;}
.page-3 .populab-section {width: 100%;
        min-height: auto;
        background:
          radial-gradient(circle at 50% 4%, rgba(255,255,255,.95), transparent 22rem),
          linear-gradient(135deg, #f7f7f5 0%, #eeeeec 42%, #f9f9f8 100%);}
.page-3 .stage-layout {aspect-ratio: auto;
        min-height: auto;
        display: flex;
        flex-direction: column;
        padding: 52px clamp(20px, 6vw, 44px) 60px;}
.page-3 .headline {position: relative;
        top: auto;
        padding: 0;
        margin-bottom: 24px;
        order: 1;}
.page-3 .headline h1 {font-size: clamp(38px, 10vw, 58px);
        line-height: 1.28;
        letter-spacing: .045em;}
.page-3 .product-visual {position: relative;
        right: auto;
        top: auto;
        width: min(88%, 420px);
        height: auto;
        margin: 0 auto 30px;
        order: 2;}
.page-3 .product-visual img {height: auto;
        object-fit: contain;
        border-radius: 2px;
        filter: drop-shadow(0 18px 26px rgba(0,0,0,.08));}
.page-3 .steps-area {position: relative;
        left: auto;
        top: auto;
        width: 100%;
        order: 3;
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 18px;}
.page-3 .timeline {position: relative;
        left: auto;
        top: 7px;
        width: 26px;
        height: auto;
        grid-column: 1;
        grid-row: 1;}
.page-3 .timeline::before {left: 10px;
        top: 12px;
        height: calc(100% - 28px);}
.page-3 .timeline span {left: 4px;
        width: 14px;
        height: 14px;}
.page-3 .timeline span:nth-child(1) {top: 16px;}
.page-3 .timeline span:nth-child(2) {top: 340px;}
.page-3 .timeline span:nth-child(3) {top: 665px;}
.page-3 .step-list {margin-left: 0;
        width: 100%;
        grid-column: 2;
        grid-row: 1;}
.page-3 .step {min-height: auto;
        padding: 0 0 34px;
        margin-bottom: 26px;}
.page-3 .step-name {font-size: clamp(48px, 14vw, 66px);
        margin-bottom: 15px;}
.page-3 .step-label {min-height: 52px;
        font-size: clamp(27px, 7.6vw, 34px);
        padding-inline: 18px;
        margin-bottom: 16px;}
.page-3 .step-copy {font-size: clamp(18px, 5vw, 23px);}
}
@media (max-width: 460px) {
.page-3 .stage-layout {padding-inline: 18px;}
.page-3 .headline h1 {font-size: 34px;}
.page-3 .product-visual {width: 96%;}
.page-3 .steps-area {column-gap: 12px;}
.page-3 .step-name {font-size: 45px;}
.page-3 .step-label {font-size: 25px;}
.page-3 .step-copy {font-size: 17px;
        line-height: 1.65;}
.page-3 .timeline span:nth-child(2) {top: 330px;}
.page-3 .timeline span:nth-child(3) {top: 655px;}
}

/* ===== Source: 4.htm ===== */
.page-4 {--deep-red: #360304;
  --red: #c72c2f;
  --red-light: #f36c5f;
  --white: #f7f5ef;
  --ink: #272727;
  --muted: rgba(255,255,255,.72);
  --line: rgba(255,255,255,.48);
  --serif: "Noto Serif TC", "Songti TC", "Noto Serif CJK TC", "PMingLiU", "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;}
.page-4 * {box-sizing: border-box;}
.page-4 {margin: 0;
  background: #f4f2ef;
  color: var(--ink);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}
.page-4 .populab-patent {width: min(100%, 1122px);
  margin: 0 auto;
  overflow: hidden;
  background: #120b0b;
  box-shadow: 0 20px 60px rgba(0,0,0,.12);}
.page-4 .hero {position: relative;
  min-height: clamp(290px, 27.3vw, 306px);
  padding: clamp(38px, 4.6vw, 54px) clamp(24px, 7vw, 82px) 30px;
  color: #fff;
  background:
    radial-gradient(circle at 54% 20%, rgba(151, 35, 32, .45), transparent 34%),
    linear-gradient(90deg, rgba(46, 0, 0, .98), rgba(86, 11, 10, .92) 56%, rgba(133, 17, 16, .92) 100%);}
.page-4 .hero::before, .page-4 .hero::after {content: "";
  position: absolute;
  pointer-events: none;}
.page-4 .hero::before {inset: 0;
  opacity: .55;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 42%),
    repeating-linear-gradient(90deg, transparent 0 12px, rgba(255,255,255,.03) 13px 14px);
  mix-blend-mode: screen;}
.page-4 .hero::after {right: 0;
  bottom: 0;
  width: 26%;
  height: 72%;
  opacity: .95;
  background:
    linear-gradient(90deg, transparent, rgba(255, 80, 70, .52) 44%, rgba(255,255,255,.18)),
    repeating-linear-gradient(90deg, transparent 0 8px, rgba(255,255,255,.12) 10px 12px);
  filter: blur(.2px);}
.page-4 .hero-copy {position: relative;
  z-index: 2;
  width: 70%;
  text-align: center;}
.page-4 .kicker {margin: 0 0 clamp(16px, 2vw, 22px);
  color: rgba(255,255,255,.62);
  font-family: var(--serif);
  font-size: clamp(12px, 1.45vw, 17px);
  letter-spacing: .45em;
  text-transform: uppercase;}
.page-4 .hero h1 {margin: 0;
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(43px, 6.4vw, 60px);
  line-height: 1.08;
  letter-spacing: .04em;
  text-shadow: 0 4px 16px rgba(0,0,0,.28);}
.page-4 .hero h1 span {display: inline-block;
  padding: 0 .18em;
  font-weight: 300;}
.page-4 .hero-rule {width: min(100%, 585px);
  height: 1px;
  margin: clamp(16px, 2vw, 22px) auto 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent);}
.page-4 .subline {width: min(100%, 585px);
  margin: 16px auto 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.13);
  color: rgba(255,255,255,.88);
  font-family: var(--serif);
  font-size: clamp(20px, 2.3vw, 28px);
  letter-spacing: .22em;}
.page-4 .hero-product {position: absolute;
  z-index: 3;
  right: clamp(18px, 3.4vw, 38px);
  top: clamp(12px, 1.6vw, 24px);
  width: clamp(154px, 24vw, 288px);
  max-width: 29%;
  height: auto;
  filter: drop-shadow(-14px 24px 32px rgba(0,0,0,.36));}
.page-4 .ingredients-grid {display: grid;
  grid-template-columns: 1fr 1fr;
  background: #fff;
  border-top: 1px solid rgba(255,255,255,.55);}
.page-4 .ingredient-card {position: relative;
  min-height: clamp(390px, 36.6vw, 410px);
  padding: clamp(32px, 4.7vw, 52px) clamp(28px, 4.8vw, 54px);
  overflow: hidden;
  border-right: 1px solid rgba(255,255,255,.75);
  border-bottom: 1px solid rgba(255,255,255,.75);}
.page-4 .ingredient-card::before {content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  z-index: 0;
  transform: translateZ(0);}
.page-4 .ingredient-card::after {content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;}
.page-4 .card-copy {position: relative;
  z-index: 3;
  width: min(100%, 460px);}
.page-4 .dark .card-copy {color: #fff;}
.page-4 .light .card-copy {color: #262626;}
.page-4 .label {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  height: 36px;
  padding: 0 20px;
  margin-bottom: 16px;
  color: #fff;
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(18px, 2.1vw, 25px);
  letter-spacing: .08em;
  background: linear-gradient(90deg, var(--red), var(--red-light));
  box-shadow: 0 10px 24px rgba(197, 34, 35, .25);}
.page-4 .label.soft {background: linear-gradient(90deg, #c8282c 0%, rgba(240, 82, 78,.92) 62%, rgba(240, 82, 78,0) 100%);
  min-width: 124px;}
.page-4 .name-en {margin: 0 0 2px;
  font-family: "Times New Roman", Georgia, var(--serif);
  font-style: italic;
  font-weight: 500;
  font-size: clamp(34px, 4.5vw, 52px);
  line-height: 1;
  letter-spacing: .01em;}
.page-4 .name-zh {margin: 0 0 2px;
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(34px, 4.9vw, 54px);
  line-height: 1.12;
  letter-spacing: .05em;}
.page-4 .scientific {margin: 4px 0 26px;
  font-family: "Times New Roman", Georgia, var(--serif);
  font-style: italic;
  font-size: clamp(18px, 2.05vw, 25px);
  letter-spacing: .02em;
  opacity: .96;}
.page-4 .desc {margin: 0 0 26px;
  font-family: var(--serif);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.72;
  letter-spacing: .06em;}
.page-4 .pill {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 7px 22px 8px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  font-family: var(--serif);
  font-size: clamp(18px, 2.2vw, 25px);
  line-height: 1.2;
  letter-spacing: .08em;
  backdrop-filter: blur(2px);}
.page-4 .mushroom::before {background-image: url("../image/page04_bg_07.jpg");
  background-size: cover;
  background-position: 66% center;}
.page-4 .mushroom::after {background:
    linear-gradient(90deg, rgba(3, 4, 4, .84) 0%, rgba(7, 6, 3, .62) 48%, rgba(0,0,0,.08) 100%),
    linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.35));}
.page-4 .bean {background-color: #f5f4f1;}
.page-4 .bean::before {background-image: url("../image/page04_bg_08.jpg");
  background-size: auto 100%;
  background-position: right center;}
.page-4 .bean::after {background:
    linear-gradient(90deg, rgba(250,250,248,.98) 0%, rgba(250,250,248,.9) 47%, rgba(250,250,248,.36) 68%, rgba(250,250,248,.08) 100%),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,.74), transparent 42%);}
.page-4 .igob::before {background-image: url("../image/page04_bg_09.jpg");
  background-size: cover;
  background-position: 65% center;}
.page-4 .igob::after {background:
    linear-gradient(90deg, rgba(11, 13, 10, .84) 0%, rgba(17, 23, 10, .62) 52%, rgba(0,0,0,.10) 100%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.28));}
.page-4 .hca::before {background-image: url("../image/page04_bg_10.jpg");
  background-size: cover;
  background-position: right center;}
.page-4 .hca::after {background:
    linear-gradient(90deg, rgba(5, 18, 12, .78) 0%, rgba(12, 45, 24, .52) 48%, rgba(0,0,0,.08) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(2,20,12,.3));}
.page-4 .proof-band {position: relative;
  color: #fff;
  min-height: clamp(250px, 25.5vw, 286px);
  padding: clamp(38px, 4vw, 46px) clamp(26px, 5.8vw, 70px) clamp(28px, 3.4vw, 38px);
  background:
    radial-gradient(circle at 46% 12%, rgba(255,255,255,.12), transparent 15%),
    radial-gradient(circle at 70% 0%, rgba(255,255,255,.08), transparent 18%),
    linear-gradient(90deg, #0a0d10 0%, #17191e 44%, #101217 100%);
  overflow: hidden;}
.page-4 .proof-band::before {content: "";
  position: absolute;
  inset: 0;
  opacity: .48;
  background:
    linear-gradient(112deg, transparent 0 45%, rgba(255,255,255,.24) 46%, transparent 47% 61%, rgba(255,255,255,.18) 62%, transparent 63%),
    linear-gradient(75deg, transparent 0 54%, rgba(255,255,255,.12) 55%, transparent 56%),
    radial-gradient(circle at 55% 45%, rgba(255,255,255,.12), transparent 12%);
  filter: blur(1px);}
.page-4 .stats {position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);}
.page-4 .stat {min-height: 160px;
  text-align: center;
  padding: 0 clamp(14px, 2vw, 28px);
  border-right: 1px solid rgba(255,255,255,.55);}
.page-4 .stat:last-child {border-right: 0;}
.page-4 .stat-label {margin: 0 0 10px;
  font-family: var(--serif);
  font-size: clamp(18px, 2.05vw, 24px);
  letter-spacing: .12em;
  color: rgba(255,255,255,.86);}
.page-4 .stat-value {display: flex;
  justify-content: center;
  align-items: baseline;
  gap: .12em;
  margin: 0 0 6px;
  font-family: "Times New Roman", Georgia, var(--serif);
  color: #fff;
  line-height: .94;}
.page-4 .stat-value .main {font-size: clamp(60px, 8.5vw, 92px);
  font-style: italic;
  font-weight: 400;}
.page-4 .stat-value .unit {font-family: var(--serif);
  font-size: clamp(20px, 2.6vw, 32px);
  font-style: normal;}
.page-4 .stat-value .arrow {align-self: center;
  font-size: clamp(30px, 4.4vw, 48px);
  transform: translateY(-6px);
  opacity: .95;}
.page-4 .stat-desc {margin: 0;
  font-family: var(--serif);
  font-size: clamp(17px, 2vw, 22px);
  letter-spacing: .08em;
  line-height: 1.5;
  color: rgba(255,255,255,.9);}
.page-4 .note {position: relative;
  z-index: 2;
  margin: 18px 0 0;
  text-align: center;
  font-family: var(--serif);
  font-size: clamp(12px, 1.4vw, 16px);
  letter-spacing: .22em;
  color: rgba(255,255,255,.64);}
@media (max-width: 860px) {
.page-4 .hero {min-height: 320px;
    padding: 38px 26px 30px;}
.page-4 .hero-copy {width: 100%;
    padding-right: min(30vw, 210px);
    text-align: left;}
.page-4 .kicker {letter-spacing: .28em;}
.page-4 .subline {margin-left: 0;
    margin-right: 0;
    letter-spacing: .12em;}
.page-4 .hero-rule {margin-left: 0;}
.page-4 .hero-product {top: 34px;
    right: 16px;
    width: 205px;
    max-width: 35%;}
.page-4 .ingredients-grid {grid-template-columns: 1fr;}
.page-4 .ingredient-card {min-height: 390px;
    border-right: 0;}
.page-4 .card-copy {max-width: 520px;}
.page-4 .bean::after {background: linear-gradient(90deg, rgba(250,250,248,.98) 0%, rgba(250,250,248,.92) 56%, rgba(250,250,248,.24) 100%);}
.page-4 .stats {grid-template-columns: repeat(2, 1fr);
    gap: 26px 0;}
.page-4 .stat:nth-child(2) {border-right: 0;}
.page-4 .stat {min-height: 145px;}
}
@media (max-width: 560px) {
.page-4 .populab-patent {width: 100%;
    box-shadow: none;}
.page-4 .hero {min-height: 390px;
    padding: 32px 22px 170px;}
.page-4 .hero-copy {padding-right: 0;
    text-align: center;}
.page-4 .hero h1 {font-size: clamp(40px, 12vw, 60px);}
.page-4 .subline {letter-spacing: .08em;
    line-height: 1.5;}
.page-4 .hero-rule {margin-left: auto;
    margin-right: auto;}
.page-4 .hero-product {top: auto;
    right: 50%;
    bottom: -2px;
    width: min(64vw, 240px);
    max-width: none;
    transform: translateX(50%);}
.page-4 .ingredient-card {min-height: 430px;
    padding: 34px 25px;}
.page-4 .name-en {font-size: 38px;}
.page-4 .name-zh {font-size: 38px;}
.page-4 .scientific {font-size: 20px;
    margin-bottom: 20px;}
.page-4 .desc {font-size: 18px;
    line-height: 1.7;}
.page-4 .pill {font-size: 18px;
    padding-inline: 16px;}
.page-4 .mushroom::after, .page-4 .igob::after, .page-4 .hca::after {background:
      linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.42) 68%, rgba(0,0,0,.08)),
      linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.38));}
.page-4 .bean::before {background-size: cover;
    opacity: .9;}
.page-4 .bean::after {background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.9) 68%, rgba(255,255,255,.36) 100%);}
.page-4 .proof-band {padding: 36px 20px 28px;}
.page-4 .stats {grid-template-columns: 1fr;
    gap: 28px;}
.page-4 .stat {border-right: 0;
    min-height: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255,255,255,.24);}
.page-4 .stat:last-child {border-bottom: 0;
    padding-bottom: 0;}
.page-4 .note {letter-spacing: .08em;
    line-height: 1.8;}
}

/* ===== Source: 5.htm ===== */
.page-5 {--bg:#f3f1ef;
      --panel:#f5f3f1;
      --panel-2:#f8f7f6;
      --panel-rose:#f8efee;
      --ink:#2a2827;
      --muted:#5c5857;
      --line:rgba(100,93,91,.16);
      --line-strong:rgba(100,93,91,.22);
      --accent:#b11e1e;
      --accent-2:#dd3932;
      --accent-3:#8e1010;
      --white:#fff;
      --shadow:0 16px 40px rgba(0,0,0,.08);
      --serif:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU","Times New Roman",serif;
      --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;}
.page-5 * {box-sizing:border-box;}
.page-5, .page-5 {margin:0;padding:0;background:#eae8e6;color:var(--ink);}
.page-5 {font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.page-5 .compare-page {width:min(100%,1122px);
      margin:0 auto;
      min-height:1402px;
      background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.96), transparent 30%),
        linear-gradient(90deg,#f7f5f3 0%,#ededeb 16%,#fbf9f7 50%,#efedeb 76%,#f8f6f4 100%);
      position:relative;
      overflow:hidden;
      box-shadow:0 0 38px rgba(0,0,0,.06);}
.page-5 .compare-page::before {content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(180deg, rgba(255,255,255,.68), transparent 23%, transparent 78%, rgba(255,255,255,.28)),
        repeating-linear-gradient(90deg, rgba(0,0,0,.011) 0 1px, transparent 1px 4px);
      opacity:.52;
      mix-blend-mode:multiply;}
.page-5 .section-inner {position:relative;
      z-index:1;
      padding:56px 36px 48px;}
.page-5 .headline {text-align:center;
      margin-bottom:34px;
      color:var(--ink);}
.page-5 .eyebrow {margin:0 0 18px;
      font-family:var(--serif);
      font-size:28px;
      line-height:1.15;
      letter-spacing:.18em;
      color:#a92b25;
      font-weight:700;}
.page-5 .headline h1 {margin:0;
      font-family:var(--serif);
      font-size:68px;
      line-height:1.18;
      letter-spacing:.045em;
      font-weight:900;
      color:#2c2a29;
      text-shadow:0 1px 0 rgba(255,255,255,.5);}
.page-5 .subhead {margin:18px 0 0;
      font-family:var(--serif);
      font-size:27px;
      line-height:1.45;
      letter-spacing:.16em;
      color:#4a4746;}
.page-5 .desktop-compare {display:grid;
      grid-template-columns:104px 278px 382px 278px;
      grid-template-rows:168px repeat(4, 211px);
      gap:0;
      align-items:stretch;
      justify-content:center;}
.page-5 .cell {border:1px solid var(--line);
      background:rgba(255,255,255,.38);
      padding:24px 22px;
      position:relative;
      overflow:hidden;}
.page-5 .header-card {display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      font-family:var(--serif);
      font-size:29px;
      line-height:1.35;
      letter-spacing:.08em;
      color:#242221;
      font-weight:700;}
.page-5 .header-general {grid-column:2;grid-row:1;
      background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(242,240,239,.86));
      border-radius:28px 0 0 0;
      border-right-color:transparent;}
.page-5 .header-populab {grid-column:3;grid-row:1;
      background:
        radial-gradient(circle at 60% 30%, rgba(255,120,101,.32), transparent 30%),
        linear-gradient(135deg, #c92421 0%, #b71f1f 45%, #9f1717 70%, #d53b32 100%);
      border-radius:28px 28px 0 0;
      color:#fff;
      box-shadow:0 18px 28px rgba(133,13,13,.18);
      z-index:3;
      border-color:rgba(255,255,255,.18);
      padding:48px 28px 18px 50px;
      justify-content:flex-start;
      text-align:left;}
.page-5 .header-populab::after, .page-5 .feature-populab::after {content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(255,255,255,.16), transparent 28%, transparent 72%, rgba(255,255,255,.05));
      pointer-events:none;}
.page-5 .header-single {grid-column:4;grid-row:1;
      background:linear-gradient(180deg, rgba(252,247,247,.88), rgba(248,238,238,.95));
      border-radius:0 28px 0 0;
      border-left-color:transparent;}
.page-5 .header-populab .brand {position:relative;
      z-index:2;
      font-family:var(--sans);
      font-size:36px;
      line-height:1.06;
      font-weight:900;
      letter-spacing:0;}
.page-5 .header-populab .brand span {display:block;
      margin-top:12px;
      font-family:var(--serif);
      font-size:30px;
      font-weight:800;
      letter-spacing:.08em;}
.page-5 .populab-pack {position:absolute;
      right:13px;
      top:-38px;
      width:170px;
      max-width:43%;
      filter:drop-shadow(0 16px 18px rgba(0,0,0,.16));
      z-index:1;}
.page-5 .label-col {background:linear-gradient(180deg, rgba(250,249,248,.92), rgba(244,242,240,.95));
      text-align:center;
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:var(--serif);
      font-size:28px;
      line-height:1.62;
      letter-spacing:.16em;
      color:#31302f;
      padding:14px 10px;
      font-weight:700;}
.page-5 .label-r1 {grid-column:1;grid-row:2;border-radius:24px 0 0 0;}
.page-5 .label-r2 {grid-column:1;grid-row:3;}
.page-5 .label-r3 {grid-column:1;grid-row:4;}
.page-5 .label-r4 {grid-column:1;grid-row:5;border-radius:0 0 0 24px;}
.page-5 .feature-general, .page-5 .feature-single {display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      gap:14px;}
.page-5 .feature-general {background:linear-gradient(180deg, rgba(249,248,247,.92), rgba(242,240,239,.96));}
.page-5 .feature-single {background:linear-gradient(180deg, rgba(252,247,247,.9), rgba(247,239,239,.96));}
.page-5 .gen-r1 {grid-column:2;grid-row:2;border-right-color:transparent;}
.page-5 .gen-r2 {grid-column:2;grid-row:3;border-right-color:transparent;}
.page-5 .gen-r3 {grid-column:2;grid-row:4;border-right-color:transparent;}
.page-5 .gen-r4 {grid-column:2;grid-row:5;border-right-color:transparent;border-radius:0 0 0 24px;}
.page-5 .sin-r1 {grid-column:4;grid-row:2;border-left-color:transparent;}
.page-5 .sin-r2 {grid-column:4;grid-row:3;border-left-color:transparent;}
.page-5 .sin-r3 {grid-column:4;grid-row:4;border-left-color:transparent;}
.page-5 .sin-r4 {grid-column:4;grid-row:5;border-left-color:transparent;border-radius:0 0 24px 0;}
.page-5 .feature-populab {background:
        radial-gradient(circle at 72% 18%, rgba(255,255,255,.13), transparent 28%),
        linear-gradient(145deg, #c32522 0%, #af191a 42%, #8f0f11 70%, #c92e29 100%);
      color:#fff;
      z-index:2;
      box-shadow:0 12px 22px rgba(124,17,17,.12);
      border-left-color:rgba(255,255,255,.16);
      border-right-color:rgba(255,255,255,.16);
      padding:28px 30px 28px 36px;
      display:grid;
      grid-template-columns:64px 1fr;
      gap:22px;
      align-items:center;}
.page-5 .pop-r1 {grid-column:3;grid-row:2;}
.page-5 .pop-r2 {grid-column:3;grid-row:3;}
.page-5 .pop-r3 {grid-column:3;grid-row:4;}
.page-5 .pop-r4 {grid-column:3;grid-row:5;border-radius:0 0 24px 24px;}
.page-5 .pop-copy h3 {margin:0 0 10px;
      font-family:var(--serif);
      font-size:28px;
      line-height:1.34;
      letter-spacing:.07em;
      font-weight:900;}
.page-5 .pop-copy p {margin:0;
      font-family:var(--serif);
      font-size:23px;
      line-height:1.72;
      letter-spacing:.055em;
      color:rgba(255,255,255,.95);
      font-weight:700;}
.page-5 .small-copy {margin:0;
      font-family:var(--serif);
      font-size:23px;
      line-height:1.72;
      letter-spacing:.08em;
      color:#4c4746;
      font-weight:600;}
.page-5 .icon-circle, .page-5 .x-circle {width:54px;
      height:54px;
      border-radius:50%;
      display:grid;
      place-items:center;
      flex:0 0 auto;}
.page-5 .x-circle {background:rgba(0,0,0,.055);
      color:#36312f;
      font-size:33px;
      line-height:1;
      font-weight:400;
      font-family:var(--sans);}
.page-5 .icon-circle {border:2px solid rgba(255,255,255,.9);
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.page-5 .icon-circle svg, .page-5 .x-circle svg {width:29px;height:29px;display:block;}
.page-5 .mobile-compare {display:none;}
@media (max-width: 1122px) and (min-width: 901px) {
.page-5 .compare-page {min-height:auto;}
.page-5 .section-inner {padding:5vw 3.2vw 4.2vw;}
.page-5 .eyebrow {font-size:2.5vw;}
.page-5 .headline h1 {font-size:6.05vw;}
.page-5 .subhead {font-size:2.4vw;}
.page-5 .desktop-compare {grid-template-columns:9.27vw 24.78vw 34.05vw 24.78vw;
        grid-template-rows:14.97vw repeat(4,18.81vw);}
.page-5 .header-card {font-size:2.58vw;}
.page-5 .header-populab {padding:4.28vw 2.5vw 1.6vw 4.46vw;}
.page-5 .header-populab .brand {font-size:3.2vw;}
.page-5 .header-populab .brand span {font-size:2.67vw;}
.page-5 .populab-pack {width:15.15vw;top:-3.38vw;right:1.15vw;}
.page-5 .label-col {font-size:2.5vw;}
.page-5 .feature-populab {grid-template-columns:5.7vw 1fr;gap:1.96vw;padding:2.5vw 2.67vw 2.5vw 3.2vw;}
.page-5 .pop-copy h3 {font-size:2.5vw;}
.page-5 .pop-copy p {font-size:2.05vw;}
.page-5 .small-copy {font-size:2.05vw;}
.page-5 .icon-circle, .page-5 .x-circle {width:4.8vw;height:4.8vw;}
.page-5 .x-circle {font-size:2.94vw;}
.page-5 .icon-circle svg, .page-5 .x-circle svg {width:2.58vw;height:2.58vw;}
}
@media (max-width: 900px) {
.page-5 .compare-page {min-height:auto;width:100%;}
.page-5 .section-inner {padding:46px 18px 30px;}
.page-5 .desktop-compare {display:none;}
.page-5 .mobile-compare {display:block;}
.page-5 .headline {margin-bottom:26px;}
.page-5 .eyebrow {font-size:clamp(16px,5vw,24px);letter-spacing:.14em;}
.page-5 .headline h1 {font-size:clamp(34px,9.3vw,52px);line-height:1.28;}
.page-5 .subhead {font-size:clamp(16px,4.6vw,24px);letter-spacing:.12em;}
.page-5 .mobile-top {display:grid;
        grid-template-columns:1fr;
        gap:12px;
        margin-bottom:14px;}
.page-5 .mobile-plan {border:1px solid var(--line);
        border-radius:22px;
        background:linear-gradient(180deg, rgba(255,255,255,.84), rgba(245,243,241,.96));
        padding:20px 18px;
        text-align:center;
        font-family:var(--serif);
        font-size:clamp(22px,6vw,30px);
        line-height:1.4;
        letter-spacing:.08em;}
.page-5 .mobile-plan.pop {position:relative;
        overflow:hidden;
        background:
          radial-gradient(circle at 62% 22%, rgba(255,255,255,.16), transparent 28%),
          linear-gradient(145deg, #c32522 0%, #ae1819 44%, #8f1010 72%, #cc302b 100%);
        color:#fff;
        box-shadow:0 14px 24px rgba(122,18,18,.14);
        padding:22px 18px 18px;}
.page-5 .mobile-plan.pop .pack-mobile {width:min(44%,155px);
        display:block;
        margin:0 auto 10px;
        filter:drop-shadow(0 14px 16px rgba(0,0,0,.18));}
.page-5 .mobile-feature {background:rgba(255,255,255,.56);
        border:1px solid var(--line);
        border-radius:24px;
        padding:18px 14px 16px;
        margin-bottom:14px;
        box-shadow:0 10px 24px rgba(0,0,0,.035);}
.page-5 .mobile-feature-title {margin:0 0 14px;
        text-align:center;
        font-family:var(--serif);
        font-size:clamp(24px,6.3vw,33px);
        line-height:1.45;
        letter-spacing:.16em;
        color:#2d2a29;}
.page-5 .mobile-cards {display:grid;gap:10px;}
.page-5 .mobile-card {border-radius:18px;
        border:1px solid var(--line);
        background:linear-gradient(180deg, rgba(250,249,248,.98), rgba(243,241,239,.96));
        padding:16px 16px 18px;}
.page-5 .mobile-card.pop {color:#fff;
        background:
          radial-gradient(circle at 74% 18%, rgba(255,255,255,.12), transparent 28%),
          linear-gradient(145deg, #c32522 0%, #af191a 42%, #8f0f11 70%, #c92e29 100%);}
.page-5 .mobile-card.single {background:linear-gradient(180deg, rgba(252,247,247,.98), rgba(247,239,239,.96));}
.page-5 .mobile-card-head {display:flex;
        align-items:center;
        gap:12px;
        margin-bottom:10px;}
.page-5 .mobile-card-title {margin:0;
        font-family:var(--serif);
        font-size:clamp(18px,5.2vw,25px);
        line-height:1.35;
        letter-spacing:.08em;
        font-weight:800;}
.page-5 .mobile-card-desc {margin:0;
        font-family:var(--serif);
        font-size:clamp(16px,4.5vw,22px);
        line-height:1.7;
        letter-spacing:.05em;
        color:inherit;
        opacity:.96;}
}

/* ===== Source: 6.htm ===== */
.page-6 {--ink:#24272a;
      --red:#c82026;
      --shadow:0 12px 28px rgba(40,48,58,.11);
      --serif:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU","Times New Roman",serif;
      --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;}
.page-6 * {box-sizing:border-box;}
.page-6, .page-6 {margin:0;padding:0;background:#e8e9eb;color:var(--ink);}
.page-6 {font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.page-6 .research-section {width:min(100%,1122px);
      margin:0 auto;
      min-height:100svh;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 50% 4%, rgba(255,255,255,.96), transparent 23rem),
        linear-gradient(90deg,#f8f8f8 0%,#eef0f1 16%,#fafafa 48%,#eef0f2 82%,#f7f8f9 100%);
      box-shadow:0 0 36px rgba(0,0,0,.045);}
.page-6 .research-section::before {content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(115deg, transparent 0 50%, rgba(255,255,255,.52) 64%, transparent 82%),
        repeating-linear-gradient(90deg, rgba(0,0,0,.012) 0 1px, transparent 1px 4px);
      opacity:.55;
      mix-blend-mode:multiply;}
.page-6 .research-inner {position:relative;z-index:1;padding:50px 48px 34px;}
.page-6 .research-head {text-align:center;margin:0 0 36px;font-family:var(--serif);}
.page-6 .research-head h1 {margin:0;
      font-size:clamp(40px,5.1vw,58px);
      line-height:1.18;
      letter-spacing:.07em;
      font-weight:900;
      color:#2b2d2f;
      text-shadow:0 1px 0 rgba(255,255,255,.6);}
.page-6 .research-head p {margin:20px 0 0;
      font-size:clamp(18px,2.25vw,25px);
      line-height:1.42;
      letter-spacing:.08em;
      color:#3f4143;
      font-weight:600;}
.page-6 .ingredient-list {display:grid;gap:16px;}
.page-6 .ingredient-card {position:relative;
      min-height:376px;
      display:grid;
      overflow:hidden;
      background:rgba(255,255,255,.84);
      border:1px solid rgba(255,255,255,.88);
      border-radius:13px;
      box-shadow:var(--shadow);}
.page-6 .ingredient-card::after {content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(88,92,96,.09);}
.page-6 .card-image {min-width:0;min-height:0;overflow:hidden;margin:0;}
.page-6 .card-image img {width:100%;height:100%;display:block;object-fit:cover;}
.page-6 .card-copy {position:relative;
      min-width:0;
      display:flex;
      flex-direction:column;
      justify-content:center;
      font-family:var(--serif);
      background:rgba(255,255,255,.88);
      padding:32px 40px 28px;}
.page-6 .card-copy::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 5%, rgba(255,255,255,.74), transparent 26%),linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.72));pointer-events:none;}
.page-6 .copy-inner {position:relative;z-index:1;}
.page-6 .card-1 {grid-template-columns:41.8% 58.2%;}
.page-6 .card-2 {grid-template-columns:52.5% 47.5%;background:linear-gradient(90deg,#fff1f1,#fff 52%,#fff);}
.page-6 .card-3 {grid-template-columns:45.2% 54.8%;}
.page-6 .card-2 .card-copy {background:linear-gradient(120deg, rgba(255,241,241,.97), rgba(255,255,255,.93));padding-left:40px;padding-right:34px;}
.page-6 .card-3 .card-copy {background:rgba(255,255,255,.91);padding-left:40px;}
.page-6 .red-label {display:flex;align-items:center;gap:16px;margin:0 0 15px;color:var(--red);font-size:clamp(16px,1.95vw,21px);line-height:1.2;letter-spacing:.07em;font-weight:800;}
.page-6 .red-label::before {content:"";width:34px;height:3px;background:var(--red);flex:0 0 auto;}
.page-6 .ingredient-title {margin:0 0 10px;font-size:clamp(36px,4.35vw,48px);line-height:1.1;letter-spacing:.035em;font-weight:800;color:#1e2225;white-space:nowrap;}
.page-6 .ingredient-title .en {font-family:"Times New Roman",Georgia,var(--serif);font-weight:500;letter-spacing:.015em;}
.page-6 .ingredient-title sup, .page-6 .benefit-item sup {font-size:.42em;top:-.65em;position:relative;margin-left:.04em;}
.page-6 .tagline {margin:0 0 13px;font-size:clamp(21px,2.35vw,26px);line-height:1.34;letter-spacing:.05em;font-weight:700;color:#292d31;}
.page-6 .desc {margin:0 0 24px;font-size:clamp(16px,1.78vw,20px);line-height:1.62;letter-spacing:.045em;color:#3b3e42;font-weight:500;}
.page-6 .benefit-bar {display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:54px;border-radius:999px;background:linear-gradient(180deg,#eeeeef,#e5e5e6);color:#2e3134;font-family:var(--serif);font-size:clamp(14px,1.55vw,18px);line-height:1.2;letter-spacing:.03em;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.88);padding:9px 18px;}
.page-6 .card-2 .benefit-bar {background:linear-gradient(180deg,#ffe8e8,#f8dfe0);}
.page-6 .benefit-item {display:flex;align-items:center;gap:8px;white-space:nowrap;}
.page-6 .divider {width:1px;height:26px;background:rgba(60,64,68,.34);flex:0 0 auto;}
.page-6 .benefit-item svg {width:24px;height:24px;flex:0 0 auto;stroke:#101315;stroke-width:1.8;fill:none;}
.page-6 .card-2 .fire-icon {stroke:#d52a24;}
@media (max-width:900px) {
.page-6 .research-inner {padding:42px clamp(18px,5vw,36px) 34px;}
.page-6 .research-head {margin-bottom:28px;}
.page-6 .research-head h1 {font-size:clamp(31px,8.2vw,45px);line-height:1.28;letter-spacing:.04em;}
.page-6 .research-head p {font-size:clamp(15px,4.2vw,21px);letter-spacing:.04em;margin-top:16px;}
.page-6 .ingredient-list {gap:18px;}
.page-6 .ingredient-card {grid-template-columns:1fr;min-height:auto;border-radius:16px;}
.page-6 .card-1, .page-6 .card-2, .page-6 .card-3 {grid-template-columns:1fr;}
.page-6 .card-image {height:clamp(230px,54vw,410px);}
.page-6 .card-2 .card-image {order:1;}
.page-6 .card-2 .card-copy {order:2;}
.page-6 .card-copy, .page-6 .card-2 .card-copy, .page-6 .card-3 .card-copy {padding:28px clamp(22px,6vw,42px) 30px;}
.page-6 .red-label {font-size:clamp(15px,4.3vw,20px);gap:10px;margin-bottom:14px;}
.page-6 .red-label::before {width:32px;height:3px;}
.page-6 .ingredient-title {font-size:clamp(28px,7.6vw,42px);white-space:normal;line-height:1.18;}
.page-6 .tagline {font-size:clamp(19px,5.2vw,25px);}
.page-6 .desc {font-size:clamp(15px,4.1vw,19px);line-height:1.66;margin-bottom:20px;}
.page-6 .benefit-bar {min-height:auto;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px;border-radius:22px;font-size:clamp(14px,3.9vw,18px);padding:13px 16px;}
.page-6 .divider {display:none;}
.page-6 .benefit-item {white-space:normal;}
.page-6 .benefit-item svg {width:24px;height:24px;}
}
@media (max-width:430px) {
.page-6 .research-inner {padding:34px 14px 24px;}
.page-6 .research-head h1 {font-size:30px;}
.page-6 .research-head p {font-size:15px;}
.page-6 .card-image {height:218px;}
.page-6 .card-copy, .page-6 .card-2 .card-copy, .page-6 .card-3 .card-copy {padding:24px 18px 26px;}
.page-6 .ingredient-title {font-size:28px;}
.page-6 .tagline {font-size:18px;}
.page-6 .desc {font-size:15px;}
}

/* ===== Source: 7.htm ===== */
.page-7 {--ink:#2c2b2a;
      --text:#3f3d3c;
      --red:#c53531;
      --line:#434241;
      --panel:rgba(255,255,255,.88);
      --serif:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU","MingLiU","Times New Roman",serif;
      --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
      --script:"DFKai-SB","KaiTi","STKaiti","Noto Serif TC",cursive;}
.page-7 * {box-sizing:border-box;}
.page-7, .page-7 {margin:0;padding:0;background:#eef2f3;color:var(--ink);}
.page-7 {font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.page-7 .populab-advisor {width:min(100%,1122px);
      margin:0 auto;
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(236,241,243,.96) 28%, rgba(250,252,252,.98) 100%),
        linear-gradient(180deg,#f8fbfc 0%,#eaf0f2 100%);
      box-shadow:0 0 42px rgba(0,0,0,.055);}
.page-7 .populab-advisor::before {content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(90deg, rgba(0,0,0,.045) 0 1px, transparent 1px 18px),
        radial-gradient(circle at 80% 35%, rgba(255,255,255,.88), transparent 38%);
      opacity:.2;
      z-index:0;}
.page-7 .advisor-canvas {position:relative;
      z-index:1;
      aspect-ratio:1122 / 1402;
      min-height:720px;}
.page-7 .bg-block {position:absolute;
      z-index:0;
      background:rgba(255,255,255,.76);
      border:1px solid rgba(213,220,222,.78);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
      pointer-events:none;}
.page-7 .bg-block.left {left:-42px;top:88px;width:126px;height:310px;}
.page-7 .bg-block.middle {left:182px;top:0;width:147px;height:615px;border-top:none;}
.page-7 .advisor-photo {position:absolute;
      z-index:1;
      left:0;
      top:0;
      width:48.3%;
      height:100%;
      margin:0;
      overflow:hidden;}
.page-7 .advisor-photo img {width:100%;
      height:100%;
      object-fit:cover;
      object-position:left top;
      display:block;
      user-select:none;
      -webkit-user-drag:none;}
.page-7 .advisor-panel {position:absolute;
      z-index:3;
      top:6.15%;
      right:0;
      width:63.55%;
      height:80.35%;
      padding:77px 70px 0 72px;
      text-align:center;
      background:var(--panel);
      border:1px solid rgba(255,255,255,.78);
      border-right:none;
      border-radius:14px 0 0 14px;
      box-shadow:-18px 24px 48px rgba(48,60,68,.12), inset 0 1px 0 rgba(255,255,255,.92);}
.page-7 .advisor-panel::after {content:"";
      position:absolute;
      z-index:-1;
      left:10%;
      right:10%;
      bottom:-77px;
      height:98px;
      background:radial-gradient(ellipse at center, rgba(203,50,45,.25), transparent 70%);
      filter:blur(4px);
      opacity:.9;
      pointer-events:none;}
.page-7 .kicker {display:flex;
      align-items:center;
      justify-content:center;
      gap:17px;
      margin:0 0 28px;
      font-size:22px;
      line-height:1;
      letter-spacing:.12em;
      font-weight:500;
      color:#353332;
      white-space:nowrap;}
.page-7 .kicker::before, .page-7 .kicker::after {content:"";width:92px;height:1px;background:rgba(58,57,56,.95);transform:translateY(1px);}
.page-7 .main-title {margin:0 0 41px;
      font-size:54px;
      line-height:1.56;
      letter-spacing:.045em;
      font-weight:900;
      color:#2c2b2a;
      text-shadow:0 1px 0 rgba(255,255,255,.55);}
.page-7 .main-title .accent {color:var(--red);}
.page-7 .description {width:575px;
      max-width:100%;
      margin:0 auto 56px;
      font-size:22px;
      line-height:1.72;
      letter-spacing:.055em;
      font-weight:500;
      color:#42403f;
      text-align:center;}
.page-7 .profile {width:575px;
      max-width:100%;
      margin:0 auto 50px;
      padding-left:23px;
      text-align:left;}
.page-7 .name-row {display:flex;align-items:baseline;gap:15px;margin:0 0 12px;color:#2b2a29;}
.page-7 .name {font-size:38px;line-height:1;letter-spacing:.075em;font-weight:800;}
.page-7 .role {font-size:20px;line-height:1;letter-spacing:.11em;font-weight:600;}
.page-7 .meta {margin:0 0 18px;font-size:17px;line-height:1.55;letter-spacing:.055em;font-weight:600;color:#30302f;}
.page-7 .signature {margin:0;font-family:var(--script);font-size:70px;line-height:.92;letter-spacing:.035em;font-weight:400;color:#111;transform:rotate(-4deg);transform-origin:left center;}
.page-7 .badges {width:590px;
      max-width:100%;
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(3,112px);
      justify-content:center;
      gap:72px;}
.page-7 .badge {width:112px;
      height:112px;
      border-radius:999px;
      background:rgba(255,255,255,.9);
      border:1px solid rgba(182,182,182,.72);
      box-shadow:0 8px 18px rgba(30,42,50,.12), inset 0 1px 0 rgba(255,255,255,.95);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:7px;
      text-align:center;}
.page-7 .badge svg {width:38px;height:38px;stroke:var(--red);stroke-width:2.1;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block;}
.page-7 .badge p {margin:0;font-size:16px;line-height:1.35;letter-spacing:.02em;font-weight:700;color:#514c4a;}
@media (max-width:1122px) and (min-width:901px) {
.page-7 .advisor-panel {padding:6.86vw 6.24vw 0 6.42vw;}
.page-7 .kicker {font-size:1.96vw;margin-bottom:2.5vw;gap:1.5vw;}
.page-7 .kicker::before, .page-7 .kicker::after {width:8.2vw;}
.page-7 .main-title {font-size:4.82vw;margin-bottom:3.65vw;}
.page-7 .description {font-size:1.96vw;margin-bottom:5vw;width:51.25vw;}
.page-7 .profile {width:51.25vw;margin-bottom:4.45vw;padding-left:2vw;}
.page-7 .name {font-size:3.39vw;}
.page-7 .role {font-size:1.78vw;}
.page-7 .meta {font-size:1.51vw;}
.page-7 .signature {font-size:6.24vw;}
.page-7 .badges {width:52.58vw;grid-template-columns:repeat(3,9.98vw);gap:6.42vw;}
.page-7 .badge {width:9.98vw;height:9.98vw;gap:.62vw;}
.page-7 .badge svg {width:3.39vw;height:3.39vw;}
.page-7 .badge p {font-size:1.43vw;}
}
@media (max-width:900px) {
.page-7 .populab-advisor {width:100%;background:linear-gradient(180deg,#f8fbfc 0%,#edf2f3 100%);}
.page-7 .advisor-canvas {aspect-ratio:auto;min-height:auto;display:flex;flex-direction:column;padding:0 18px 38px;}
.page-7 .bg-block {display:none;}
.page-7 .advisor-photo {position:relative;order:1;width:min(100%,520px);height:auto;margin:0 auto -64px;z-index:1;}
.page-7 .advisor-photo img {height:auto;object-fit:contain;object-position:center top;filter:drop-shadow(0 10px 24px rgba(25,36,44,.08));}
.page-7 .advisor-panel {position:relative;order:2;top:auto;right:auto;width:100%;height:auto;min-height:auto;padding:42px clamp(22px,6vw,48px) 36px;border-radius:22px;border:1px solid rgba(255,255,255,.82);box-shadow:0 18px 38px rgba(38,50,58,.12);}
.page-7 .advisor-panel::after {display:none;}
.page-7 .kicker {font-size:clamp(16px,4.4vw,21px);gap:14px;margin-bottom:22px;}
.page-7 .kicker::before, .page-7 .kicker::after {width:52px;}
.page-7 .main-title {font-size:clamp(32px,8.6vw,50px);line-height:1.36;margin-bottom:28px;letter-spacing:.035em;}
.page-7 .description {width:100%;font-size:clamp(15px,4.2vw,20px);line-height:1.78;margin-bottom:36px;letter-spacing:.04em;}
.page-7 .profile {width:100%;padding-left:0;text-align:center;margin-bottom:34px;}
.page-7 .name-row {justify-content:center;gap:12px;}
.page-7 .name {font-size:clamp(30px,7.2vw,38px);}
.page-7 .role {font-size:clamp(16px,4vw,20px);}
.page-7 .meta {font-size:clamp(14px,3.8vw,17px);}
.page-7 .signature {font-size:clamp(52px,13.5vw,72px);text-align:center;transform:rotate(-3deg);transform-origin:center;}
.page-7 .badges {width:100%;grid-template-columns:repeat(3,minmax(84px,104px));gap:clamp(10px,3.4vw,22px);align-items:center;}
.page-7 .badge {width:clamp(84px,24vw,104px);height:clamp(84px,24vw,104px);gap:6px;}
.page-7 .badge svg {width:clamp(30px,8vw,38px);height:clamp(30px,8vw,38px);}
.page-7 .badge p {font-size:clamp(13px,3.55vw,16px);line-height:1.3;}
}
@media (max-width:520px) {
.page-7 .advisor-canvas {padding:0 12px 30px;}
.page-7 .advisor-photo {margin-bottom:-38px;}
.page-7 .advisor-panel {padding:33px 17px 26px;border-radius:18px;}
.page-7 .kicker {font-size:15px;letter-spacing:.09em;gap:10px;}
.page-7 .kicker::before, .page-7 .kicker::after {width:36px;}
.page-7 .main-title {font-size:28px;line-height:1.45;margin-bottom:22px;}
.page-7 .description {font-size:15px;line-height:1.72;margin-bottom:28px;}
.page-7 .name {font-size:30px;}
.page-7 .role {font-size:16px;}
.page-7 .meta {font-size:14px;}
.page-7 .signature {font-size:52px;}
.page-7 .badges {grid-template-columns:1fr;gap:12px;max-width:260px;}
.page-7 .badge {width:100%;height:auto;min-height:78px;border-radius:18px;display:grid;grid-template-columns:58px 1fr;justify-content:start;gap:12px;padding:10px 16px;text-align:left;}
.page-7 .badge svg {width:34px;height:34px;justify-self:center;}
.page-7 .badge p {font-size:16px;}
}

/* ===== Source: 8.htm ===== */
.page-8 {--red:#c92323;
      --red-dark:#a60f10;
      --ink:#2f2e2d;
      --muted:#575352;
      --light:#f6f5f3;
      --panel:rgba(255,255,255,.82);
      --line:rgba(80,80,80,.28);
      --serif:"Noto Serif TC","Source Han Serif TC","Songti TC","PMingLiU","Times New Roman",serif;
      --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;}
.page-8 * {box-sizing:border-box;}
.page-8, .page-8 {margin:0;padding:0;background:#e9e8e6;color:var(--ink);}
.page-8 {font-family:var(--sans);}
.page-8 .quality-section {width:min(100%,1122px);
      margin:0 auto;
      min-height:1402px;
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.38) 23%,rgba(255,255,255,.18) 55%,rgba(255,255,255,.08) 100%),
        radial-gradient(circle at 50% 9%,rgba(255,255,255,.82) 0 18%,transparent 42%),
        linear-gradient(100deg,#efeeec 0%,#fbfaf8 26%,#f3f2f0 55%,#fdfcfb 100%);
      box-shadow:0 0 36px rgba(0,0,0,.06);}
.page-8 .quality-section::before {content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(ellipse at 12% 52%,rgba(202,202,202,.12),transparent 34%),
        radial-gradient(ellipse at 86% 48%,rgba(196,196,196,.13),transparent 36%),
        linear-gradient(90deg,rgba(255,255,255,.42),transparent 16%,transparent 82%,rgba(255,255,255,.46));
      opacity:.8;}
.page-8 .quality-section::after {content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:278px;
      background:
        linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.64) 26%,rgba(255,255,255,.92) 100%),
        repeating-linear-gradient(110deg,rgba(158,158,158,.10) 0 2px,transparent 2px 28px),
        linear-gradient(135deg,#f4f4f2 0%,#fff 44%,#e6e3df 100%);
      border-top:1px solid rgba(190,190,190,.28);
      box-shadow:inset 0 16px 32px rgba(120,120,120,.11);}
.page-8 .quality-inner {
	position: relative;
	z-index: 1;
	padding: 34px 36px 70px;
	text-align: center;
}
.page-8 .assurance-strip {width:calc(100% - 82px);
      margin:0 auto 68px;
      min-height:143px;
      display:grid;
      grid-template-columns:1fr 1px 1fr 1px 1fr;
      align-items:center;
      background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.65));
      border:1px solid rgba(255,255,255,.78);
      border-radius:10px;
      box-shadow:0 10px 32px rgba(150,150,150,.10), inset 0 0 0 1px rgba(255,255,255,.5);
      padding:16px 22px;}
.page-8 .strip-divider {width:1px;
      height:73px;
      background:rgba(80,80,80,.34);
      justify-self:center;}
.page-8 .assurance-item {display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      min-width:0;}
.page-8 .icon-badge {width:105px;
      height:105px;
      border-radius:50%;
      border:1.5px solid rgba(199,35,35,.9);
      display:grid;
      place-items:center;
      color:var(--red);
      background:rgba(255,255,255,.72);
      box-shadow:inset 0 0 0 7px rgba(199,35,35,.035);
      flex:0 0 auto;}
.page-8 .icon-badge svg {width:69px;height:69px;stroke:currentColor;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;}
.page-8 .assurance-copy h3 {margin:0 0 8px;
      font-family:var(--serif);
      font-size:28px;
      line-height:1.1;
      letter-spacing:.08em;
      font-weight:800;
      color:#363433;
      white-space:nowrap;}
.page-8 .assurance-copy p {margin:0;
      font-family:var(--serif);
      font-size:18px;
      line-height:1.55;
      letter-spacing:.06em;
      color:#55504f;}
.page-8 .section-heading {text-align:center;
      margin-bottom:98px;}
.page-8 .section-heading h1 {margin:0;
      font-family:var(--serif);
      font-size:57px;
      line-height:1.12;
      letter-spacing:.075em;
      font-weight:900;
      color:#2e2d2c;
      text-shadow:0 1px 0 rgba(255,255,255,.6);}
.page-8 .subtitle-line {display:flex;
      align-items:center;
      justify-content:center;
      gap:28px;
      margin-top:28px;
      color:#3f3d3c;
      font-family:var(--serif);
      font-size:27px;
      line-height:1.2;
      letter-spacing:.12em;
      white-space:nowrap;}
.page-8 .subtitle-line::before, .page-8 .subtitle-line::after {content:"";
      display:block;
      width:90px;
      height:1px;
      background:rgba(60,60,60,.62);}
.page-8 .cert-grid {display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:35px;
      align-items:end;
      margin-bottom:64px;}
.page-8 .cert-card {text-align:center;
      position:relative;}
.page-8 .cert-title {position:absolute;
      top:31px;
      left:50%;
      transform:translateX(-50%);

      z-index:2;
      width:100%;
      color:#343231;
      pointer-events:none;}
.page-8 .cert-title h2 {margin:0 0 6px;
      font-family:var(--serif);
      font-size:26px;
      line-height:1.15;
      letter-spacing:.05em;
      font-weight:600;}
.page-8 .cert-title p {margin:0;
      font-family:var(--serif);
      font-size:18px;
      line-height:1.15;
      letter-spacing:.06em;
      color:#4a4746;}
.page-8 .frame {height:545px;
      padding:88px 35px 42px;
      position:relative;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      background:
        linear-gradient(145deg,#f6f7f6 0%,#dadada 18%,#fdfdfd 35%,#a9aaa9 52%,#f4f4f4 70%,#c9c9c9 100%);
      clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
      box-shadow:
        0 12px 22px rgba(0,0,0,.12),
        inset 0 0 0 2px rgba(255,255,255,.78),
        inset 0 0 0 7px rgba(60,60,60,.17),
        inset 0 0 0 14px rgba(255,255,255,.48),
        inset 0 0 0 18px rgba(86,86,86,.15);}
.page-8 .frame::before {content:"";
      position:absolute;
      inset:22px;
      background:linear-gradient(180deg,#fafafa,#e6e6e6);
      box-shadow:
        inset 0 0 20px rgba(0,0,0,.18),
        0 0 0 1px rgba(120,120,120,.28);
      z-index:0;}
.page-8 .frame::after {content:"";
      position:absolute;
      left:28px;
      right:28px;
      bottom:-22px;
      height:34px;
      background:radial-gradient(ellipse at center,rgba(90,90,90,.22),transparent 70%);
      filter:blur(8px);
      z-index:-1;}
.page-8 .doc-wrap {position:relative;
      z-index:1;
      width:78%;
      margin-top:43px;
      background:#fff;
      box-shadow:0 5px 14px rgba(0,0,0,.10);
      overflow:hidden;}
.page-8 .doc-wrap img {display:block;
      width:100%;
      height:auto;}
.page-8 .cert-card:nth-child(2) .doc-wrap {width:79%;margin-top:38px;}
.page-8 .cert-card:nth-child(3) .doc-wrap {width:79%;margin-top:37px;}
.page-8 .marble-shelf {position:absolute;
      left:0;
      right:0;
      bottom:216px;
      height:116px;
      z-index:0;
      background:
        linear-gradient(180deg,rgba(255,255,255,.82),rgba(229,226,221,.94)),
        repeating-linear-gradient(115deg,rgba(120,120,120,.08) 0 1px,transparent 1px 21px);
      border-top:1px solid rgba(190,190,190,.3);
      border-bottom:1px solid rgba(160,160,160,.25);
      box-shadow:0 -12px 30px rgba(255,255,255,.45),0 16px 32px rgba(160,160,160,.12);}
.page-8 .cta-area {position:relative;
      z-index:2;
      text-align:center;}
.page-8 .cta-button {width:min(820px,82%);
      height:114px;
      margin:0 auto 27px;
      border:0;
      border-radius:58px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:50px;
      text-decoration:none;
      color:#fff;
      font-family:var(--serif);
      font-size:50px;
      line-height:1;
      letter-spacing:.08em;
      font-weight:800;
      background:
        linear-gradient(180deg,#ff3a38 0%,#e91d1f 43%,#c91012 100%);
      box-shadow:
        inset 0 3px 0 rgba(255,255,255,.35),
        inset 0 -6px 0 rgba(120,0,0,.25),
        0 15px 30px rgba(150,0,0,.20);
      border:2px solid rgba(255,255,255,.38);}
.page-8 .cta-button .arrow {font-family:var(--sans);
      font-size:66px;
      font-weight:300;
      line-height:1;
      transform:translateY(-2px);}
.page-8 .cta-tags {font-family:var(--serif);
      font-size:29px;
      line-height:1.2;
      letter-spacing:.2em;
      color:#262524;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:26px;
      white-space:nowrap;}
.page-8 .cta-tags .sep {color:#4b4948;}
@media (max-width: 900px) {
.page-8 .quality-section {min-height:auto;}
.page-8 .quality-inner {padding:24px 17px 42px;}
.page-8 .assurance-strip {width:100%;
        grid-template-columns:1fr;
        gap:0;
        padding:10px 14px;
        margin-bottom:42px;}
.page-8 .strip-divider {width:100%;
        height:1px;
        margin:9px 0;
        background:rgba(80,80,80,.18);}
.page-8 .assurance-item {justify-content:flex-start;
        gap:14px;
        padding:8px 2px;}
.page-8 .icon-badge {width:62px;
        height:62px;
        box-shadow:inset 0 0 0 5px rgba(199,35,35,.035);}
.page-8 .icon-badge svg {width:40px;height:40px;}
.page-8 .assurance-copy h3 {font-size:20px;
        margin-bottom:5px;
        white-space:normal;}
.page-8 .assurance-copy p {font-size:14px;line-height:1.45;}
.page-8 .section-heading {margin-bottom:40px;}
.page-8 .section-heading h1 {font-size:clamp(31px,8.4vw,48px);
        line-height:1.28;
        letter-spacing:.05em;}
.page-8 .subtitle-line {margin-top:17px;
        gap:13px;
        font-size:clamp(16px,4.5vw,23px);
        white-space:normal;
        letter-spacing:.06em;}
.page-8 .subtitle-line::before, .page-8 .subtitle-line::after {width:38px;flex:0 0 38px;}
.page-8 .cert-grid {grid-template-columns:1fr;
        gap:28px;
        margin-bottom:44px;}
.page-8 .cert-card {width:min(360px,100%);
        margin:0 auto;}
.page-8 .cert-title {top:24px;}
.page-8 .cert-title h2 {font-size:22px;}
.page-8 .cert-title p {font-size:15px;}
.page-8 .frame {height:auto;
        min-height:500px;
        padding:78px 31px 36px;}
.page-8 .doc-wrap, .page-8 .cert-card:nth-child(2) .doc-wrap, .page-8 .cert-card:nth-child(3) .doc-wrap {width:79%;
        margin-top:35px;}
.page-8 .marble-shelf {display:none;}
.page-8 .cta-button {width:100%;
        height:72px;
        border-radius:38px;
        gap:22px;
        font-size:clamp(27px,7.4vw,39px);
        margin-bottom:19px;}
.page-8 .cta-button .arrow {font-size:45px;}
.page-8 .cta-tags {flex-wrap:wrap;
        gap:10px 14px;
        font-size:clamp(18px,5vw,24px);
        letter-spacing:.11em;
        white-space:normal;}
}
@media (max-width: 430px) {
.page-8 .frame {min-height:470px;padding-left:26px;padding-right:26px;}
.page-8 .doc-wrap, .page-8 .cert-card:nth-child(2) .doc-wrap, .page-8 .cert-card:nth-child(3) .doc-wrap {width:82%;}
}

/* =========================================================
   FIX 2026-06-16
   Page 1 uses image/sation1.jpg as the full background.
   Keep the original text and icon HTML over the background.
   Hide generated product/stage/ribbon layers to avoid duplicates.
========================================================= */
.page-1 .populab-hero {
  background: #650005 url("../image/sation1.jpg") center top / cover no-repeat !important;
  box-shadow: none !important;
}

.page-1 .populab-hero::before,
.page-1 .light-ribbon,
.page-1 .red-ribbon-left,
.page-1 .product,
.page-1 .silver-stage,
.page-1 .fine-line,
.page-1 .red-ribbon-bottom {
  display: none !important;
}

.page-1 .copy-block {
  left: 6.7% !important;
  top: 30.8% !important;
  width: 48% !important;
  z-index: 10 !important;
}

.page-1 .copy-block h1 {
  font-size: clamp(2.15rem, 6.25vw, 5rem) !important;
  line-height: 1.33 !important;
  letter-spacing: .1em !important;
}

.page-1 .tagline {
  margin-top: 5.6% !important;
  font-size: clamp(1.05rem, 2.55vw, 1.95rem) !important;
}

.page-1 .formula-pill {
  margin-top: 7.2% !important;
  min-width: 91% !important;
}

.page-1 .features {
  left: 6.8% !important;
  top: 62.4% !important;
  width: 46.8% !important;
  z-index: 10 !important;
}

.page-1 .feature svg {
  width: clamp(2.2rem, 4.8vw, 3.85rem) !important;
  height: clamp(2.2rem, 4.8vw, 3.85rem) !important;
  margin-bottom: 9.5% !important;
}

@media (max-width: 680px) {
  .page-1 .copy-block {
    left: 6.7% !important;
    top: 30.6% !important;
    width: 50% !important;
  }

  .page-1 .copy-block h1 {
    font-size: clamp(2rem, 7.4vw, 3.2rem) !important;
    letter-spacing: .08em !important;
  }

  .page-1 .tagline {
    white-space: nowrap !important;
    font-size: clamp(.88rem, 3.1vw, 1.3rem) !important;
  }

  .page-1 .formula-pill {
    min-width: 91% !important;
    padding-left: .8em !important;
    padding-right: .8em !important;
    font-size: clamp(.78rem, 3vw, 1.2rem) !important;
  }

  .page-1 .features {
    top: 62.1% !important;
    width: 47.5% !important;
  }

  .page-1 .feature {
    padding: 0 5% !important;
  }

  .page-1 .feature strong,
  .page-1 .feature span {
    font-size: clamp(.68rem, 2.65vw, 1rem) !important;
  }
}
/* ================================
   Page 2｜三大生活干擾圖片 RWD 修正
   桌機版圖片尺寸接近 324 x 380px
================================ */

/* 桌機版：三欄，每張卡片寬度 324px */
.page-2 .cards {
  grid-template-columns: repeat(3, minmax(0, 324px));
  gap: 31px;
  justify-content: center;
  align-items: start;
}

/* 卡片寬度跟著 grid，不寫死 324，保留 RWD 彈性 */
.page-2 .habit-card {
  width: 100%;
}

/* 修正圖片上方空白，並改成 324:380 比例 */
.page-2 .habit-card__photo {
  width: 100%;
  height: auto;
  aspect-ratio: 324 / 380;
  margin-top: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  border-radius: 15px 15px 0 0;
  background: none;
  flex: 0 0 auto;
}

/* 圖片填滿區塊 */
.page-2 .habit-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  margin: 0;
  padding: 0;
  border-radius: 15px 15px 0 0;
}

/* 平板：維持三欄，但讓卡片自動縮小 */
@media (max-width: 980px) {
  .page-2 .cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }

  .page-2 .habit-card__photo {
    margin-top: 0;
    height: auto;
    aspect-ratio: 324 / 380;
  }
}

/* 手機：改成單欄，最大寬度 324px */
@media (max-width: 760px) {
  .page-2 .cards {
    grid-template-columns: 1fr;
    gap: 22px;
    justify-items: center;
  }

  .page-2 .habit-card {
    width: 100%;
    max-width: 324px;
  }

  .page-2 .habit-card__photo {
    width: 100%;
    height: auto;
    aspect-ratio: 324 / 380;
    margin-top: 0;
  }
}
/* ================================
   Page 5｜POPULAB 比較表 icon 改 PNG
================================ */

.page-5 .feature-populab .icon-circle {
  width: 64px;
  height: 64px;
  min-width: 64px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.95);
  background: rgba(255, 255, 255, 0.08);

  overflow: hidden;
}

.page-5 .feature-populab .icon-circle img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.page-5 .mobile-card .icon-circle {
  width: 46px;
  height: 46px;
  min-width: 46px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.95);
  background: rgba(255, 255, 255, 0.08);

  overflow: hidden;
}

.page-5 .mobile-card .icon-circle img {
  display: block;
  width: 28px;
  height: 28px;
  object-fit: contain;
}

/* =========================================================
   FINAL FIX｜Page 5 Compare Table + PNG Icons + RWD
   放在 style.css 最下方，覆蓋前面所有 page-5 設定
========================================================= */
.page-5 .compare-page {
  width: min(100%, 1122px) !important;
  margin: 0 auto !important;
  background:
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.96), transparent 30%),
    linear-gradient(90deg,#f7f5f3 0%,#ededeb 16%,#fbf9f7 50%,#efedeb 76%,#f8f6f4 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.page-5 .section-inner {
  position: relative !important;
  z-index: 1 !important;
  padding: 56px 36px 48px !important;
}

.page-5 .desktop-compare {
  display: grid !important;
  grid-template-columns: 104px 278px 382px 278px !important;
  grid-template-rows: 168px repeat(4, 211px) !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-content: center !important;
}

.page-5 .mobile-compare {
  display: none !important;
}

.page-5 .desktop-compare > .cell {
  position: relative !important;
  overflow: hidden !important;
}

.page-5 .header-general { grid-column: 2 !important; grid-row: 1 !important; }
.page-5 .header-populab { grid-column: 3 !important; grid-row: 1 !important; }
.page-5 .header-single { grid-column: 4 !important; grid-row: 1 !important; }

.page-5 .label-r1 { grid-column: 1 !important; grid-row: 2 !important; }
.page-5 .label-r2 { grid-column: 1 !important; grid-row: 3 !important; }
.page-5 .label-r3 { grid-column: 1 !important; grid-row: 4 !important; }
.page-5 .label-r4 { grid-column: 1 !important; grid-row: 5 !important; }

.page-5 .gen-r1 { grid-column: 2 !important; grid-row: 2 !important; }
.page-5 .gen-r2 { grid-column: 2 !important; grid-row: 3 !important; }
.page-5 .gen-r3 { grid-column: 2 !important; grid-row: 4 !important; }
.page-5 .gen-r4 { grid-column: 2 !important; grid-row: 5 !important; }

.page-5 .pop-r1 { grid-column: 3 !important; grid-row: 2 !important; }
.page-5 .pop-r2 { grid-column: 3 !important; grid-row: 3 !important; }
.page-5 .pop-r3 { grid-column: 3 !important; grid-row: 4 !important; }
.page-5 .pop-r4 { grid-column: 3 !important; grid-row: 5 !important; border-radius: 0 0 24px 24px !important; }

.page-5 .sin-r1 { grid-column: 4 !important; grid-row: 2 !important; }
.page-5 .sin-r2 { grid-column: 4 !important; grid-row: 3 !important; }
.page-5 .sin-r3 { grid-column: 4 !important; grid-row: 4 !important; }
.page-5 .sin-r4 { grid-column: 4 !important; grid-row: 5 !important; border-radius: 0 0 24px 0 !important; }

.page-5 .feature-populab {
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  gap: 22px !important;
  align-items: center !important;
}

.page-5 .icon-circle,
.page-5 .x-circle {
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
}

.page-5 .feature-populab .icon-circle,
.page-5 .mobile-card.pop .icon-circle {
  border: 2px solid rgba(255,255,255,.95) !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16) !important;
  overflow: hidden !important;
}

.page-5 .feature-populab .icon-circle img {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

.page-5 .mobile-card.pop .icon-circle img {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

@media (max-width: 1122px) and (min-width: 901px) {
  .page-5 .compare-page { min-height: auto !important; }
  .page-5 .section-inner { padding: 5vw 3.2vw 4.2vw !important; }
  .page-5 .desktop-compare {
    display: grid !important;
    grid-template-columns: 9.27vw 24.78vw 34.05vw 24.78vw !important;
    grid-template-rows: 14.97vw repeat(4, 18.81vw) !important;
  }
  .page-5 .header-card { font-size: 2.58vw !important; }
  .page-5 .header-populab { padding: 4.28vw 2.5vw 1.6vw 4.46vw !important; }
  .page-5 .header-populab .brand { font-size: 3.2vw !important; }
  .page-5 .header-populab .brand span { font-size: 2.67vw !important; }
  .page-5 .populab-pack { width: 15.15vw !important; top: -3.38vw !important; right: 1.15vw !important; }
  .page-5 .label-col { font-size: 2.5vw !important; }
  .page-5 .feature-populab { grid-template-columns: 5.7vw 1fr !important; gap: 1.96vw !important; padding: 2.5vw 2.67vw 2.5vw 3.2vw !important; }
  .page-5 .pop-copy h3 { font-size: 2.5vw !important; }
  .page-5 .pop-copy p { font-size: 2.05vw !important; }
  .page-5 .small-copy { font-size: 2.05vw !important; }
  .page-5 .icon-circle,
  .page-5 .x-circle { width: 4.8vw !important; height: 4.8vw !important; min-width: 4.8vw !important; }
  .page-5 .feature-populab .icon-circle img { width: 3.1vw !important; height: 3.1vw !important; }
  .page-5 .x-circle { font-size: 2.94vw !important; }
}

@media (max-width: 900px) {
  .page-5 .compare-page {
    width: 100% !important;
    min-height: auto !important;
  }
  .page-5 .section-inner {
    padding: 46px 18px 30px !important;
  }
  .page-5 .desktop-compare {
    display: none !important;
  }
  .page-5 .mobile-compare {
    display: block !important;
  }
  .page-5 .mobile-top {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }
  .page-5 .mobile-plan {
    border: 1px solid var(--line) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(245,243,241,.96)) !important;
    padding: 20px 18px !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: clamp(22px,6vw,30px) !important;
    line-height: 1.4 !important;
    letter-spacing: .08em !important;
  }
  .page-5 .mobile-plan.pop {
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 62% 22%, rgba(255,255,255,.16), transparent 28%),
      linear-gradient(145deg, #c32522 0%, #ae1819 44%, #8f1010 72%, #cc302b 100%) !important;
    color: #fff !important;
    box-shadow: 0 14px 24px rgba(122,18,18,.14) !important;
    padding: 22px 18px 18px !important;
  }
  .page-5 .mobile-plan.pop .pack-mobile {
    width: min(44%, 155px) !important;
    display: block !important;
    margin: 0 auto 10px !important;
    filter: drop-shadow(0 14px 16px rgba(0,0,0,.18)) !important;
  }
  .page-5 .mobile-feature {
    background: rgba(255,255,255,.56) !important;
    border: 1px solid var(--line) !important;
    border-radius: 24px !important;
    padding: 18px 14px 16px !important;
    margin-bottom: 14px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.035) !important;
  }
  .page-5 .mobile-feature-title {
    margin: 0 0 14px !important;
    text-align: center !important;
    font-family: var(--serif) !important;
    font-size: clamp(24px,6.3vw,33px) !important;
    line-height: 1.45 !important;
    letter-spacing: .16em !important;
    color: #2d2a29 !important;
  }
  .page-5 .mobile-cards {
    display: grid !important;
    gap: 10px !important;
  }
  .page-5 .mobile-card {
    border-radius: 18px !important;
    border: 1px solid var(--line) !important;
    background: linear-gradient(180deg, rgba(250,249,248,.98), rgba(243,241,239,.96)) !important;
    padding: 16px 16px 18px !important;
  }
  .page-5 .mobile-card.pop {
    color: #fff !important;
    background:
      radial-gradient(circle at 74% 18%, rgba(255,255,255,.12), transparent 28%),
      linear-gradient(145deg, #c32522 0%, #af191a 42%, #8f0f11 70%, #c92e29 100%) !important;
  }
  .page-5 .mobile-card.single {
    background: linear-gradient(180deg, rgba(252,247,247,.98), rgba(247,239,239,.96)) !important;
  }
  .page-5 .mobile-card-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 10px !important;
  }
  .page-5 .mobile-card-title {
    margin: 0 !important;
    font-family: var(--serif) !important;
    font-size: clamp(18px,5.2vw,25px) !important;
    line-height: 1.35 !important;
    letter-spacing: .08em !important;
    font-weight: 800 !important;
  }
  .page-5 .mobile-card-desc {
    margin: 0 !important;
    font-family: var(--serif) !important;
    font-size: clamp(16px,4.5vw,22px) !important;
    line-height: 1.7 !important;
    letter-spacing: .05em !important;
    color: inherit !important;
    opacity: .96 !important;
  }
  .page-5 .mobile-card.pop .icon-circle,
  .page-5 .mobile-card .x-circle {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }
  .page-5 .mobile-card.pop .icon-circle img {
    width: 28px !important;
    height: 28px !important;
  }
}

@media (max-width: 430px) {
  .page-5 .section-inner { padding-left: 12px !important; padding-right: 12px !important; }
  .page-5 .headline h1 { font-size: clamp(31px, 8.5vw, 42px) !important; }
  .page-5 .mobile-card.pop .icon-circle,
  .page-5 .mobile-card .x-circle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
  .page-5 .mobile-card.pop .icon-circle img {
    width: 25px !important;
    height: 25px !important;
  }
}
/* ================================
   Page 5｜網頁版 icon 白色圓圈修正
   修正 sation-icon2 外框不是正圓形
================================ */

.page-5 .desktop-compare .feature-populab .icon-circle {
  width: 54px;
  height: 54px;
  min-width: 54px;
  max-width: 54px;
  min-height: 54px;
  max-height: 54px;

  aspect-ratio: 1 / 1;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  line-height: 0;
  overflow: hidden;

  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);

  flex: 0 0 54px;
}

/* PNG icon 統一置中，不影響外框比例 */
.page-5 .desktop-compare .feature-populab .icon-circle img {
  display: block;
  width: 29px;
  height: 29px;
  max-width: 29px;
  max-height: 29px;
  object-fit: contain;
}
.page-8 .assurance-item .icon-badge {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 0;
  border-radius: 50%;
}

.page-8 .assurance-item .icon-badge img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
}
/* ================================
   Page 5｜網頁版 POPULAB 紅色欄位文字縮小修正
   避免文字超出區塊
================================ */

@media (min-width: 901px) {

  /* 中間紅色特色欄位 */
  .page-5 .desktop-compare .feature-populab {
    grid-template-columns: 54px 1fr;
    gap: 18px;
    padding: 22px 26px 22px 34px;
    align-items: center;
    overflow: hidden;
  }

  /* 紅色欄位標題 */
  .page-5 .desktop-compare .feature-populab .pop-copy h3 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.28;
    letter-spacing: 0.045em;
    font-weight: 900;
  }

  /* 紅色欄位內文 */
  .page-5 .desktop-compare .feature-populab .pop-copy p {
    margin: 0;
    font-size: 18px;
    line-height: 1.55;
    letter-spacing: 0.035em;
    font-weight: 700;
  }

  /* icon 外圈固定正圓，不被文字撐壓 */
  .page-5 .desktop-compare .feature-populab .icon-circle {
    width: 50px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    flex: 0 0 50px;
    border-radius: 50%;
  }

  .page-5 .desktop-compare .feature-populab .icon-circle img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
  }

  /* 中間欄位上方 POPULAB 標題縮小 */
  .page-5 .desktop-compare .header-populab .brand {
    font-size: 30px;
    line-height: 1.1;
  }

  .page-5 .desktop-compare .header-populab .brand span {
    font-size: 24px;
    line-height: 1.25;
    margin-top: 8px;
  }

  /* 商品圖避免壓到標題 */
  .page-5 .desktop-compare .populab-pack {
    width: 145px;
    right: 16px;
    top: -28px;
  }
}
/* ================================
   Page 5｜901px～1122px 縮放版修正
================================ */

@media (max-width: 1122px) and (min-width: 901px) {

  .page-5 .desktop-compare .feature-populab {
    grid-template-columns: 4.4vw 1fr;
    gap: 1.45vw;
    padding: 1.95vw 2.2vw 1.95vw 2.75vw;
  }

  .page-5 .desktop-compare .feature-populab .pop-copy h3 {
    font-size: 2.12vw;
    line-height: 1.28;
    letter-spacing: 0.04em;
    margin-bottom: 0.65vw;
  }

  .page-5 .desktop-compare .feature-populab .pop-copy p {
    font-size: 1.6vw;
    line-height: 1.55;
    letter-spacing: 0.03em;
  }

  .page-5 .desktop-compare .feature-populab .icon-circle {
    width: 4.4vw;
    height: 4.4vw;
    min-width: 4.4vw;
    max-width: 4.4vw;
    min-height: 4.4vw;
    max-height: 4.4vw;
    flex: 0 0 4.4vw;
    border-radius: 50%;
  }

  .page-5 .desktop-compare .feature-populab .icon-circle img {
    width: 2.45vw;
    height: 2.45vw;
    object-fit: contain;
  }

  .page-5 .desktop-compare .header-populab .brand {
    font-size: 2.65vw;
  }

  .page-5 .desktop-compare .header-populab .brand span {
    font-size: 2.15vw;
  }

  .page-5 .desktop-compare .populab-pack {
    width: 13vw;
    right: 1.4vw;
    top: -2.4vw;
  }
}
/* ================================
   Page 4｜Hero 改用 sation4_bg.jpg 當底圖
================================ */

.page-4 .hero {
  position: relative;
  width: 100%;
  min-height: 403px;
  padding: 54px 82px 30px;
  overflow: hidden;
  color: #fff;

  background-image: url("../image/sation4_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* 移除原本紅色漸層與裝飾效果 */
.page-4 .hero::before,
.page-4 .hero::after {
  display: none;
}

/* 文字放在背景圖上方 */
.page-4 .hero-copy {
  position: relative;
  z-index: 2;
  width: 70%;
  text-align: center;
}

/* 若 sation4_bg.jpg 已經包含商品圖，請隱藏原本商品圖 */
.page-4 .hero-product {
  display: none;
}
@media (max-width: 768px) {
  .page-4 .hero {
    min-height: auto;
    aspect-ratio: 1122 / 403;
    padding: 8% 6%;
    background-size: cover;
    background-position: center center;
  }

  .page-4 .hero-copy {
    width: 100%;
  }

  .page-4 .kicker {
    font-size: clamp(10px, 2.4vw, 15px);
    letter-spacing: 0.22em;
    margin-bottom: 10px;
  }

  .page-4 .hero h1 {
    font-size: clamp(26px, 7vw, 48px);
    line-height: 1.15;
  }

  .page-4 .subline {
    font-size: clamp(14px, 3.4vw, 22px);
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-top: 10px;
  }
}
/* ================================
   Page 4｜Hero 文字區塊置中修正
================================ */

@media (min-width: 769px) {

  .page-4 .hero {
    position: relative;
    min-height: 403px;
    padding: 0;
    overflow: hidden;
  }

  .page-4 .hero-copy {
    position: absolute;
    z-index: 2;

    left: 6%;
    top: 50%;
    transform: translateY(-50%);

    width: 58%;
    max-width: 760px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
  }

  .page-4 .kicker {
    margin: 0 0 26px;
    line-height: 1.1;
  }

  .page-4 .hero h1 {
    margin: 0;
    line-height: 1.12;
  }

  .page-4 .hero-rule {
    display: none !important;
  }

  .page-4 .subline {
    margin: 32px 0 0;
    padding: 0;
    border-top: 0;

    line-height: 1.25;
  }
}
/* ================================
   Page 4｜HCA 按鈕位置下移，對齊左側按鈕
================================ */

@media (min-width: 769px) {
  .page-4 .hca .pill {
    position: relative;
    top: 24px;
  }
}
/* ================================
   Page 3｜三階段專利配方改用 sation3_bg.jpg 當底圖
================================ */

.page-3 .populab-section {
  position: relative;
  width: min(100%, 1122px);
  min-height: auto;
  aspect-ratio: 1122 / 1400;
  overflow: hidden;

  background-image: url("../image/sation3_bg.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-color: transparent !important;
}

/* 移除原本灰白漸層紋理，避免蓋住底圖 */
.page-3 .populab-section::before {
  display: none !important;
}

/* 內容維持在背景圖上方 */
.page-3 .stage-layout {
  position: relative;
  z-index: 2;
  aspect-ratio: 1122 / 1400;
  min-height: auto;
}

/* 移除原本商品圖位置，因為背景圖已經包含商品視覺 */
.page-3 .product-visual,
.page-3 .product-visual img {
  display: none !important;
}
@media (max-width: 820px) {
  .page-3 .populab-section {
    width: 100%;
    min-height: auto;
    aspect-ratio: 1122 / 1400;

    background-image: url("../image/sation3_bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .page-3 .stage-layout {
    aspect-ratio: 1122 / 1400;
    min-height: auto;
    display: block;
    padding: 0;
  }
}
/* ================================
   Page 3｜手機版 sation3_bg 背景與文字可讀性修正
================================ */

@media (max-width: 820px) {

  /* 讓整個第 3 區塊高度足夠，Step 2 / Step 3 不會被裁掉 */
  .page-3 .populab-section {
    position: relative;
    width: 100%;
    min-height: clamp(1180px, 255vw, 1280px) !important;
    aspect-ratio: auto !important;
    overflow: hidden;

    background-image: url("../image/sation3_bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: auto 100% !important;
    background-position: center top !important;
    background-color: #f5f5f3 !important;
  }

  .page-3 .populab-section::before {
    display: none !important;
  }

  .page-3 .stage-layout {
    position: relative !important;
    width: 100%;
    min-height: inherit !important;
    aspect-ratio: auto !important;
    display: block !important;
    padding: 0 !important;
  }

  /* 標題位置 */
  .page-3 .headline {
    position: absolute !important;
    top: 7.2%;
    left: 0;
    width: 100%;
    z-index: 5;
    padding: 0 6%;
    margin: 0;
    text-align: center;
  }

  .page-3 .headline h1 {
    margin: 0;
    font-size: clamp(34px, 9vw, 48px);
    line-height: 1.22;
    letter-spacing: 0.04em;
  }

  /* 背景圖已經有商品，原本商品圖隱藏 */
  .page-3 .product-visual,
  .page-3 .product-visual img {
    display: none !important;
  }

  /* Step 文字區塊固定在左側，避免壓到商品太多 */
  .page-3 .steps-area {
    position: absolute !important;
    left: 5.2%;
    top: 27.5%;
    width: 50%;
    z-index: 6;
    display: block !important;
  }

  .page-3 .step-list {
    width: 100%;
    margin-left: 42px !important;
  }

  .page-3 .step {
    position: relative;
    min-height: auto !important;
    margin: 0 0 42px;
    padding: 0 0 28px;
  }

  .page-3 .step:not(:last-child)::after {
    bottom: 0;
    width: 100%;
  }

  .page-3 .step-name {
    margin: 0 0 12px;
    font-size: clamp(44px, 12vw, 60px);
    line-height: 0.95;
  }

  /* 紅色標籤寬度統一 */
  .page-3 .step-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 190px;
    min-height: auto;
    padding: 7px 18px 9px;
    margin-bottom: 18px;

    font-size: clamp(24px, 6.8vw, 32px);
    line-height: 1.15;
    white-space: nowrap;
  }

  /* 內文寬度縮小，避免跨到商品盒上造成閱讀困難 */
  .page-3 .step-copy {
    width: min(200px, 43vw);
    max-width: min(200px, 43vw);
    margin: 0;

    font-size: clamp(17px, 4.4vw, 22px);
    line-height: 1.55;
    letter-spacing: 0.01em;
    font-weight: 700;

    color: #2f2f2f;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.85);
  }

  /* 左側時間線 */
  .page-3 .timeline {
    position: absolute !important;
    left: 0;
    top: 8px;
    width: 22px;
    height: 620px;
  }

  .page-3 .timeline::before {
    left: 10px;
    top: 12px;
    height: calc(100% - 34px);
  }

  .page-3 .timeline span {
    left: 4px;
    width: 14px;
    height: 14px;
  }

  .page-3 .timeline span:nth-child(1) {
    top: 14px;
  }

  .page-3 .timeline span:nth-child(2) {
    top: 310px;
  }

  .page-3 .timeline span:nth-child(3) {
    top: 588px;
  }
}
/* ================================
   Page 3｜手機版 Step 區塊整體上移 150px
================================ */

@media (max-width: 820px) {
  .page-3 .steps-area {
    transform: translateY(-100px) !important;
  }
}
/* ================================
   Page 7｜專業營養師推薦改用 sation6_bg.jpg 當底圖
================================ */

.page-7 .populab-advisor {
  position: relative;
  width: min(100%, 1122px);
  aspect-ratio: 1122 / 1402;
  min-height: auto;
  overflow: hidden;

  background-image: url("../image/sation6_bg.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-color: #f5f1ec !important;
}

/* 讓內層畫布跟背景圖同尺寸比例 */
.page-7 .advisor-canvas {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: auto;
  aspect-ratio: 1122 / 1402;
  background: transparent !important;
  overflow: hidden;
}

/* 移除原本 HTML / CSS 產生的背景色塊 */
.page-7 .bg-block,
.page-7 .bg-block.left,
.page-7 .bg-block.middle {
  display: none !important;
}

/* 移除原本營養師圖片 */
.page-7 .advisor-photo,
.page-7 .advisor-photo img {
  display: none !important;
}

/* 文字面板保留在背景圖上方 */
.page-7 .advisor-panel {
  position: absolute;
  z-index: 5;
}
@media (max-width: 768px) {
  .page-7 .populab-advisor {
    width: 100%;
    aspect-ratio: 1122 / 1402;
    min-height: auto;

    background-image: url("../image/sation6_bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .page-7 .advisor-canvas {
    width: 100%;
    height: auto;
    aspect-ratio: 1122 / 1402;
    min-height: auto;
  }
}
/* ================================
   Page 7｜三個圓圈 badge 置中修正
================================ */

@media (min-width: 769px) {

  .page-7 .advisor-panel {
    position: absolute;
    right: 6.5%;
    top: 7%;
    width: 58%;
    z-index: 5;
  }

  .page-7 .badges {
    width: 100%;
    margin: 58px auto 0;
    padding: 0;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 58px;
  }

  .page-7 .badge {
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    margin: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .page-7 .badge svg,
  .page-7 .badge img {
    width: 40px;
    height: 40px;
    object-fit: contain;
  }

  .page-7 .badge p {
    margin: 6px 0 0;
    text-align: center;
    line-height: 1.35;
  }
}

/* =========================================================
   FINAL FIX｜Page 7 sation6_bg 背景 + 文字內容恢復顯示
   請保留在 CSS 最下方
========================================================= */
.page-7 .populab-advisor {
  position: relative !important;
  width: min(100%, 1122px) !important;
  aspect-ratio: 1122 / 1402 !important;
  min-height: auto !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  background-image: url("../image/sation6_bg.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-color: #f5f1ec !important;
}

.page-7 .populab-advisor::before,
.page-7 .populab-advisor::after,
.page-7 .advisor-panel::after,
.page-7 .bg-block,
.page-7 .advisor-photo,
.page-7 .advisor-photo img {
  display: none !important;
}

.page-7 .advisor-canvas {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: auto !important;
  aspect-ratio: 1122 / 1402 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  display: block !important;
}

.page-7 .advisor-panel {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  z-index: 10 !important;
  top: 6.4% !important;
  right: 5.4% !important;
  width: 59.5% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 56px 58px 0 58px !important;
  margin: 0 !important;
  text-align: center !important;
  color: #3f3d3c !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.page-7 .kicker {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 17px !important;
  margin: 0 0 24px !important;
  color: #353332 !important;
  font-family: var(--serif, "Noto Serif TC", "PMingLiU", serif) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.page-7 .kicker::before,
.page-7 .kicker::after {
  content: "" !important;
  display: block !important;
  width: 92px !important;
  height: 1px !important;
  background: rgba(58,57,56,.95) !important;
}

.page-7 .main-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 34px !important;
  color: #3f3d3c !important;
  font-family: var(--serif, "Noto Serif TC", "PMingLiU", serif) !important;
  font-size: 52px !important;
  font-weight: 900 !important;
  line-height: 1.38 !important;
  letter-spacing: .04em !important;
}

.page-7 .main-title .accent {
  color: #c53531 !important;
}

.page-7 .description {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  margin: 0 auto 35px !important;
  color: #4b4948 !important;
  font-family: var(--serif, "Noto Serif TC", "PMingLiU", serif) !important;
  font-size: 21px !important;
  font-weight: 500 !important;
  line-height: 1.78 !important;
  letter-spacing: .06em !important;
}

.page-7 .profile {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  text-align: left !important;
}

.page-7 .name-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin: 0 0 8px !important;
}

.page-7 .name {
  display: inline-block !important;
  color: #2f2d2c !important;
  font-size: 38px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

.page-7 .role {
  display: inline-block !important;
  color: #3f3d3c !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

.page-7 .meta {
  display: block !important;
  margin: 0 !important;
  color: #3f3d3c !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}

.page-7 .signature {
  display: block !important;
  margin: 16px 0 0 !important;
  color: #111 !important;
  font-family: var(--script, "DFKai-SB", "KaiTi", cursive) !important;
  font-size: 66px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  transform: rotate(-3deg) !important;
  transform-origin: left center !important;
}

.page-7 .badges {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  margin: 42px auto 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 58px !important;
}

.page-7 .badge {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 112px !important;
  width: 112px !important;
  height: 112px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(182,182,182,.72) !important;
  box-shadow: 0 8px 18px rgba(30,42,50,.12), inset 0 1px 0 rgba(255,255,255,.95) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
}

.page-7 .badge svg {
  display: block !important;
  width: 38px !important;
  height: 38px !important;
  stroke: #c53531 !important;
  stroke-width: 2.1 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.page-7 .badge p {
  display: block !important;
  margin: 0 !important;
  color: #514c4a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .02em !important;
}

@media (max-width: 1122px) and (min-width: 901px) {
  .page-7 .advisor-panel {
    top: 6.4% !important;
    right: 5.4% !important;
    width: 59.5% !important;
    padding: 5vw 5.16vw 0 !important;
  }

  .page-7 .kicker {font-size: 1.96vw !important;margin-bottom: 2.14vw !important;}
  .page-7 .kicker::before,
  .page-7 .kicker::after {width: 8.2vw !important;}
  .page-7 .main-title {font-size: 4.63vw !important;margin-bottom: 3.03vw !important;}
  .page-7 .description {font-size: 1.87vw !important;margin-bottom: 3.12vw !important;}
  .page-7 .name {font-size: 3.38vw !important;}
  .page-7 .role {font-size: 1.78vw !important;}
  .page-7 .meta {font-size: 1.52vw !important;}
  .page-7 .signature {font-size: 5.88vw !important;}
  .page-7 .badges {gap: 5.16vw !important;margin-top: 3.74vw !important;}
  .page-7 .badge {width: 9.98vw !important;height: 9.98vw !important;flex-basis: 9.98vw !important;}
  .page-7 .badge svg {width: 3.39vw !important;height: 3.39vw !important;}
  .page-7 .badge p {font-size: 1.43vw !important;}
}

@media (max-width: 900px) {
  .page-7 .populab-advisor {
    width: 100% !important;
    aspect-ratio: auto !important;
    min-height: auto !important;
    background-image: url("../image/sation6_bg.jpg") !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .page-7 .advisor-canvas {
    height: auto !important;
    aspect-ratio: auto !important;
    min-height: auto !important;
    padding: 0 !important;
  }

  .page-7 .advisor-panel {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: calc(100% - 28px) !important;
    margin: 24px auto 34px !important;
    padding: 36px 22px 30px !important;
    background: rgba(255,255,255,.86) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 22px !important;
    box-shadow: 0 18px 38px rgba(38,50,58,.12) !important;
  }

  .page-7 .kicker {font-size: clamp(15px, 4.2vw, 21px) !important;gap: 12px !important;margin-bottom: 20px !important;}
  .page-7 .kicker::before,
  .page-7 .kicker::after {width: 42px !important;}
  .page-7 .main-title {font-size: clamp(30px, 8.2vw, 48px) !important;line-height: 1.36 !important;margin-bottom: 24px !important;}
  .page-7 .description {font-size: clamp(15px, 4vw, 19px) !important;line-height: 1.75 !important;margin-bottom: 30px !important;}
  .page-7 .profile {text-align: center !important;margin-bottom: 28px !important;}
  .page-7 .name-row {justify-content: center !important;gap: 12px !important;}
  .page-7 .name {font-size: clamp(30px, 7vw, 38px) !important;}
  .page-7 .role {font-size: clamp(16px, 4vw, 20px) !important;}
  .page-7 .meta {font-size: clamp(14px, 3.8vw, 17px) !important;}
  .page-7 .signature {font-size: clamp(52px, 13vw, 72px) !important;text-align: center !important;transform-origin: center !important;}
  .page-7 .badges {gap: clamp(10px, 3.4vw, 22px) !important;margin-top: 28px !important;}
  .page-7 .badge {width: clamp(84px, 24vw, 104px) !important;height: clamp(84px, 24vw, 104px) !important;flex-basis: clamp(84px, 24vw, 104px) !important;}
  .page-7 .badge svg {width: clamp(30px, 8vw, 38px) !important;height: clamp(30px, 8vw, 38px) !important;}
  .page-7 .badge p {font-size: clamp(13px, 3.55vw, 16px) !important;}
}
/* ================================
   Page 5｜sation5.png 浮在最頂層
================================ */

@media (min-width: 901px) {

  /* 讓整個比較表允許圖片超出格子 */
  .page-5 .desktop-compare {
    position: relative;
    overflow: visible !important;
  }

  /* 原本 .cell 有 overflow:hidden，會裁切商品圖，這裡取消 */
  .page-5 .desktop-compare .cell,
  .page-5 .desktop-compare .header-populab {
    overflow: visible !important;
  }

  /* 中間紅色標題格提高層級 */
  .page-5 .header-populab {
    position: relative;
    z-index: 50 !important;
  }

  /* 文字保留在商品圖下方 */
  .page-5 .header-populab .brand {
    position: relative;
    z-index: 60 !important;
  }

  /* 商品圖浮在最上層 */
  .page-5 .sation5-pack {
    display: block !important;
    position: absolute !important;
    z-index: 999 !important;

    right: 28px;
    top: -50px;

    width: 170px;
    max-width: none !important;
    height: auto !important;

    pointer-events: none;
    transform: translateZ(0);
    filter: drop-shadow(0 18px 20px rgba(0, 0, 0, 0.22));
  }

  /* 避免紅色欄位的 ::after 蓋到商品圖 */
  .page-5 .header-populab::after {
    z-index: 1 !important;
    pointer-events: none;
  }
}/* ================================
   Page 5｜手機版 sation5.png 最上層
================================ */

@media (max-width: 900px) {

  .page-5 .mobile-plan.pop {
    position: relative;
    overflow: visible !important;
    z-index: 20;
  }

  .page-5 .sation5-mobile {
    display: block !important;
    position: relative;
    z-index: 999 !important;

    width: min(44%, 155px);
    height: auto !important;
    margin: 0 auto 10px;

    pointer-events: none;
    filter: drop-shadow(0 14px 16px rgba(0, 0, 0, 0.2));
  }
}
/* Page 5｜sation5.png 往下移動 20px */

@media (min-width: 901px) {
  .page-5 .sation5-pack {
    top: -0px !important;
  }
}
/* ================================
   Page 2｜三張生活干擾卡片內容置中
================================ */

.page-2 .habit-card__body {
  align-items: center !important;
  text-align: center !important;
}

/* 上方紅色短線置中 */
.page-2 .short-red-line {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* icon 圓形置中 */
.page-2 .icon-badge {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 標題置中 */
.page-2 .habit-card h2 {
  width: 100%;
  text-align: center !important;
}

/* 內文置中 */
.page-2 .habit-card p {
  width: 100%;
  text-align: center !important;
}

/* 虛線置中 */
.page-2 .dash {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 百分比數字置中 */
.page-2 .metric {
  width: 100%;
  text-align: center !important;
}

/* 下方說明文字置中 */
.page-2 .caption {
  width: 100%;
  text-align: center !important;
}
/* 讓卡片內容上下視覺更平均 */
.page-2 .habit-card__body {
  justify-content: center !important;
}
/* ================================
   Page 5｜比較表底部圓角修正
================================ */

/* 左側分類欄最外側可以保留圓角 */
.page-5 .desktop-compare .label-r4 {
  border-radius: 0 0 0 24px !important;
}

/* 一般代謝配方欄位不應有圓角，避免中間接縫變彎 */
.page-5 .desktop-compare .gen-r4 {
  border-radius: 0 !important;
}

/* 右側最外側可以保留圓角 */
.page-5 .desktop-compare .sin-r4 {
  border-radius: 0 0 24px 0 !important;
}