/* enhance.css — 設計感增強:滑鼠聚光燈 + 噪點質感 + 頭條滿版圖。後掛覆寫,不動既有檔。 */

/* ── 滑鼠跟隨聚光燈(光束在深色底掃視) ── */
#spotlight {
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background: radial-gradient(820px circle at var(--sx, 50%) var(--sy, 22%),
              rgba(0, 195, 255, 0.18), rgba(29, 78, 216, 0.06) 38%, transparent 70%);
  mix-blend-mode: screen; transition: background .1s linear;
}
/* 噪點紋理(打破純色·科技感) */
#noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 130px 130px;
}
/* 內容浮在光層之上 */
.topnav, .tabs, .page, .footer { position: relative; z-index: 1; }

/* ── 頭條 feature 大卡:金融主題滿版圖 + 文字疊上(漸層遮罩確保可讀) ── */
.hw-feature { position: relative; overflow: hidden; border-radius: 14px; background: #0e1626;
  display: flex; box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 12px 30px rgba(0,0,0,.32); }
.hw-feature .hw-hero-bg { position: absolute; inset: 0; background-image: var(--hero);
  background-size: cover; background-position: center; opacity: .5; transition: opacity .35s ease, transform .5s ease; }
.hw-feature:hover .hw-hero-bg { opacity: .64; transform: scale(1.045); }
.hw-feature::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(10,15,24,.12) 0%, rgba(10,15,24,.5) 48%, rgba(10,15,24,.93) 100%); }
.hw-feature .hw-hero-body { position: relative; z-index: 1; margin-top: auto; padding: 16px 18px 17px; width: 100%;
  display: flex; flex-direction: column; gap: 8px; }   /* 修標籤/標題黏一起:內部給間距 */
.hw-feature .fi-head { margin: 0 !important; }
.hw-feature .hw-title { margin: 0; }
.hw-feature .hw-title { font-size: 20px !important; line-height: 1.34; color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.7); -webkit-line-clamp: 3 !important; }
.hw-feature .hw-sum { color: #d8e2f0 !important; text-shadow: 0 1px 7px rgba(0,0,0,.6); }
.hw-feature .fi-head { filter: drop-shadow(0 1px 5px rgba(0,0,0,.7)); }
.hw-feature .fi-src, .hw-feature .fi-time { color: #cdd9e8 !important; }

/* 頭條牆整體微立體 + mini 卡 hover 提亮 */
.headcard:not(.hw-feature) { transition: background .2s, transform .2s; }
.headcard:not(.hw-feature):hover { transform: translateY(-2px); }