/* 「我需要樂器」的微調。版面與樣式沿用 instrument-donate，這裡只蓋掉需要不一樣的地方。 */

/* 捐贈頁的頂部照片本身偏暗，那道漸層就夠了；
   這裡的校園照整張都亮，白色標題壓上去會糊掉，所以把遮罩再加重一層。
   
   ⚠️ 同時要補 z-index。.hero:before 是 .hero 的第一個子節點，
   而 .hero-bg 是後面的兄弟節點且同樣是 absolute —— 兩者都沒有 z-index 時
   由 DOM 順序決定誰在上面，照片會整個蓋掉漸層。
   捐贈頁看不出來只是因為那張照片本來就暗。*/
#lexuan-foundation-site .lx-request .hero:before{
  z-index:1;
  background:
    linear-gradient(90deg, rgba(3,14,24,.94) 0%, rgba(5,18,30,.86) 46%, rgba(5,18,30,.60) 74%, rgba(5,18,30,.38) 100%),
    linear-gradient(0deg, rgba(3,14,24,.45), transparent 62%);
}

/* 需求端用偏藍的標籤色，跟捐贈端的金色分開 —— 同一個版面，兩件事 */
#lexuan-foundation-site .lx-request .hero-label{
  background:linear-gradient(90deg,#1d5a7a,#2a7ea6);
  box-shadow:0 9px 20px rgba(21,74,102,.22);
}