/* ============================================================
   MarketDaily — Phosphor Terminal 共用調性層
   掛在每頁 <head> 最後(deepspace.css 之後、各頁 inline <style> 之後)
   近黑底 + 琥珀 #FFB000 + 磷綠 #4AF626 + CRT 掃描 + mono 終端機標籤
   牛熊影片只在 index;此層只管色調與 chrome,不動結構/功能
   ============================================================ */

:root {
  --amber:#FFB000; --phos:#4AF626;
  --amber-dim:rgba(255,176,0,.12); --phos-dim:rgba(74,246,38,.12);
  /* 覆寫各頁 indigo 變數 */
  --bg:#0A0A08;
  --primary:#FFB000; --primary-light:#FFC74D;
  --primary-dim:rgba(255,176,0,.12); --primary-border:rgba(255,176,0,.30);
  --border-hover:rgba(255,176,0,.42); --violet:#FF8A3D; --sky:#4AF626;
}

/* 底色近黑 + 光暈換琥珀/磷綠 */
html { background:#0A0A08 !important; }
html::before {
  background:
    radial-gradient(ellipse 75% 55% at 50% -12%, rgba(255,176,0,.10), transparent 60%),
    radial-gradient(ellipse 40% 35% at 86% 4%, rgba(74,246,38,.06), transparent 65%),
    radial-gradient(ellipse 35% 30% at 10% 10%, rgba(255,176,0,.05), transparent 65%),
    radial-gradient(ellipse 60% 40% at 50% 108%, rgba(74,246,38,.05), transparent 70%) !important;
}

/* CRT 掃描線 + 暗角全頁覆蓋 */
body::after {
  content:''; position:fixed; inset:0; z-index:9998; pointer-events:none;
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 2px, rgba(0,0,0,.16) 3px, rgba(0,0,0,0) 4px),
    radial-gradient(ellipse 120% 90% at 50% 50%, transparent 62%, rgba(0,0,0,.45) 100%);
  mix-blend-mode:multiply; opacity:.55;
}
@media (prefers-reduced-motion: reduce) { body::after { background:radial-gradient(ellipse 120% 90% at 50% 50%, transparent 62%, rgba(0,0,0,.4) 100%); } }

/* 區塊 eyebrow → 終端機提示符 */
.section-eyebrow {
  font-family:'IBM Plex Mono',monospace !important;
  font-size:12px !important; font-weight:500 !important; letter-spacing:.26em !important;
  color:var(--amber) !important; opacity:.95; gap:8px !important;
}
.section-eyebrow::before { content:'>_' !important; width:auto !important; height:auto !important;
  background:none !important; color:var(--phos) !important; font-family:'IBM Plex Mono',monospace; opacity:.85; }
.section-eyebrow::after { display:none !important; }

/* 區塊大標 → 磷綠游標句點 */
.section-head h2::after, .section-title h2::after { content:'_'; color:var(--phos); animation:md-cursorblink 1.1s steps(1) infinite; }
@keyframes md-cursorblink { 50%{opacity:0;} }

/* 巨型粗野跑馬燈 */
.acid-marquee { border-top:1px solid rgba(255,176,0,.16); border-bottom:1px solid rgba(255,176,0,.16);
  background:#0A0A08; overflow:hidden; white-space:nowrap; padding:22px 0; }
.acid-marquee .row { display:inline-block; animation:md-acidmarq 34s linear infinite; }
.acid-marquee span { font-family:'Archivo Expanded','Inter',sans-serif; font-weight:900; font-size:clamp(30px,4.6vw,52px);
  text-transform:uppercase; letter-spacing:-.01em; color:transparent; -webkit-text-stroke:1.4px #2a2a22; vertical-align:middle; }
.acid-marquee b { color:var(--phos); -webkit-text-stroke:0; }
.acid-marquee i { color:var(--amber); -webkit-text-stroke:0; font-style:normal; font-size:.6em; margin:0 24px; vertical-align:middle; }
@keyframes md-acidmarq { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* 來源跑馬燈 → mono + 琥珀分隔 */
.source-item { font-family:'IBM Plex Mono',monospace !important; letter-spacing:.12em; }
.source-sep { background:var(--amber) !important; opacity:.55; }

/* hero pill → 琥珀 mono */
.hero-pill { background:var(--amber-dim) !important; border:1px solid rgba(255,176,0,.32) !important;
  color:var(--amber) !important; font-family:'IBM Plex Mono',monospace !important; letter-spacing:.12em !important; }
.live-dot { background:var(--phos) !important; box-shadow:0 0 8px var(--phos) !important; }

/* hero/頁面標題漸層 → 磷綠 → 琥珀 */
.hero h1 .gradient, .hero h1 .gradient .w-inner, .hero h1 .grad, .hero h1 .grad .w-inner {
  background:linear-gradient(135deg, var(--phos) 0%, #b8e84a 46%, var(--amber) 100%) !important;
  -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; background-clip:text !important;
}
.hero h1 .gradient { filter:drop-shadow(0 0 26px rgba(255,176,0,.30)) !important; }

/* 大數字 → 暖光漸層 */
.stat-num {
  filter:drop-shadow(0 6px 22px rgba(255,176,0,.28)) !important;
  background:linear-gradient(135deg, #FFC74D 0%, #FF8A3D 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}

/* 常見 indigo 按鈕/元件 → 琥珀(各頁通用 class) */
.subscribe-box button, .btn-primary, .cta-primary, .plan-mini-btn.paid, .feat-tab .feat-tab-btn.active {
  background:linear-gradient(135deg, #FFB000, #FF8A3D) !important; color:#1a1206 !important;
  box-shadow:0 6px 26px rgba(255,176,0,.40), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.about-tab-btn.active, .toggle-btn.active, .seg-btn.active { background:#FFB000 !important; color:#1a1206 !important;
  box-shadow:0 4px 18px rgba(255,176,0,.38) !important; }
.feat-tab-fill { background:#FFB000 !important; }
#md-tour-fab { background:linear-gradient(135deg,#FFB000,#FF8A3D) !important; color:#1a1206 !important;
  box-shadow:0 6px 24px rgba(255,176,0,.40) !important; }

/* nav logo em(品牌色) → 琥珀(各頁 class 不一:.logo/.nav-logo…) */
nav em, .logo em, .nav-logo em, [class*="logo"] em { color:var(--amber) !important; }
/* nav 連結 hover 的 indigo → 琥珀 */
.lang-btn:hover, .nav-back:hover { border-color:rgba(255,176,0,.30) !important; }

/* logo 小圖示 / 頭像 / 主編卡 的 indigo 漸層 → 琥珀橘 */
.logo-icon, .nav-logo-icon, .login-logo-icon {
  background:linear-gradient(135deg,#FFB000,#FF8A3D) !important; }
.dp-avatar, .founder-avatar, .tcard-avatar, .testi-avatar {
  background:linear-gradient(135deg,#FFB000,#FF8A3D) !important;
  box-shadow:0 4px 12px rgba(255,176,0,.4) !important; }
.profile-avatar {
  background:linear-gradient(135deg,#FF8A3D 0%, #FFB000 50%, #4AF626 100%) !important;
  box-shadow:0 20px 60px rgba(255,176,0,.34), inset 0 0 0 1px rgba(255,255,255,.12) !important; }

/* ============ 全站殘留 indigo 收尾 ============ */
/* 主要 CTA 按鈕 → 琥珀填色 + 深字 */
.bcta-btn, .submit-btn, .auth-btn, .login-btn, .cta-btn, .save-btn, .copy-btn,
.bottom-cta .btn, .cta-bottom .btn, a.btn.primary, .btn.primary, .btn-pro,
.pricing-btn.btn-pro, .plan-mini-btn.paid, .plan-mini-btn.premium, .share-cta-btn {
  background:linear-gradient(135deg,#FFB000,#FF8A3D) !important; color:#1a1206 !important;
  border-color:rgba(255,176,0,.5) !important;
  box-shadow:0 6px 24px rgba(255,176,0,.38), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.bcta-btn:hover, .submit-btn:hover, .auth-btn:hover, .login-btn:hover, .cta-btn:hover,
.save-btn:hover, .pricing-btn.btn-pro:hover, .plan-mini-btn.paid:hover, .plan-mini-btn.premium:hover {
  filter:brightness(1.08) !important;
}
/* input focus 邊框 → 琥珀 */
.form-row input:focus, .form-row textarea:focus, .auth-input:focus,
.plan-mini-input:focus, .subscribe-box input:focus, input:focus, textarea:focus {
  border-color:rgba(255,176,0,.55) !important;
  box-shadow:0 0 0 3px rgba(255,176,0,.12) !important;
}
/* focus-visible 無障礙外框 → 琥珀 */
:focus-visible { outline-color:#FFB000 !important; }
/* 徽章/標籤 → 琥珀色調 */
.page-badge, .plan-badge, .tag, .feat-proof-chip, .corner-tag, .hero-badge, .badge-popular {
  background:rgba(255,176,0,.12) !important; color:#FFC74D !important;
  border-color:rgba(255,176,0,.30) !important;
}
/* 精選價格卡高亮 → 琥珀邊 */
.pricing-card.featured, .cta-card, .bottom-cta {
  border-color:rgba(255,176,0,.36) !important;
  box-shadow:0 0 0 1px rgba(255,176,0,.18), 0 20px 60px rgba(255,176,0,.10) !important;
}
/* hero 背景光球 orb → 暖光 */
.orb-1 { background:radial-gradient(circle, rgba(255,176,0,.18), transparent 70%) !important; }
.orb-2 { background:radial-gradient(circle, rgba(74,246,38,.12), transparent 70%) !important; }
.orb-3 { background:radial-gradient(circle, rgba(255,138,61,.12), transparent 70%) !important; }
/* feature icon indigo/violet 變體 → 琥珀/磷綠 */
.fi-indigo { background:rgba(255,176,0,.16) !important; color:#FFC74D !important; }
.fi-violet { background:rgba(74,246,38,.14) !important; color:#7dff5a !important; }
/* feature tab 進度條/填色 → 琥珀 */
.feat-tab-progress, .feat-tab-fill, .feat-tab-btn.active { background:#FFB000 !important; }
/* 創辦人卡內裡漸層 → 暖光 */
.founder-inner { background:linear-gradient(135deg, rgba(255,176,0,.10), rgba(74,246,38,.06)) !important; }
/* nav active 態 → 琥珀 */
.nav-item.active { color:#FFB000 !important; border-color:rgba(255,176,0,.4) !important; }
/* FAQ 展開箭頭 → 磷綠 */
.faq-item-acc.open .faq-chevron { color:#4AF626 !important; }

/* ============ 終端機氛圍加料 ============ */
/* 磷光輝光:eyebrow / 琥珀數字 / 跑馬燈點 */
.section-eyebrow { text-shadow:0 0 12px rgba(255,176,0,.35); }
.section-eyebrow::before { text-shadow:0 0 10px rgba(74,246,38,.5); }
.acid-marquee b { text-shadow:0 0 16px rgba(74,246,38,.4); }
.acid-marquee i { text-shadow:0 0 12px rgba(255,176,0,.5); }
.live-dot { animation:md-live 1.8s ease-in-out infinite; }
@keyframes md-live { 0%,100%{box-shadow:0 0 6px var(--phos);} 50%{box-shadow:0 0 14px var(--phos),0 0 22px rgba(74,246,38,.5);} }

/* 掃描線微閃(reduced-motion 自動停) */
@keyframes md-flicker { 0%,100%{opacity:.55;} 92%{opacity:.55;} 94%{opacity:.42;} 96%{opacity:.6;} 98%{opacity:.5;} }
body::after { animation:md-flicker 6s steps(1,end) infinite; }
@media (prefers-reduced-motion: reduce) { body::after { animation:none; } }

/* 開機掃描 sweep(載入時磷綠橫線掃一次) */
#md-boot { position:fixed; inset:0; z-index:99990; pointer-events:none; }
#md-boot::before { content:''; position:absolute; left:0; right:0; height:2px;
  background:linear-gradient(90deg, transparent, rgba(74,246,38,.85), transparent);
  box-shadow:0 0 18px rgba(74,246,38,.7); animation:md-sweep 1.1s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes md-sweep { 0%{top:-2%; opacity:0;} 8%{opacity:1;} 92%{opacity:1;} 100%{top:102%; opacity:0;} }
@media (prefers-reduced-motion: reduce) { #md-boot{display:none;} }

/* 左下角即時狀態 HUD(terminal.js 注入) */
#md-term-hud { position:fixed; left:18px; bottom:16px; z-index:9997; pointer-events:none;
  font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.12em; color:rgba(74,246,38,.62);
  text-shadow:0 0 10px rgba(74,246,38,.3); user-select:none; }
#md-term-hud .amb { color:rgba(255,176,0,.7); }
#md-term-hud .dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--phos);
  box-shadow:0 0 7px var(--phos); margin-right:6px; vertical-align:middle; animation:md-live 1.8s ease-in-out infinite; }
@media (max-width:760px){ #md-term-hud { display:none; } }

:lang(en) .hero h1, html[data-lang="en"] .hero h1 { font-family:'Archivo Expanded','Inter',sans-serif; text-transform:uppercase; }
