/* =========================================================
   聯準科技官網｜內頁換膚（比照首頁：深色底・聯準綠）
   body.nx-skin + 群組類別：
     .nx-tw     以 Tailwind 類別排版的內頁（服務總覽、政府採購、消息、資安資訊、政策、影音）
     .nx-detail 服務詳情頁（css/detail.css 已改為深色版，此處只補少量）
     .nx-tool   線上工具頁：工具操作區維持淺色紙張風格，周邊與頁首尾採深色
   ========================================================= */
body.nx-skin:not(.nx-tool){background:var(--nx-bg);color:var(--nx-text)}
.nx-tw,.nx-detail{color-scheme:dark}
body.nx-tw{font-family:var(--nx-sans)}

/* ---------- Tailwind 內頁：底色 ---------- */
.nx-tw .bg-white{background-color:var(--nx-surface)}
.nx-tw .bg-slate-50{background-color:#0D170E}
.nx-tw .bg-slate-100{background-color:var(--nx-surface-2)}
.nx-tw .hover\:bg-slate-50:hover,.nx-tw .hover\:bg-slate-100:hover{background-color:var(--nx-surface-2)}
.nx-tw .bg-primary-dark{background-color:var(--nx-bg)}
.nx-tw .bg-blue-50{background-color:rgba(155,203,59,.12)}
.nx-tw .bg-blue-500,.nx-tw .bg-blue-400{background-color:var(--nx-brand-btn);color:var(--nx-on-brand)}
.nx-tw .hover\:bg-blue-600:hover{background-color:var(--nx-brand-light);color:var(--nx-on-brand)}
.nx-tw .bg-red-50,.nx-tw .bg-red-100{background-color:rgba(248,113,113,.14)}
.nx-tw .bg-amber-50,.nx-tw .bg-amber-100,.nx-tw .bg-yellow-100{background-color:rgba(242,181,68,.14)}
.nx-tw .bg-emerald-50,.nx-tw .bg-green-100{background-color:rgba(155,203,59,.14)}
.nx-tw .hover\:bg-red-50\/50:hover{background-color:rgba(248,113,113,.07)}
.nx-tw .hover\:bg-amber-50\/50:hover{background-color:rgba(242,181,68,.07)}
.nx-tw .bg-red-500{background-color:#EF6B6B}
.nx-tw .bg-amber-500{background-color:var(--nx-warn)}

/* 頁面主視覺（原綠色漸層）→ 首頁同款格線底 */
.nx-tw .bg-gradient-to-br.from-primary-dark{background-color:var(--nx-bg);background-image:linear-gradient(var(--nx-grid) 1px,transparent 1px),linear-gradient(90deg,var(--nx-grid) 1px,transparent 1px);background-size:48px 48px;border-bottom:1px solid var(--nx-line)}
.nx-tw .bg-gradient-to-br.from-primary-dark h1{font-weight:900;color:var(--nx-text-strong)}
.nx-tw .bg-gradient-to-br.from-primary-dark nav,.nx-tw .bg-gradient-to-br.from-primary-dark nav a{font-family:var(--nx-mono);color:var(--nx-muted)}
.nx-tw .bg-gradient-to-br.from-primary-dark nav a:hover{color:var(--nx-brand)}
.nx-tw .bg-gradient-to-br.from-primary-dark nav .text-slate-300{color:var(--nx-brand)}

/* ---------- Tailwind 內頁：文字 ---------- */
.nx-tw .text-slate-900,.nx-tw .text-slate-800,.nx-tw .text-primary-dark{color:var(--nx-text-strong)}
.nx-tw .text-slate-700{color:var(--nx-text)}
.nx-tw .text-slate-600{color:var(--nx-text-2)}
.nx-tw .text-slate-500{color:var(--nx-muted)}
.nx-tw .text-slate-400{color:#8A9A82}
.nx-tw .text-slate-300{color:var(--nx-text-2)}
.nx-tw .hover\:text-slate-700:hover{color:var(--nx-text-strong)}
.nx-tw .text-blue-300,.nx-tw .text-blue-400,.nx-tw .text-blue-500,.nx-tw .text-blue-600,.nx-tw .text-blue-700,.nx-tw .text-blue-800{color:var(--nx-brand)}
.nx-tw .hover\:text-blue-500:hover,.nx-tw .hover\:text-blue-600:hover{color:var(--nx-brand-light)}
.nx-tw .text-red-600,.nx-tw .text-red-700{color:#F59A9A}
.nx-tw .text-amber-600,.nx-tw .text-amber-700,.nx-tw .text-yellow-700{color:var(--nx-warn)}
.nx-tw .text-emerald-600,.nx-tw .text-green-700{color:var(--nx-brand)}
.nx-tw strong,.nx-tw b{color:inherit}

/* ---------- Tailwind 內頁：框線、陰影 ---------- */
:where(.nx-tw) *,:where(.nx-tw) ::before,:where(.nx-tw) ::after{border-color:var(--nx-line)}
.nx-tw .border-slate-100,.nx-tw .border-slate-200,.nx-tw .border-slate-300{border-color:var(--nx-line)}
.nx-tw .divide-slate-100>:not([hidden])~:not([hidden]),.nx-tw .divide-slate-200>:not([hidden])~:not([hidden]){border-color:var(--nx-line)}
.nx-tw .border-blue-200{border-color:#3A5A1E}
.nx-tw .hover\:border-blue-300:hover{border-color:var(--nx-brand)}
.nx-tw .shadow-sm,.nx-tw .shadow,.nx-tw .shadow-md,.nx-tw .shadow-lg,.nx-tw .hover\:shadow-lg:hover,.nx-tw .hover\:shadow-md:hover{--tw-shadow:0 12px 32px -16px rgba(0,0,0,.7);--tw-shadow-colored:0 12px 32px -16px var(--tw-shadow-color)}

/* 表單元件、表格 */
.nx-tw input,.nx-tw select,.nx-tw textarea{background-color:var(--nx-bg);color:var(--nx-text);border-color:var(--nx-line-2)}
.nx-tw input::placeholder,.nx-tw textarea::placeholder{color:#7F8F78}
.nx-tw table{color:var(--nx-text-2)}
.nx-tw a.underline,.nx-tw .prose a{color:var(--nx-brand)}

/* ---------- 服務頁快速切換列（nav.css） ---------- */
.nx-skin .svc-switch-bar{top:var(--nx-hh);background:rgba(10,18,11,.92);border-bottom-color:var(--nx-line);font-family:var(--nx-sans)}
.nx-skin .svc-pill{color:var(--nx-text-2);background:var(--nx-surface);border-color:var(--nx-line)}
.nx-skin .svc-pill:hover{color:var(--nx-text-strong);background:var(--nx-surface-2);border-color:var(--nx-line-2)}
.nx-skin .svc-pill-active,.nx-skin .svc-pill-active:hover{color:var(--nx-on-brand);background:var(--nx-brand-btn);border-color:var(--nx-brand-btn)}

/* ---------- 研習會活動卡（同首頁配色） ---------- */
.nx-skin #seminar-promo .sem-promo{background:var(--nx-surface-2);border:1px solid #3A5A1E;color:var(--nx-text);box-shadow:none}
.nx-skin #seminar-promo .sem-promo:hover{border-color:var(--nx-brand);box-shadow:none}
.nx-skin #seminar-promo .sem-promo .sp-sum{color:var(--nx-text-2)}
.nx-skin #seminar-promo .sem-promo .sp-meta{color:var(--nx-brand-light);font-family:var(--nx-mono)}
.nx-skin #seminar-promo .sem-promo .sp-go{background:var(--nx-brand-btn);color:var(--nx-on-brand);font-weight:700}