/* 移除標題前的 # 號與任何自動編號 */
.post-title::before, 
.title::before, 
h1::before, 
h2::before, 
h3::before {
    content: "" !important;
    display: none !important;
}

/* 移除所有連結底線 (包含導覽列、標題、Read more) */
a, 
a:hover, 
.site-title a, 
.nav a, 
.post-title a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

/* 移除 Read more 連結 */
.readmore {
    display: none !important;
}

/* 移除頁尾 (Footer) 上方的分割線或點點 */
hr, 
footer {
    border-top: none !important;
}

.footer-info {
    display: none !important;
}

/* 增加每篇文章之間的間隔 */
.list-item {
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 可選：加一條淺淺的分隔線 */
}

/* 確保文章內的圖片不會超出邊框 */
.list-item .content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1rem 0;
}

/* 整合：移除懸停時的背景與外框，並統一樣式 */
a:hover, 
.nav a:hover, 
.title a:hover, 
.post-title a:hover,
.list-item a:hover {
    color: #4da3ff !important;            /* 統一文字顏色為亮藍色 */
    background-color: transparent !important; /* 徹底移除綠色背景色 */
    outline: none !important;                 /* 移除綠色外框線 */
    border: none !important;                  /* 移除任何邊框 */
    text-decoration: underline !important;   /* 增加底線，讓連結更有點擊感 */
}

/* 讓首頁文章標題與內容之間有一點點距離 */
.list-item .title {
    margin-bottom: 0.5rem;
}

/* 1. 更改選取文字時的背景顏色 (Selection) */
::selection {
    background-color: rgba(77, 163, 255, 0.4) !important;
    color: #ffffff !important;
}
::-moz-selection {
    background-color: rgba(77, 163, 255, 0.4) !important;
    color: #ffffff !important;
}

/* 2. 移除點擊或拖動連結時出現的綠色背景 (Active/Focus) */
a:active,
a:focus {
    background-color: transparent !important;
    color: #4da3ff !important;
    outline: none !important;
}

/* 3. 修正標題或特定區塊連結在點擊時的綠色殘留 */
.nav a:active, .nav a:focus,
.title a:active, .title a:focus,
.list-item a:active, .list-item a:focus {
    background-color: transparent !important;
    outline: none !important;
}

/* 1. 分頁器容器：確保水平居中 */
.pagination-container {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
    width: 100%;
}

/* 2. 分頁器本體佈局 */
.pagination {
    display: flex;
    align-items: center;
    gap: 1.5rem; /* 設定 Prev、計數器、Next 之間的距離 */
    font-family: monospace;
}

/* 3. 頁碼計數器樣式 (例如 2 / 10) */
.page-number {
    color: #888; /* 使用較低調的灰色 */
    font-size: 0.9rem;
    min-width: 60px;
    text-align: center;
}

/* 4. 無法點擊時的樣式 (如第一頁的 Prev) */
.pagination .disabled {
    color: #444;
    cursor: not-allowed;
    opacity: 0.5;
}

/* 5. 確保 Prev/Next 連結在懸停時維持亮藍色並移除背景 */
.pagination a:hover {
    color: #4da3ff !important;
    background-color: transparent !important;
    outline: none !important;
    text-decoration: underline !important;
}