/* ═══════════════════════════════════════
   分頁深色主題（評估表 / 成功頁 / FAQ）
   疊在原本 forms.css 與頁內樣式之上，只改配色，不動版面與表單邏輯
═══════════════════════════════════════ */
:root{
  --gold:#e5e5ea; --gold-lt:#f5f5f7; --gold-border:rgba(255,255,255,.22);
  --bg:#000; --surf:#161617; --ink:#f5f5f7; --dim:rgba(245,245,247,.66); --muted:rgba(245,245,247,.46);
  --line:rgba(255,255,255,.1); --dark:#000; --dark-soft:#121317;
  color-scheme:dark;
}
html,html body{background:#000!important;color:#f5f5f7!important}
html body h1,html body h2,html body h3,html body h4,html body legend,html body label{color:#f5f5f7}
html body p{color:inherit}

/* 頂部導覽 */
html body .nav{background:rgba(0,0,0,.92)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:none!important}
html body .nav a,html body .nav-brand{color:#f5f5f7!important}
html body .nav-brand-sub{color:rgba(245,245,247,.5)!important}
html.in-sheet body .nav,html.in-sheet body #cursor-dot,html.in-sheet body #cursor-ring{display:none!important}

/* hero */
html body .hero,html body .page-hero{background:#000!important;color:#f5f5f7!important}
html body .hero h1,html body .hero h2,html body .page-hero h1{color:#f5f5f7!important}
html body .hero h1 span,html body .hero .eyebrow,html body .page-hero .eyebrow,html body .section-kicker,html body .legend-kicker{color:rgba(245,245,247,.6)!important}
html body .hero-desc,html body .hero-panel p,html body .hero-panel li,html body .page-hero p{color:rgba(245,245,247,.66)!important;text-shadow:none!important}
html body .hero-actions .btn:not(.btn-fill){color:#f5f5f7!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.18)!important}

/* 區塊與卡片 */
html body .section,html body .section.dark{background:transparent!important;color:#f5f5f7!important}
html body .section.alt{background:#0a0a0b!important}
html body .hero-panel,html body .brief-form,html body .progress-card,html body .feature-card,html body .plan-card,
html body .form-head,html body .form-submit,html body .success-card{
  background:rgba(20,21,25,.94)!important;border-color:rgba(255,255,255,.1)!important;color:#f5f5f7!important;
  box-shadow:0 24px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)!important}
html body .feature-card small,html body .plan-index{background:rgba(255,255,255,.05)!important;color:#9cbbe0!important;border-color:rgba(156,187,224,.3)!important;box-shadow:none!important}
html body .feature-card p,html body .plan-card p,html body .field-note,html body .form-submit p{color:rgba(245,245,247,.62)!important}
html body .progress-card a{color:rgba(245,245,247,.7)!important;border-color:rgba(255,255,255,.08)!important}
html body .progress-card a:hover,html body .progress-card a.active{color:#fff!important}

/* 表單欄位 */
html body input,html body select,html body textarea{background:#1d1d1f!important;color:#f5f5f7!important;border-color:rgba(255,255,255,.15)!important;box-shadow:none!important}
html body input::placeholder,html body textarea::placeholder{color:rgba(245,245,247,.35)!important}
html body input:focus,html body select:focus,html body textarea:focus{border-color:#9cbbe0!important;box-shadow:0 0 0 3px rgba(156,187,224,.18)!important}
html body select option{background:#161617;color:#f5f5f7}
html body .choices label{background:#1d1d1f!important;border-color:rgba(255,255,255,.12)!important;color:rgba(245,245,247,.74)!important;box-shadow:none!important}
html body .choices label:has(input:checked){border-color:#9cbbe0!important;background:rgba(46,86,127,.38)!important;color:#fff!important}
html body .choices input,html body input[type=checkbox],html body input[type=radio]{accent-color:#6c9fd8}
html body .req{color:#ff6b61!important}
html body .btn-fill,html body .submit-btn{background:#f6f3eb!important;color:#1d1d1f!important;box-shadow:none!important;border:0!important}

/* FAQ */
html body .cat-nav,html body .cat-nav-wrap,html body .faq-tabs{background:rgba(0,0,0,.94)!important;border-color:rgba(255,255,255,.08)!important}
html body .cat-nav-btn{color:rgba(245,245,247,.6)!important;background:transparent!important}
html body .cat-nav-btn.active{color:#fff!important;border-color:#9cbbe0!important}
html body .acc-item,html body .faq-item{background:rgba(20,21,25,.94)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:none!important}
html body .acc-item *,html body .faq-item *{color:inherit}
html body .acc-btn,html body .acc-q,html body .faq-q{color:#f5f5f7!important;background:transparent!important}
html body .acc-body,html body .acc-a,html body .faq-a{color:rgba(245,245,247,.7)!important}

/* footer */
html body footer{background:#000!important;color:rgba(245,245,247,.56)!important;border-color:rgba(255,255,255,.08)!important}
html body footer .footer-brand{color:#f5f5f7!important}
html body a.footer-email{color:rgba(245,245,247,.7)!important}

/* 原本的淺色遮罩與區塊底色 */
html body .hero::after{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.2) 100%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.9))!important}
html body .hero::before{opacity:.6}
html body .faq-section{background:#000!important}
html body .faq-section:nth-of-type(even){background:#0a0a0b!important}
html body .faq-cat-title{color:#f5f5f7!important}

/* 不用金色：標題強調字改純白、小標改中性灰 */
html body .hero h1 span{color:#f5f5f7!important}
html body .gifts p,html body [class*="gold"]{border-color:rgba(255,255,255,.18)!important}

html body ::selection{background:rgba(120,150,190,.45);color:#fff}
html body input,html body textarea{caret-color:#f5f5f7}

/* 標題一律亮色（原樣式把卡片標題寫死成深咖啡色） */
html body :is(h1,h2,h3,h4,legend){color:#f5f5f7!important}
html body .feature-card h3,html body .plan-card h3{color:#f5f5f7!important}
/* 在首頁分頁面板裡沒有頂部導覽列，分類列要貼齊最上方 */
html.in-sheet body .cat-nav,html.in-sheet.is-embedded body .cat-nav{top:0!important}
html body #back-top{color:#f5f5f7!important;background:#1c1c1f!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}

/* 配色 v2：純黑底、實心深灰卡片、不加光暈與描邊 */
html body{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Inter","Noto Sans TC",sans-serif!important}
html body .hero-panel,html body .brief-form,html body .progress-card,html body .feature-card,html body .plan-card,
html body .form-head,html body .form-submit,html body .success-card,html body .acc-item,html body .faq-item{background:#161617!important;border-color:transparent!important;box-shadow:none!important}
html body .feature-card small,html body .plan-index{background:#2c2c2e!important;color:#f5f5f7!important;border:0!important}
html body input,html body select,html body textarea{border-color:#3a3a3c!important}
html body .choices label{border-color:#2c2c2e!important}
html body .choices label:has(input:checked){background:#2e567f!important;border-color:#2e567f!important}
html body .cat-nav-btn.active{background:#f5f5f7!important;color:#1d1d1f!important;border-color:transparent!important}
html body .btn-fill:hover,html body .submit-btn:hover{background:#fffdf7!important}
html body ::selection{background:rgba(46,86,127,.85);color:#fff}
/* 全部改用系統無襯線字（Mac / iPhone 上是蘋果原生字體），小標收斂字距 */
html body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,label,li,div,small,strong,b,em,legend,input,select,textarea,summary,dt,dd){font-family:inherit!important}
html body :is(.eyebrow,.section-kicker,.legend-kicker,[class*="kicker"],[class*="eyebrow"]){letter-spacing:.08em!important;font-weight:600}
html body :is(h1,h2){letter-spacing:-.01em!important;font-weight:600!important}
html body *,html body *::before,html body *::after{font-family:inherit!important}
html body :is(p,li,dd){text-wrap:pretty}