::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #109ac4;
  background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
  border-radius: 2em;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-moz-selection {
  color: #fff;
  background-color: #109ac4;
}

/* 1. 隱藏內容與頁尾：利用首頁全螢幕 Header 的特徵 */
#page-header.full_page ~ #content-inner,
#page-header.full_page ~ #footer {
    display: none !important;
}

/* 2. 鎖定捲軸：防止電腦端與手機端滑動 */
html:has(#page-header.full_page) {
    overflow: hidden !important;
    height: 100vh !important;
    touch-action: none; /* 針對手機端直接禁用手勢 */
}

/* 3. 隱藏向下滾動按鈕 */
#page-header.full_page #scroll-down {
    display: none !important;
}

/* --- 非首頁樣式 (隱藏側邊欄數據) --- */

/* 當 Header 不是全螢幕時 (代表進入了文章或資源頁) */
#page-header:not(.full_page) ~ .layout .site-data {
    display: none !important;
}