/* =====================================================================
   NHE 內容頁共用樣式（門市服務 / 學員分享 / 課程花絮 / 常見 Q&A）
   - 全部 scope 在 .nhe-cp，避免與 Astra / WooCommerce / 外掛撞名。
   - 頁首 / 頁尾由子佈景 site-chrome.php 提供，本檔不含 utilbar / nav / foot。
   - 不使用 !important；以 .nhe-cp + body.nhe-content-page 提高 specificity。
   ===================================================================== */

/* ---- Astra 全寬修正（同首頁，讓內容區滿版、.container 自己控制寬度）---- */
.nhe-content-page #content .ast-container{max-width:100%;padding-left:0;padding-right:0;display:block;}
.nhe-content-page #content,
.nhe-content-page .site-content,
.nhe-content-page #primary{padding:0;margin:0;}
.nhe-content-page #primary{max-width:100%;}

/* ============ 設計 TOKEN（掛在 .nhe-cp 上向下繼承）============ */
.nhe-cp{
  --bg:#F4F1EA;
  --surface:#FCFBF7;
  --surface-2:#FBF8F1;
  --ink:#1C1B19;
  --ink-soft:#57534B;
  --ink-mute:#8C8576;
  --accent:#7A3B2E;
  --accent-deep:#5A2A20;
  --accent-soft:#EFE3DC;
  --ink-night:#1A2730;
  --line:#E2DCCF;
  --line-soft:#ECE7DB;
  --rb-1:#E4572E; --rb-2:#F2B01E; --rb-3:#3AA655; --rb-4:#2D6CDF;
  --ok:#3AA655;

  --font-serif:"Noto Serif TC","Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-latin:"Fraunces",Georgia,serif;

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  --r-sm:8px; --r-md:12px; --r-card:16px; --r-lg:18px; --r-xl:26px; --r-pill:999px;

  --sh-1:0 1px 2px rgba(28,27,25,.04), 0 6px 18px rgba(28,27,25,.05);
  --sh-2:0 2px 6px rgba(28,27,25,.06), 0 16px 40px rgba(28,27,25,.08);
  --sh-3:0 8px 28px rgba(122,59,46,.24);
  --sh-sel:0 6px 22px rgba(122,59,46,.16);

  --maxw:1440px;

  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-sans);font-weight:400;line-height:1.7;letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.nhe-cp *{box-sizing:border-box;}
.nhe-cp img{max-width:100%;display:block;}
.nhe-cp a{color:var(--accent);text-decoration:none;}
.nhe-cp a:hover{color:var(--accent-deep);}
.nhe-cp h1,.nhe-cp h2,.nhe-cp h3,.nhe-cp h4{font-family:var(--font-serif);font-weight:600;line-height:1.25;letter-spacing:.01em;margin:0;}
.nhe-cp p{margin:0;}
.nhe-cp button{font-family:inherit;cursor:pointer;}
.nhe-cp :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;}

.nhe-cp .container{max-width:var(--maxw);margin:0 auto;padding:0 var(--s5);}

/* —— 拉丁文小標籤 —— */
.nhe-cp .eyebrow{
  font-family:var(--font-latin);font-size:14px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:var(--accent);
  display:inline-flex;align-items:center;gap:var(--s3);font-optical-sizing:auto;
}
.nhe-cp .eyebrow::before{content:"";width:24px;height:1px;background:var(--accent);opacity:.6;}
.nhe-cp .eyebrow.no-line::before{display:none;}

/* —— 彩虹簽名線 —— */
.nhe-cp .rainbow{
  height:4px;width:100%;border:0;margin:0;border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--rb-1) 0 25%,var(--rb-2) 25% 50%,var(--rb-3) 50% 75%,var(--rb-4) 75% 100%);
}
.nhe-cp .rainbow-short{width:64px;}

/* —— 圖片佔位（striped）—— */
.nhe-cp .ph{
  position:relative;overflow:hidden;background:var(--surface-2);
  background-image:repeating-linear-gradient(135deg,rgba(122,59,46,.05) 0 12px,rgba(122,59,46,0) 12px 24px);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
}
.nhe-cp .ph .ph-tag{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.04em;
  color:var(--ink-mute);background:var(--surface);padding:var(--s2) var(--s3);
  border-radius:var(--r-pill);border:1px solid var(--line);text-align:center;max-width:82%;
}

/* —— 按鈕 —— */
.nhe-cp .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);
  font-family:var(--font-sans);font-size:16px;font-weight:500;letter-spacing:.03em;
  padding:15px 28px;border-radius:var(--r-pill);border:1.5px solid transparent;
  transition:background .18s,color .18s,border-color .18s,transform .12s,box-shadow .18s;
}
.nhe-cp .btn:active{transform:translateY(1px);}
.nhe-cp .btn-primary{background:var(--accent);color:#fff;box-shadow:var(--sh-3);}
.nhe-cp .btn-primary:hover{background:var(--accent-deep);color:#fff;}
.nhe-cp .btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.nhe-cp .btn-ghost:hover{background:var(--ink);color:var(--bg);}
.nhe-cp .btn-light{background:var(--surface);color:var(--accent);border-color:var(--line);}
.nhe-cp .btn-light:hover{background:var(--accent-soft);color:var(--accent-deep);border-color:var(--accent-soft);}
.nhe-cp .btn-block{width:100%;}
.nhe-cp .btn svg{width:18px;height:18px;}
.nhe-cp .btn-line{background:#06C755;color:#fff;font-size:17px;font-weight:600;padding:17px 30px;box-shadow:0 8px 24px rgba(6,199,85,.28);}
.nhe-cp .btn-line:hover{filter:brightness(1.06);color:#fff;}
.nhe-cp .btn-line svg{width:21px;height:21px;}

/* —— 麵包屑 —— */
.nhe-cp .crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-mute);letter-spacing:.03em;}
.nhe-cp .crumbs a{color:var(--ink-soft);}
.nhe-cp .crumbs a:hover{color:var(--accent);}
.nhe-cp .crumbs .sep{opacity:.5;}
.nhe-cp .crumbs .here{color:var(--ink);}

/* ============ 共用頁面結構 ============ */
.nhe-cp .page{padding-top:var(--s5);padding-bottom:var(--s9);}
.nhe-cp .page > .crumbs{margin-bottom:var(--s6);}

/* —— 頁首 —— */
.nhe-cp .phead{max-width:760px;margin-bottom:var(--s8);}
.nhe-cp .phead h1{font-size:clamp(34px,5.4vw,54px);font-weight:600;letter-spacing:.01em;margin:var(--s5) 0 var(--s4);}
.nhe-cp .phead .lede{font-size:clamp(16px,1.8vw,18.5px);color:var(--ink-soft);max-width:54ch;}
.nhe-cp .phead .rb{width:64px;height:4px;border-radius:var(--r-pill);margin-top:var(--s5);
  background:linear-gradient(90deg,var(--rb-1),var(--rb-2) 38%,var(--rb-3) 70%,var(--rb-4));}

/* —— 區段標題 —— */
.nhe-cp .sec{margin-top:var(--s9);}
.nhe-cp .sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s7);}
.nhe-cp .sec-head .sh-l{max-width:640px;}
.nhe-cp .sec-head h2{font-size:clamp(26px,3.4vw,38px);font-weight:600;margin:var(--s3) 0 var(--s3);}
.nhe-cp .sec-head p{font-size:16px;color:var(--ink-soft);}
.nhe-cp .sec-head .sh-note{font-size:13.5px;color:var(--ink-mute);letter-spacing:.04em;white-space:nowrap;padding-bottom:6px;}

/* —— 結尾 CTA（學員分享 / 課程花絮共用）—— */
.nhe-cp .endcta{margin-top:var(--s9);}
.nhe-cp .endcta-inner{
  background:var(--accent);color:#fff;border-radius:var(--r-xl);padding:clamp(40px,6vw,72px) var(--s6);
  text-align:center;position:relative;overflow:hidden;box-shadow:var(--sh-3);
}
.nhe-cp .endcta-inner .rainbow{position:absolute;top:0;left:0;border-radius:0;}
.nhe-cp .endcta-inner .eyebrow{color:#f3d9d1;justify-content:center;}
.nhe-cp .endcta-inner .eyebrow::before{background:#f3d9d1;}
.nhe-cp .endcta-inner h2{font-size:clamp(28px,4.4vw,44px);color:#fff;margin:var(--s5) 0 var(--s4);font-weight:600;}
.nhe-cp .endcta-inner p{font-size:17px;color:#f2ddd6;max-width:46ch;margin:0 auto var(--s7);}
.nhe-cp .endcta-actions{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center;}
.nhe-cp .endcta-inner .btn-light{background:var(--surface);color:var(--accent);box-shadow:none;}
.nhe-cp .endcta-inner .btn-light:hover{background:#fff;color:var(--accent-deep);}
.nhe-cp .endcta-inner .btn-line{background:#06C755;color:#fff;}
.nhe-cp .endcta-inner .btn-line:hover{filter:brightness(1.08);color:#fff;}

/* =====================================================================
   門市服務
   ===================================================================== */
/* 客製化訓練：三卡 */
.nhe-cp .train-grid{display:grid;grid-template-columns:1fr;gap:var(--s6);}
.nhe-cp .train-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-1);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;
}
.nhe-cp .train-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.nhe-cp .train-cover{aspect-ratio:4/3;position:relative;}
.nhe-cp .train-cover .ph{width:100%;height:100%;border:0;border-bottom:1px solid var(--line);}
.nhe-cp .train-cover .ratio-pill{
  position:absolute;top:var(--s4);left:var(--s4);font-family:var(--font-latin);font-size:13px;font-weight:600;
  letter-spacing:.12em;color:#fff;background:rgba(28,27,25,.55);backdrop-filter:blur(4px);
  padding:6px 13px;border-radius:var(--r-pill);}
.nhe-cp .train-body{padding:var(--s5);display:flex;flex-direction:column;flex:1;}
.nhe-cp .train-body .t-en{font-family:var(--font-latin);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);}
.nhe-cp .train-body h3{font-size:22px;font-weight:600;margin:var(--s2) 0 var(--s3);}
.nhe-cp .train-body .t-desc{font-size:14.5px;color:var(--ink-soft);line-height:1.75;flex:1;}
.nhe-cp .train-note{font-size:13px;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);
  border-radius:var(--r-card);padding:12px 14px;margin-top:var(--s4);line-height:1.65;display:flex;gap:9px;}
.nhe-cp .train-note svg{width:17px;height:17px;color:var(--rb-2);flex:none;margin-top:2px;}
.nhe-cp .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);}
.nhe-cp .tag-chip{font-size:12.5px;color:var(--accent-deep);background:var(--accent-soft);padding:5px 12px;border-radius:var(--r-pill);letter-spacing:.03em;}

/* 運動按摩服務：六項圖文卡 */
.nhe-cp .massage{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-top:var(--s9);padding:var(--s9) 0;}
.nhe-cp .massage .container > .sec-head{margin-top:0;}
.nhe-cp .mas-grid{display:grid;grid-template-columns:1fr;gap:var(--s5);}
.nhe-cp .mas-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6);
  box-shadow:var(--sh-1);transition:transform .18s,box-shadow .18s,border-color .18s;
}
.nhe-cp .mas-card:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#d8cdbb;}
.nhe-cp .mas-card .m-ic{width:56px;height:56px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);
  display:grid;place-items:center;margin-bottom:var(--s4);}
.nhe-cp .mas-card .m-ic svg{width:30px;height:30px;}
.nhe-cp .mas-card .m-en{font-family:var(--font-latin);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.nhe-cp .mas-card h3{font-size:19px;font-weight:600;margin:4px 0 var(--s3);}
.nhe-cp .mas-card p{font-size:14px;color:var(--ink-soft);line-height:1.72;}

/* 門市資訊 + 預約 CTA */
.nhe-cp .store{margin-top:var(--s9);padding-bottom:var(--s9);}
.nhe-cp .store-grid{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:stretch;}
.nhe-cp .store-info{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-1);
  padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column;}
.nhe-cp .store-info .eyebrow{margin-bottom:var(--s4);}
.nhe-cp .store-info h2{font-size:clamp(26px,3.2vw,34px);font-weight:600;margin-bottom:var(--s2);}
.nhe-cp .store-info .si-zh{font-size:15px;color:var(--ink-soft);margin-bottom:var(--s6);}
.nhe-cp .info-list{display:flex;flex-direction:column;gap:var(--s2);}
.nhe-cp .info-row{display:flex;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);align-items:flex-start;}
.nhe-cp .info-row:last-of-type{border-bottom:0;}
.nhe-cp .info-row .ir-ic{width:42px;height:42px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:none;}
.nhe-cp .info-row .ir-ic svg{width:21px;height:21px;}
.nhe-cp .info-row .ir-k{font-family:var(--font-latin);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);}
.nhe-cp .info-row .ir-v{font-size:16px;font-weight:500;color:var(--ink);margin-top:3px;line-height:1.5;}
.nhe-cp .info-row .ir-v a{font-weight:600;}
.nhe-cp .store-cta{margin-top:var(--s6);padding-top:var(--s6);border-top:1px solid var(--line);}
.nhe-cp .store-cta p{font-size:14.5px;color:var(--ink-soft);margin-bottom:var(--s4);line-height:1.7;}
.nhe-cp .store-cta .alt{display:inline-flex;align-items:center;gap:8px;margin-left:var(--s4);font-size:14.5px;color:var(--ink-soft);}
.nhe-cp .store-cta .alt a{font-weight:600;}

/* 地圖 */
.nhe-cp .store-map{position:relative;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-1);min-height:340px;}
.nhe-cp .store-map .ph{position:absolute;inset:0;border:0;}
.nhe-cp .store-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.nhe-cp .store-map .map-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);color:var(--accent);filter:drop-shadow(0 6px 10px rgba(122,59,46,.3));pointer-events:none;}
.nhe-cp .store-map .map-pin svg{width:46px;height:46px;}
.nhe-cp .store-map .map-card{position:absolute;left:var(--s5);bottom:var(--s5);right:var(--s5);background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--s4) var(--s5);
  display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;}
.nhe-cp .store-map .mc-t{font-family:var(--font-serif);font-size:16px;font-weight:600;}
.nhe-cp .store-map .mc-s{font-size:13px;color:var(--ink-soft);margin-top:2px;}
.nhe-cp .store-map .mc-link{font-size:13.5px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;}
.nhe-cp .store-map .mc-link svg{width:14px;height:14px;}

/* =====================================================================
   學員分享
   ===================================================================== */
.nhe-cp .reels{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5);}
.nhe-cp .reel{
  position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-1);background:var(--ink-night);aspect-ratio:9/16;cursor:pointer;
  transition:transform .2s,box-shadow .2s;display:block;
}
.nhe-cp .reel:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.nhe-cp .reel .r-bg{position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 20% 10%, rgba(242,176,30,.22), transparent 50%),
    radial-gradient(120% 90% at 90% 100%, rgba(45,108,223,.24), transparent 52%),
    linear-gradient(160deg, #243240 0%, #1A2730 70%);}
.nhe-cp .reel .r-bg::after{content:"";position:absolute;inset:0;
  background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 13px,rgba(255,255,255,0) 13px 28px);}
.nhe-cp .reel .r-tag{position:absolute;top:var(--s4);left:var(--s4);font-family:ui-monospace,Menlo,monospace;
  font-size:11px;letter-spacing:.04em;color:#cfd4de;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.18);
  padding:5px 10px;border-radius:var(--r-pill);}
.nhe-cp .reel .r-dur{position:absolute;top:var(--s4);right:var(--s4);font-family:var(--font-latin);font-size:13px;font-weight:600;
  color:#fff;background:rgba(0,0,0,.4);padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.04em;}
.nhe-cp .reel .r-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);
  width:66px;height:66px;border-radius:var(--r-pill);background:rgba(252,251,247,.92);color:var(--accent);
  display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.3);transition:transform .18s,background .18s;}
.nhe-cp .reel:hover .r-play{transform:translate(-50%,-50%) scale(1.07);background:#fff;}
.nhe-cp .reel .r-play svg{width:26px;height:26px;margin-left:3px;}
.nhe-cp .reel .r-foot{position:absolute;left:0;right:0;bottom:0;padding:var(--s5) var(--s4) var(--s4);
  background:linear-gradient(transparent,rgba(16,22,28,.86) 42%);}
.nhe-cp .reel .r-cat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.04em;
  color:#1C1B19;background:var(--rb-2);padding:3px 10px;border-radius:var(--r-pill);margin-bottom:9px;}
.nhe-cp .reel .r-title{font-family:var(--font-serif);font-size:17px;font-weight:600;color:#fff;line-height:1.4;}
.nhe-cp .reel .r-by{font-size:12.5px;color:#cdd3dd;margin-top:5px;}

/* 文字見證網格 */
.nhe-cp .tgrid{display:grid;grid-template-columns:1fr;gap:var(--s5);}
.nhe-cp .tcard{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);
  padding:var(--s6);display:flex;flex-direction:column;position:relative;transition:transform .18s,box-shadow .18s;
}
.nhe-cp .tcard:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.nhe-cp .tcard .quote-mark{font-family:var(--font-latin);font-size:54px;line-height:.7;color:var(--accent-soft);
  font-weight:700;height:30px;margin-bottom:var(--s2);user-select:none;}
.nhe-cp .tcard .stars{color:var(--rb-2);font-size:15px;letter-spacing:3px;margin-bottom:var(--s3);}
.nhe-cp .tcard blockquote{font-family:var(--font-serif);font-size:17px;line-height:1.65;color:var(--ink);margin:0 0 var(--s5);flex:1;}
.nhe-cp .tcard .who{display:flex;align-items:center;gap:var(--s3);padding-top:var(--s4);border-top:1px solid var(--line);}
.nhe-cp .tcard .av{width:46px;height:46px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);
  display:grid;place-items:center;font-family:var(--font-serif);font-weight:600;font-size:18px;flex:none;}
.nhe-cp .tcard .who-name{font-size:15px;font-weight:600;}
.nhe-cp .tcard .who-course{font-size:12.5px;color:var(--ink-mute);margin-top:2px;}

/* 影片 lightbox */
.nhe-cp-vbox{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  background:rgba(16,18,16,.82);backdrop-filter:blur(4px);padding:24px;}
.nhe-cp-vbox.open{display:flex;}
.nhe-cp-vbox .vbox-inner{position:relative;width:min(380px,86vw);aspect-ratio:9/16;border-radius:18px;overflow:hidden;
  background:#1A2730;box-shadow:0 24px 70px rgba(0,0,0,.5);}
.nhe-cp-vbox .r-bg{position:absolute;inset:0;
  background:radial-gradient(120% 80% at 20% 10%, rgba(242,176,30,.22), transparent 50%),
    radial-gradient(120% 90% at 90% 100%, rgba(45,108,223,.24), transparent 52%),
    linear-gradient(160deg,#243240,#1A2730 70%);}
.nhe-cp-vbox .vb-note{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;color:#cfd4de;text-align:center;padding:32px;}
.nhe-cp-vbox .vb-note .pl{width:74px;height:74px;border-radius:999px;background:rgba(252,251,247,.94);color:#7A3B2E;display:grid;place-items:center;}
.nhe-cp-vbox .vb-note .pl svg{width:30px;height:30px;margin-left:4px;}
.nhe-cp-vbox .vb-note .vb-t{font-family:var(--font-serif);font-size:19px;color:#fff;font-weight:600;}
.nhe-cp-vbox .vb-note .vb-s{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#aeb5c6;}
.nhe-cp-vbox .vbox-close{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));right:24px;
  width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.3);
  color:#fff;display:grid;place-items:center;cursor:pointer;}
.nhe-cp-vbox .vbox-close svg{width:22px;height:22px;}

/* =====================================================================
   課程花絮
   ===================================================================== */
.nhe-cp .filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:var(--s7);
  padding-bottom:var(--s6);border-bottom:1px solid var(--line);}
.nhe-cp .filters .f-label{font-family:var(--font-latin);font-size:12.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-mute);margin-right:var(--s2);}
.nhe-cp .chip{appearance:none;font:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;
  color:var(--ink-soft);background:var(--surface);border:1.4px solid var(--line);
  padding:9px 18px;border-radius:var(--r-pill);cursor:pointer;transition:all .16s;}
.nhe-cp .chip:hover{border-color:#cbb9a8;color:var(--ink);}
.nhe-cp .chip[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--sh-sel);}
.nhe-cp .chip .n{font-family:var(--font-latin);font-size:12px;opacity:.7;margin-left:5px;}

.nhe-cp .gallery{display:grid;grid-template-columns:1fr;gap:var(--s4);}
.nhe-cp .gitem{
  position:relative;display:block;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-1);cursor:pointer;background:var(--surface-2);
  transition:transform .2s,box-shadow .2s,opacity .25s;width:100%;text-align:left;appearance:none;font:inherit;color:inherit;padding:0;
}
.nhe-cp .gitem:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.nhe-cp .gitem .ph{width:100%;height:100%;border:0;position:absolute;inset:0;}
.nhe-cp .gitem .g-pad{aspect-ratio:4/3;}
.nhe-cp .gitem.tall .g-pad{aspect-ratio:3/4;}
.nhe-cp .gitem.wide .g-pad{aspect-ratio:3/2;}
.nhe-cp .gitem .g-cat{position:absolute;top:var(--s3);left:var(--s3);z-index:2;font-size:11.5px;font-weight:600;
  letter-spacing:.04em;color:#fff;background:rgba(28,27,25,.5);backdrop-filter:blur(4px);
  padding:4px 11px;border-radius:var(--r-pill);}
.nhe-cp .gitem .g-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:var(--s6) var(--s4) var(--s4);
  background:linear-gradient(transparent,rgba(28,27,25,.82) 55%);
  transform:translateY(8px);opacity:0;transition:transform .25s,opacity .25s;}
.nhe-cp .gitem:hover .g-over,.nhe-cp .gitem:focus-visible .g-over{transform:translateY(0);opacity:1;}
.nhe-cp .gitem .g-t{font-family:var(--font-serif);font-size:16px;font-weight:600;color:#fff;line-height:1.4;}
.nhe-cp .gitem .g-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:#e6dccf;}
.nhe-cp .gitem .g-meta svg{width:13px;height:13px;flex:none;}
.nhe-cp .gitem .g-meta .dot{width:3px;height:3px;border-radius:50%;background:#e6dccf;opacity:.6;}
.nhe-cp .gitem .g-zoom{position:absolute;top:var(--s3);right:var(--s3);z-index:2;width:34px;height:34px;border-radius:var(--r-pill);
  background:rgba(252,251,247,.92);color:var(--accent);display:grid;place-items:center;
  opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s;}
.nhe-cp .gitem:hover .g-zoom{opacity:1;transform:scale(1);}
.nhe-cp .gitem .g-zoom svg{width:18px;height:18px;}
.nhe-cp .gitem.hide{display:none;}
.nhe-cp .gallery-empty{display:none;text-align:center;color:var(--ink-soft);font-size:15px;padding:var(--s8) 0;}

/* 燈箱 */
.nhe-cp-lbox{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;
  background:rgba(16,16,14,.84);backdrop-filter:blur(5px);padding:24px;}
.nhe-cp-lbox.open{display:flex;}
.nhe-cp-lbox .lbox-inner{position:relative;width:min(900px,92vw);max-height:86vh;display:flex;flex-direction:column;
  background:#FCFBF7;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5);}
.nhe-cp-lbox .lbox-fig{position:relative;background:#FBF8F1;aspect-ratio:3/2;max-height:64vh;}
.nhe-cp-lbox .lbox-fig .ph{position:absolute;inset:0;border:0;
  background:#FBF8F1;background-image:repeating-linear-gradient(135deg,rgba(122,59,46,.05) 0 12px,rgba(122,59,46,0) 12px 24px);
  display:flex;align-items:center;justify-content:center;}
.nhe-cp-lbox .lbox-fig .ph-tag{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#8C8576;background:#FCFBF7;
  padding:8px 12px;border-radius:999px;border:1px solid #E2DCCF;}
.nhe-cp-lbox .lbox-cap{padding:24px 32px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.nhe-cp-lbox .lc-cat{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:.04em;
  color:#5A2A20;background:#EFE3DC;padding:4px 11px;border-radius:999px;margin-bottom:8px;}
.nhe-cp-lbox .lbox-cap h3{font-family:"Noto Serif TC",serif;font-size:20px;font-weight:600;}
.nhe-cp-lbox .lc-meta{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:13.5px;color:#57534B;}
.nhe-cp-lbox .lc-meta svg{width:15px;height:15px;color:#7A3B2E;}
.nhe-cp-lbox .lc-meta .dot{width:3px;height:3px;border-radius:50%;background:#8C8576;}
.nhe-cp-lbox .lc-count{font-family:"Fraunces",serif;font-size:14px;font-weight:600;color:#8C8576;white-space:nowrap;padding-top:4px;}
.nhe-cp-lbox .lbox-close{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);background:rgba(28,27,25,.42);color:#fff;display:grid;place-items:center;cursor:pointer;}
.nhe-cp-lbox .lbox-close svg{width:22px;height:22px;}
.nhe-cp-lbox .lbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:50px;height:50px;border-radius:999px;
  border:1px solid rgba(255,255,255,.28);background:rgba(28,27,25,.42);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .16s;}
.nhe-cp-lbox .lbox-nav:hover{background:rgba(28,27,25,.7);}
.nhe-cp-lbox .lbox-nav svg{width:24px;height:24px;}
.nhe-cp-lbox .lbox-prev{left:16px;}
.nhe-cp-lbox .lbox-next{right:16px;}

/* =====================================================================
   常見 Q&A
   ===================================================================== */
.nhe-cp .faq-layout{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:start;}
.nhe-cp .cat-nav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:var(--s2);}
.nhe-cp .cat-chip{appearance:none;font:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;
  color:var(--ink-soft);background:var(--surface);border:1.4px solid var(--line);
  padding:9px 18px;border-radius:var(--r-pill);cursor:pointer;transition:all .16s;display:inline-flex;align-items:center;gap:7px;}
.nhe-cp .cat-chip:hover{border-color:#cbb9a8;color:var(--ink);}
.nhe-cp .cat-chip[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--sh-sel);}
.nhe-cp .cat-chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;}

.nhe-cp .faq-cat{margin-top:var(--s7);scroll-margin-top:120px;}
.nhe-cp .faq-cat:first-of-type{margin-top:var(--s6);}
.nhe-cp .faq-cat-head{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4);}
.nhe-cp .faq-cat-head .cn{font-family:var(--font-latin);font-size:14px;font-weight:600;letter-spacing:.04em;color:#fff;
  background:var(--accent);width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;flex:none;}
.nhe-cp .faq-cat-head h2{font-size:23px;font-weight:600;}
.nhe-cp .faq-cat-head .cnt{font-size:13px;color:var(--ink-mute);margin-left:auto;letter-spacing:.04em;}

.nhe-cp .acc{display:flex;flex-direction:column;gap:var(--s3);}
.nhe-cp .acc-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;
  box-shadow:var(--sh-1);transition:border-color .18s,box-shadow .18s;}
.nhe-cp .acc-item.open{border-color:#d8cbb8;box-shadow:var(--sh-2);}
.nhe-cp .acc-q{display:flex;align-items:center;gap:var(--s4);width:100%;text-align:left;appearance:none;background:none;border:0;
  font:inherit;cursor:pointer;padding:var(--s5) var(--s5);color:var(--ink);}
.nhe-cp .acc-q .qn{font-family:var(--font-latin);font-size:15px;font-weight:600;color:var(--accent);flex:none;width:26px;}
.nhe-cp .acc-q .qt{flex:1;font-family:var(--font-serif);font-size:17.5px;font-weight:600;line-height:1.45;letter-spacing:.01em;}
.nhe-cp .acc-q .ic{flex:none;width:34px;height:34px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent);
  display:grid;place-items:center;transition:background .2s,color .2s,transform .25s;}
.nhe-cp .acc-q .ic svg{width:18px;height:18px;}
.nhe-cp .acc-item.open .acc-q .ic{background:var(--accent);color:#fff;transform:rotate(180deg);}
.nhe-cp .acc-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.nhe-cp .acc-a-inner{padding:0 var(--s5) var(--s5) calc(var(--s5) + 26px + var(--s4));
  font-size:15px;color:var(--ink-soft);line-height:1.8;}
.nhe-cp .acc-a-inner p{margin-bottom:var(--s3);}
.nhe-cp .acc-a-inner p:last-child{margin-bottom:0;}
.nhe-cp .acc-a-inner .hl{color:var(--accent-deep);font-weight:600;}
.nhe-cp .acc-a-inner ul{margin:var(--s2) 0 0;padding-left:1.2em;}
.nhe-cp .acc-a-inner li{margin-bottom:6px;}

.nhe-cp .help{margin-top:var(--s9);}
.nhe-cp .help-inner{background:var(--ink-night);color:#E8EAF0;border-radius:var(--r-xl);overflow:hidden;position:relative;
  padding:clamp(36px,5vw,64px) clamp(28px,4vw,64px);display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:center;}
.nhe-cp .help-inner .rainbow{position:absolute;top:0;left:0;border-radius:0;}
.nhe-cp .help-l .eyebrow{color:#E9B964;}
.nhe-cp .help-l .eyebrow::before{background:#E9B964;}
.nhe-cp .help-l h2{font-size:clamp(26px,3.4vw,38px);color:#fff;font-weight:600;margin:var(--s4) 0 var(--s3);}
.nhe-cp .help-l p{font-size:16px;color:#aeb5c6;max-width:46ch;line-height:1.75;}
.nhe-cp .help-r{display:flex;flex-direction:column;gap:var(--s3);}
.nhe-cp .help-r .btn-line{justify-content:center;box-shadow:0 8px 24px rgba(6,199,85,.3);}
.nhe-cp .help-r .btn-call{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);justify-content:center;font-size:16px;}
.nhe-cp .help-r .btn-call:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.6);}
.nhe-cp .help-r .hint{font-size:13px;color:#8c93a6;text-align:center;margin-top:4px;}

/* =====================================================================
   響應式
   ===================================================================== */
@media (min-width:640px){
  .nhe-cp .train-grid{grid-template-columns:repeat(3,1fr);}
  .nhe-cp .mas-grid{grid-template-columns:repeat(2,1fr);}
  .nhe-cp .gallery{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:760px){
  .nhe-cp .reels{grid-template-columns:repeat(4,1fr);}
  .nhe-cp .tgrid{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:900px){
  .nhe-cp .help-inner{grid-template-columns:1.5fr 1fr;gap:var(--s8);}
}
@media (min-width:980px){
  .nhe-cp .mas-grid{grid-template-columns:repeat(3,1fr);}
  .nhe-cp .store-grid{grid-template-columns:1.05fr .95fr;}
  .nhe-cp .gallery{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:1040px){
  .nhe-cp .tgrid{grid-template-columns:repeat(3,1fr);}
}