/* 霓虹範本（香江霓虹體）。只在使用這個範本的字體頁載入。 */
body:has(.nx){background:#0B1512}
.nx,body.theme-dark main.nx{--nx-bg:#0B1512;--nx-ink:#F3E9D8;--nx-quiet:#A9B3A9;--nx-line:#2F4239;--nx-soft:#122019;--accent:#E2452F;background:var(--nx-bg);color:var(--nx-ink)}
.nx .nx-face,.nx [data-nx-sample]{font-family:"M4ZI HK",var(--serif);font-weight:400}
.nx[data-face="channel"] .nx-face,.nx[data-face="channel"] [data-nx-sample]{font-family:"M4ZI HK channel","M4ZI HK",var(--serif)}
.nx .nx-solid{font-family:"M4ZI HK",var(--serif);font-weight:400}
.nx .nx-channel{font-family:"M4ZI HK channel","M4ZI HK",var(--serif);font-weight:400}
.nx .crumbs{margin:0 0 18px}
.nx .kicker{color:#F0A184}
.nx .h2,.nx .serif{color:var(--nx-ink)}
.nx .lead{color:var(--nx-quiet)}

/* ---------- 主視覺 ---------- */
.nx-hero{padding:120px 0 56px;border-bottom:1px solid var(--nx-line)}
.nx-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:start}
.nx-eyebrow{display:flex;align-items:center;gap:12px;font:12px/1.5 Georgia,serif;letter-spacing:.14em;color:#F0A184;margin:0}
.nx-eyebrow:before{content:"";width:24px;height:1px;background:currentColor}
.nx-title{font-family:"M4ZI HK",var(--serif);font-weight:400;font-size:clamp(84px,12vw,150px);line-height:1.02;letter-spacing:-.035em;margin:20px 0 18px;display:flex;flex-direction:column;color:var(--nx-ink)}
.nx-title .nx-red{color:#FF6A4F;padding-left:.47em;text-shadow:0 0 6px rgba(255,90,60,.6),0 0 22px rgba(226,69,47,.55)}
.nx-deck{font-size:15px;line-height:1.9;color:var(--nx-quiet);max-width:28em;margin:0 0 22px}
.nx-editor{max-width:460px;margin:0 0 22px}
.nx-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;margin-bottom:8px}
.nx-label span{font:11px "Courier New",monospace;color:var(--nx-quiet)}
.nx-input{display:block;width:100%;min-width:0;border:1px solid var(--nx-line);border-radius:0;background:var(--nx-soft);color:var(--nx-ink);padding:12px 14px;font-size:22px;line-height:1.4}
.nx-input:focus-visible{outline:2px solid #FF6A4F;outline-offset:2px}
.nx-input[aria-invalid="true"]{border-color:#FF6A4F}
.nx-options{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:10px 0 8px}
.nx-select{background:var(--nx-soft);color:var(--nx-ink);border:0;border-bottom:1px solid var(--nx-line);padding:9px 22px 9px 2px;font-size:13px;max-width:100%;min-height:40px}
.nx-tabs{display:inline-flex;border:1px solid var(--nx-line);padding:3px;gap:3px}
.nx-tabs button,.nx-glow{background:none;border:0;color:var(--nx-ink);font-size:12px;min-height:34px;padding:6px 12px}
.nx-tabs button[aria-pressed="true"]{background:var(--nx-ink);color:#0B1512}
.nx-glow{border-bottom:1px solid var(--nx-line);padding:6px 2px;min-height:40px}
.nx-glow[aria-pressed="true"]{border-color:#FF6A4F;color:#FFB4A0}
.nx-help{font-size:12px;color:var(--nx-quiet);line-height:1.7;margin:0}
.nx-error{font-size:13px;color:#FFB4A0;margin:6px 0 0;line-height:1.6;overflow-wrap:anywhere}
.nx-error:empty{display:none}

/* 照片招牌 */
.nx-photo{position:relative;margin:0;background:#0A120F;border:1px solid var(--nx-line);overflow:hidden;aspect-ratio:1122/1402}
.nx-scene{display:block;width:100%;height:auto;overflow:visible}
.nx-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 16px;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;background:linear-gradient(transparent,rgba(4,12,10,.88));color:#FFEBD5;pointer-events:none}
.nx-photo figcaption strong{font-size:clamp(16px,2vw,22px);letter-spacing:.1em;font-weight:400;overflow-wrap:anywhere}
.nx-photo figcaption span{font-size:11px;color:#E2D5BF;text-align:right}
.nx-frame{pointer-events:none}
.nx-spill{stroke:#FF241B;stroke-width:29;opacity:0;filter:url(#nx-f-spill)}  /* SVG 內一律用 SVG 原生濾鏡：Safari（WebKit）不會對 SVG 元素套用 CSS 的 drop-shadow()／blur() */
.nx-mount{stroke:#392920;stroke-width:7;opacity:.65}
.nx-tube{stroke:#957B62;stroke-width:3.4;opacity:.75}
.nx-core{stroke:#FFE1D4;stroke-width:1.15;opacity:0}
.nx[data-lit="true"] .nx-spill{opacity:.29}
.nx[data-lit="true"] .nx-tube{stroke:#FF5037;opacity:1;filter:url(#nx-f-tube)}
.nx[data-lit="true"] .nx-core{opacity:.94}
.nx-type{visibility:hidden;font-family:"M4ZI HK",var(--serif)}
.nx[data-face="channel"] .nx-type{font-family:"M4ZI HK channel","M4ZI HK",var(--serif)}
.nx[data-ready="true"] .nx-type{visibility:visible}
.nx-type text{font-family:inherit;font-weight:400;font-kerning:none}
.nx-letter-depth{fill:#66351F;stroke:#A17651;stroke-width:3;paint-order:stroke;filter:url(#nx-f-depth)}
.nx-letter-light{fill:#C69A6B;stroke:#E3BD90;stroke-width:1.6;paint-order:stroke}
.nx[data-lit="true"] .nx-letter-light{fill:#FF6047;stroke:#FFE1D4;filter:url(#nx-f-letter)}
.nx[data-lit="true"][data-face="channel"] .nx-letter-light{fill:#FFE1D4;stroke:#FF6047;stroke-width:.65}

/* ---------- 簡介 ---------- */
.nx-strip{border-bottom:1px solid var(--nx-line)}
.nx-strip-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr}
.nx-strip-grid>div{padding:26px 30px 26px 0}
.nx-strip-grid>div+div{border-left:1px solid var(--nx-line);padding-left:30px}
.nx-num{font-size:clamp(26px,3.4vw,38px);line-height:1.1;letter-spacing:-1px;margin:0 0 8px;font-family:Georgia,serif}
.nx-num em{font-size:14px;font-style:normal;letter-spacing:0;margin-left:8px;font-family:var(--sans)}
.nx-small{font-size:12px;color:var(--nx-quiet);line-height:1.7;margin:0}

/* ---------- 試排 ---------- */
.nx-try{padding-top:72px}
.nx-try-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:18px}
.nx-try-head h2{font-size:24px;margin:0}
.nx-try-head p{margin:0;font-size:13px;color:var(--nx-quiet)}
.nx-sample{font-size:clamp(46px,9vw,110px);line-height:1.35;letter-spacing:.04em;min-height:1.6em;overflow-wrap:anywhere;padding:12px 0;border-top:1px solid var(--nx-line);border-bottom:1px solid var(--nx-line);color:#FFD9C8}
.nx[data-lit="true"] .nx-sample{text-shadow:0 0 4px rgba(255,100,70,.6),0 0 18px rgba(226,69,47,.5)}
.nx-sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:0}
.nx-sample-pair>div{padding:18px 0 4px}
.nx-sample-pair>div+div{border-left:1px solid var(--nx-line);padding-left:24px}
.nx-sample-pair p{font-size:clamp(32px,5vw,60px);line-height:1.4;margin:6px 0 0;overflow-wrap:anywhere}
.nx-note{margin-top:14px}

/* ---------- 街角示意 ---------- */
.nx-street{padding-top:88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(24px,6vw,80px);align-items:center}
.nx-street-img{display:block;width:100%;height:auto;border:1px solid var(--nx-line)}

.nx-body{padding-bottom:20px}
.nx .spec-list,.nx .spec-list dt,.nx .spec-list dd,.nx .faq-list,.nx .faq-list summary,.nx .faq-list p{color:var(--nx-ink)}
.nx .spec-list>div,.nx .faq-list details{border-color:var(--nx-line)}
.nx .subscribe label,.nx .form-note,.nx .form-status{color:var(--nx-quiet)}

@media(max-width:860px){
  .nx-hero{padding-top:96px}
  .nx-grid{grid-template-columns:1fr}
  .nx-photo{max-width:520px;margin-inline:auto;width:100%}
  .nx-title{font-size:clamp(78px,24vw,112px);flex-direction:row;flex-wrap:wrap;column-gap:10px}
  .nx-title .nx-red{padding-left:0}
  .nx-strip-grid{grid-template-columns:1fr}
  .nx-strip-grid>div+div{border-left:0;border-top:1px solid var(--nx-line);padding-left:0}
  .nx-strip-grid>div{padding:20px 0}
  .nx-street{grid-template-columns:1fr}
  .nx-sample-pair{grid-template-columns:1fr}
  .nx-sample-pair>div+div{border-left:0;border-top:1px solid var(--nx-line);padding-left:0}
}
@media(prefers-reduced-motion:reduce){.nx *{transition:none!important}}

/* 購買卡片是淺色底：卡內標題與價錢不可跟頁面的淺色字 */
.nx .offer h3,.nx .offer .serif,.nx .offer .offer-price{color:#10201B}
.nx .offer .offer-price s{color:#4A5A54}
.nx .offer .offer-save,.nx .offer .offer-sold{color:#B8321F}