/* 標案課報名表與雷達清單頁：A 版深藍夜色（黑體，金色重點，扁平色塊，不用圓角與粗邊框） */
.apply-page .kv.ta {
  --lux-bg: #050b1c; --lux-panel: rgba(120, 150, 220, .07); --lux-panel2: rgba(120, 150, 220, .12);
  --lux-ivory: #efe7d4; --lux-mute: rgba(239, 231, 212, .66); --lux-faint: rgba(239, 231, 212, .42);
  --lux-gold: #e2bf6e; --lux-gold-soft: rgba(226, 191, 110, .14); --lux-line: rgba(239, 231, 212, .10);
  --lux-coral: #e8a091; --lux-green: #8fcfa9;
  --kv-text: var(--lux-ivory); --kv-gray600: var(--lux-mute); --kv-line: var(--lux-line); --kv-band: transparent;
  --ta-blue: var(--lux-gold); --ta-blue-dark: var(--lux-gold); --ta-soft: var(--lux-gold-soft); --ta-red: var(--lux-coral);
  font-family: "Noto Sans CJK TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  color: var(--lux-ivory);
  background: radial-gradient(ellipse 80% 420px at 50% 0, rgba(46, 84, 170, .40), rgba(46, 84, 170, 0) 75%), var(--lux-bg);
}
.apply-page .ta a { color: var(--lux-gold); }
.apply-page .ta .kv-band { background: none; }

/* 頁首 */
.apply-page .ta-back { color: var(--lux-mute) !important; letter-spacing: 1px; }
.apply-page .ta-back:hover { color: var(--lux-gold) !important; }
.apply-page .ta .ta-head h1, .apply-page .ta .trl-title { color: var(--lux-gold); font-weight: 300; letter-spacing: 3px;
  background: linear-gradient(176deg, #e6c677 0%, #fff4d2 16%, #fbe7b0 30%, #e9c879 46%, #d4aa5c 58%, #e9c97d 72%, #fff1c8 86%, #ddb76a 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.apply-page .ta-meta { color: var(--lux-mute); }
.apply-page .ta-thumb { border-radius: 0; box-shadow: 0 0 0 1px rgba(226, 191, 110, .35); }
.apply-page .ta .tr-hook { color: var(--lux-gold); font-weight: 500; letter-spacing: 3px; font-size: 15px; }

/* 卡片：扁平色塊 */
.apply-page .ta-card, .apply-page .ta-done, .apply-page .trl-item, .apply-page .tr-card { background: var(--lux-panel); border: 0; border-radius: 0; }
.apply-page .ta .ta-card h2, .apply-page .ta .ta-done h2, .apply-page .ta .tr-sec h2 { color: var(--lux-ivory); font-weight: 500; letter-spacing: 2px; }
.apply-page .ta-step { width: auto; height: auto; border-radius: 0; background: none; color: var(--lux-gold); font-size: 22px; font-weight: 300; }
.apply-page .ta .ta-lead, .apply-page .ta .tr-sec-lead, .apply-page .ta .tr-also { color: var(--lux-mute); }
.apply-page .ta .ta-done p { color: var(--lux-ivory); }

/* 方案 */
.apply-page .ta-plan-box { border: 0; border-radius: 0; background: var(--lux-panel); }
.apply-page .ta-plan-name, .apply-page .ta-plan-price { color: var(--lux-ivory); }
.apply-page .ta-plan-price { font-weight: 400; letter-spacing: .5px; }
.apply-page .ta-plan-note { color: var(--lux-mute); }
.apply-page .ta-plan:hover .ta-plan-box { background: var(--lux-panel2); }
.apply-page .ta-plan input:checked + .ta-plan-box { background: linear-gradient(180deg, rgba(40, 74, 150, .45), rgba(16, 34, 78, .45));
  box-shadow: 0 0 0 1px rgba(226, 191, 110, .6), 0 0 0 5px var(--lux-bg), 0 0 0 6px rgba(226, 191, 110, .22); }
.apply-page .ta-plan input:checked + .ta-plan-box .ta-plan-price { color: var(--lux-gold); }

/* 欄位 */
.apply-page .ta-field label, .apply-page .ta .ta-label { color: var(--lux-ivory); font-weight: 500; letter-spacing: 1px; }
.apply-page .ta-optional, .apply-page .ta .ta-hint { color: var(--lux-faint); }
.apply-page .ta input[type="text"], .apply-page .ta input[type="email"], .apply-page .ta input[type="tel"], .apply-page .ta input[type="url"],
.apply-page .ta input[type="search"], .apply-page .ta textarea, .apply-page .ta select, .apply-page .trl-search input, .apply-page .trl-sort select {
  border: 0; border-radius: 0; background: rgba(255, 255, 255, .07); color: var(--lux-ivory); box-shadow: inset 0 -1px 0 rgba(239, 231, 212, .18); }
.apply-page .ta input::placeholder, .apply-page .ta textarea::placeholder { color: var(--lux-faint); }
.apply-page .ta select option { color: #0b1430; background: #fff; }
.apply-page .ta input:focus, .apply-page .ta textarea:focus, .apply-page .ta select:focus { box-shadow: inset 0 -2px 0 var(--lux-gold); background: rgba(255, 255, 255, .10); }
.apply-page .ta-field.is-invalid input, .apply-page .ta-field.is-invalid textarea, .apply-page .ta-field.is-invalid select { box-shadow: inset 0 -2px 0 var(--lux-coral); }
.apply-page .ta-chip span { border-radius: 0; background: rgba(255, 255, 255, .07); color: var(--lux-ivory); }
.apply-page .ta-chip:hover span { background: rgba(255, 255, 255, .12); }
.apply-page .ta-chip input:checked + span { background: var(--lux-gold); color: #0b1430; font-weight: 600; }
.apply-page .ta-companion { border-top-color: var(--lux-line); }
.apply-page .ta-check, .apply-page .ta-radio { border: 0; border-radius: 0; background: var(--lux-panel); }
.apply-page .ta-check:hover, .apply-page .ta-radio:hover { background: var(--lux-panel2); }
.apply-page .ta-check:has(input:checked), .apply-page .ta-radio:has(input:checked) { background: var(--lux-gold-soft); box-shadow: inset 0 0 0 1px rgba(226, 191, 110, .55); }
.apply-page .ta-check-label { color: var(--lux-ivory); font-weight: 500; }
.apply-page .ta-check-hint { color: var(--lux-mute); }
.apply-page .ta-check input, .apply-page .ta-radio input, .apply-page .ta-agree input { accent-color: var(--lux-gold); }
.apply-page .ta-agree { color: var(--lux-ivory); }
.apply-page .ta-privacy { color: var(--lux-faint); }
.apply-page .ta-alert { border: 0; border-radius: 0; background: rgba(232, 160, 145, .12); color: var(--lux-coral); }
.apply-page .ta-alert.is-ok { background: rgba(143, 207, 169, .12); color: var(--lux-green); }

/* 主要按鈕：拉絲金屬 */
.apply-page .ta .kv-buy { border-radius: 0; color: #0b1430 !important; font-weight: 700; letter-spacing: 3px;
  background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .07) 0 1px, rgba(0, 0, 0, .03) 1px 2px, transparent 2px 4px),
    linear-gradient(180deg, #fbeab8 0%, #f3d68f 22%, #e2bb6a 48%, #d0a352 56%, #e3be72 78%, #f4dc9c 100%);
  box-shadow: inset 0 1px 0 rgba(255, 250, 230, .9), inset 0 -2px 0 rgba(110, 74, 20, .45); }
.apply-page .ta .kv-buy:hover { opacity: .92; }
.apply-page .ta .kv-tool { border: 0; border-radius: 0; background: var(--lux-panel2); color: var(--lux-ivory); }

/* 右側摘要 */
.apply-page .ta-summary { border: 0; border-radius: 0; background: linear-gradient(180deg, rgba(40, 74, 150, .32), rgba(16, 34, 78, .28));
  box-shadow: 0 0 0 1px rgba(226, 191, 110, .5), 0 0 0 6px var(--lux-bg), 0 0 0 7px rgba(226, 191, 110, .2); }
.apply-page .ta .ta-summary h2 { color: var(--lux-gold); letter-spacing: 3px; font-size: 14px; }
.apply-page .ta-sum-plan { color: var(--lux-ivory); }
.apply-page .ta-sum-price { color: var(--lux-gold); font-weight: 300; letter-spacing: 1px; }
.apply-page .ta-sum-each, .apply-page .ta-sum-note { color: var(--lux-mute); }
.apply-page .ta-flow { border-top-color: var(--lux-line); color: var(--lux-ivory); }
.apply-page .ta-flow li::before { border: 0; background: none; color: var(--lux-gold); font-size: 15px; font-weight: 500; }

/* 雷達領取頁 */
.apply-page .tr-today { border-radius: 0; background: var(--lux-gold-soft); color: var(--lux-gold); font-weight: 500; }
.apply-page .tr-feat { border-radius: 0; background: var(--lux-panel); }
.apply-page .ta .tr-feat h3 { color: var(--lux-gold); font-weight: 500; letter-spacing: 1px; }
.apply-page .ta .tr-feat p { color: var(--lux-mute); }
.apply-page .ta .tr-qa dt { color: var(--lux-ivory); font-weight: 500; }
.apply-page .ta .tr-qa dd { color: var(--lux-mute); }
.apply-page .tr-choice { border: 0; border-radius: 0; background: var(--lux-panel); color: var(--lux-ivory); }
.apply-page .tr-choice:hover { background: var(--lux-panel2); }
.apply-page .tr-choice-main { background: var(--lux-gold-soft); box-shadow: inset 0 0 0 1px rgba(226, 191, 110, .55); }
.apply-page .tr-choice-title { color: var(--lux-ivory); }
.apply-page .tr-choice-main .tr-choice-title { color: var(--lux-gold); }
.apply-page .tr-countdown { color: var(--lux-gold); }
.apply-page .tr-choice-note { color: var(--lux-mute); }

/* 完整清單與範例卡 */
.apply-page .trl-filters button { border: 0; border-radius: 0; background: rgba(255, 255, 255, .07); color: var(--lux-mute); }
.apply-page .trl-filters button[aria-pressed="true"] { background: var(--lux-gold); color: #0b1430; font-weight: 600; }
.apply-page .trl-sort, .apply-page .trl-count { color: var(--lux-mute); }
.apply-page .ta .trl-item-title { color: var(--lux-gold); font-weight: 500; }
.apply-page .trl-diff { border-radius: 0; font-weight: 600; }
.apply-page .trl-diff-low { background: rgba(143, 207, 169, .14); color: var(--lux-green); }
.apply-page .trl-diff-mid { background: rgba(226, 191, 110, .16); color: var(--lux-gold); }
.apply-page .trl-diff-high { background: rgba(232, 160, 145, .16); color: var(--lux-coral); }
.apply-page .trl-diff-none { background: rgba(255, 255, 255, .07); color: var(--lux-mute); }
.apply-page .ta .trl-item-meta, .apply-page .ta .trl-item-when, .apply-page .ta .trl-item-tags, .apply-page .ta .trl-item-line { color: var(--lux-mute); }
.apply-page .trl-item-meta strong, .apply-page .trl-item-when strong, .apply-page .trl-item-line b, .apply-page .ta .trl-item-eval { color: var(--lux-ivory); }
.apply-page .trl-item-meta .trl-soon, .apply-page .trl-item-when .trl-soon { color: var(--lux-coral); }
.apply-page .trl-prep { border-radius: 0; background: rgba(255, 255, 255, .08); color: var(--lux-ivory); }
.apply-page .trl-prep-short { background: rgba(232, 160, 145, .16); color: var(--lux-coral); }
.apply-page .trl-report { border-radius: 0; background: rgba(255, 255, 255, .04); }
.apply-page .trl-report summary { color: var(--lux-gold); font-weight: 500; }
.apply-page .trl-past + .trl-past { border-top-color: var(--lux-line); }
.apply-page .ta .trl-past-title, .apply-page .ta .trl-kv { color: var(--lux-ivory); }
.apply-page .ta .trl-past-meta, .apply-page .trl-kv b { color: var(--lux-mute); }
.apply-page .trl-guess { color: var(--lux-ivory); }
.apply-page .trl-note { border-radius: 0; background: var(--lux-panel); color: var(--lux-mute); }
@media (max-width: 767px) {
  .apply-page .ta .kv-band > .kv-container { padding: 0 16px; }
  .apply-page .ta-summary { box-shadow: 0 0 0 1px rgba(226, 191, 110, .5); }
}
/* 手機與平板：先看分析報告範例，再填 Email */
@media (max-width: 1023px) {
  .apply-page .tr-grid { display: flex; flex-direction: column; gap: 36px; }
  .apply-page .tr-main { display: contents; }
  .apply-page .tr-main > .tr-sec { margin-top: 0; }
  .apply-page .tr-sec-sample { order: 1; }
  .apply-page .tr-side { order: 2; }
  .apply-page .tr-sec-feats { order: 3; }
  .apply-page .tr-sec-faq { order: 4; }
}
/* 避免一個字自己一行 */
.apply-page .ta-plan-name, .apply-page .ta-plan-note, .apply-page .ta-check-label, .apply-page .ta-check-hint, .apply-page .ta-sum-plan, .apply-page .tr-choice-title, .apply-page .tr-choice-note { text-wrap: pretty; }
@media (max-width: 767px) {
  .apply-page .ta-plan-name { font-size: 16px; white-space: nowrap; }
  .apply-page .ta-plan-price { font-size: 18px; white-space: nowrap; }
}

/* 深色頁：頁首，頁尾與整個版面一起換成深藍夜色 */
html:has(body.apply-page), body.apply-page { background: #050b1c; }
body.apply-page { color: #efe7d4; }
.apply-page .notice { background: #0b1736; color: rgba(239, 231, 212, .7); }
.apply-page .notice a { color: #e2bf6e; }
.apply-page .site-header { background: #050b1c; box-shadow: inset 0 -1px 0 rgba(239, 231, 212, .07); }
.apply-page .main-nav a { color: rgba(239, 231, 212, .62); letter-spacing: 1px; }
.apply-page .main-nav a:hover { color: #efe7d4; }
.apply-page .main-nav a[aria-current="page"] { color: #efe7d4; border-bottom-color: #e2bf6e; }
.apply-page .mobile-nav summary { color: #efe7d4; }
.apply-page .mobile-nav nav { background: #0b1736; border: 0; border-radius: 0; box-shadow: 0 0 0 1px rgba(226, 191, 110, .28), 0 18px 40px rgba(0, 0, 0, .5); }
.apply-page .mobile-nav nav a { color: #efe7d4; }
.apply-page .mobile-nav nav a:hover { background: rgba(120, 150, 220, .12); text-decoration: none; }
.apply-page .site-footer { background: #050b1c; color: rgba(239, 231, 212, .5); border-top: 0; }
.apply-page .footer-mail a, .apply-page .footer-bottom a { color: rgba(239, 231, 212, .72); }
.apply-page .footer-mail a:hover, .apply-page .footer-bottom a:hover { color: #e2bf6e; }
.apply-page .footer-mail svg { color: #e2bf6e; }
.apply-page .footer-bottom { border-top-color: rgba(239, 231, 212, .08); }
.apply-page :focus-visible { outline-color: #e2bf6e; }
/* 光暈拉到整頁最上方，頁首透明，跟內容連成一片，不留分隔線 */
body.apply-page { background: radial-gradient(ellipse 80% 480px at 50% 0, rgba(46, 84, 170, .40), rgba(46, 84, 170, 0) 75%) no-repeat, #050b1c; }
.apply-page .site-header { background: transparent; box-shadow: none; }
.apply-page .kv.ta { background: transparent; }
body.apply-page { color-scheme: dark; accent-color: #e2bf6e; }
/* 雷達頁常見問題：深色扁平色塊 */
.apply-page .ta .kv-faq-item { background: var(--lux-panel); margin-bottom: 4px; }
.apply-page .ta .kv-faq-item > summary { color: var(--lux-ivory); font-size: 16px; }
.apply-page .ta .kv-faq-item > summary:hover .kv-faq-q { color: #fff4d2; }
.apply-page .ta .kv-faq-icon::before, .apply-page .ta .kv-faq-icon::after { background: var(--lux-gold); }
.apply-page .ta .kv-faq-a { color: var(--lux-mute); }
.apply-page .ta .kv-faq-a p { font-size: 15px; }
/* 領取後：立刻打開完整清單 */
.apply-page .ta #tr-done h2 { margin-bottom: 18px; }
.apply-page .ta .tr-open { display: flex; width: 100%; margin: 0 0 14px; }
.apply-page .ta .tr-open[hidden] { display: none; }
.apply-page .ta .tr-done-or { margin: 30px 0 0; color: var(--lux-faint); font-size: 14px; letter-spacing: 1px; }
.apply-page .ta .tr-done-or + .tr-choices { margin-top: 10px; }
