/* ==================================================================
   黏性導覽列
   ------------------------------------------------------------------
   捲動頁面時將整個頁首固定在視窗頂端。
   保留原本下拉選單、深色模式與響應式導覽行為。
   ================================================================== */

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--paper);
  box-shadow: 0 1px 0 var(--rule);
}

/* 支援的瀏覽器加入些微毛玻璃效果，讓捲動時層次更清楚 */
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .site-header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}