#recent-posts > .recent-post-item {
    position: relative;
}

/**** 最新文章圖標 ****/
.newPost-left,
.newPost-right {
    position: absolute;
    top: 0;
    color: white;
    padding: 0 15px;
    background-color: #49b1f5;
    border-radius: 0 0 10px 10px;
}

.newPost-left {
    left: 15px;
}

.newPost-right {
    right: 15px;
}

/**** 程式碼區塊：長行自動換行（避免中文長句水平溢出、要拉游標才看得到後面） ****/
#article-container figure.highlight {
    overflow-x: hidden; /* 換行後不再需要水平捲動 */
}
#article-container figure.highlight td.code pre,
#article-container figure.highlight td.code pre .line {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}
/* 換行後行號會與內容對不齊，故隱藏行號欄，維持乾淨排版 */
#article-container figure.highlight td.gutter {
    display: none;
}
/* 保險：非 table 結構的 code block 也一併換行 */
#article-container pre code {
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
}