#preview-area {
    font-family: "Microsoft JhengHei", 微軟正黑體, Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: black;
}

/* 預覽區內的 HTML 基本樣式 */
#preview-area h1 { 
    font-size: 24pt; 
    font-weight: bold; 
    /* margin-bottom: 0.5em;  */
    /* margin-top: 48pt; */
    /* padding-top: 48pt; */
    margin-bottom: 56.7pt;
    /* border-bottom: 1px solid #eaecef;  */
    padding-bottom: 0.3em;
 }
#preview-area h2 { 
    font-size: 18pt; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; 
    /* border-bottom: 1px solid #eaecef;  */
    padding-bottom: 0.3em;
    padding-bottom: .3em;
    /* border-bottom: 1px solid #eaecef; */
}
#preview-area h3 { font-size: 16pt; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; }
#preview-area p { 
    margin-bottom: 12pt; 
    line-height: 1.5; 
}
#preview-area ul { list-style-type: disc; padding-left: 2em; margin-bottom: 1em; }
#preview-area ol { list-style-type: decimal; padding-left: 2em; margin-bottom: 1em; }
#preview-area code { background-color: rgba(27,31,35,0.05); padding: 0.2em 0.4em; border-radius: 3px; font-family: monospace; }
#preview-area pre { background-color: #f6f8fa; padding: 16px; border-radius: 6px; overflow: auto; margin-bottom: 1em; }
#preview-area blockquote { border-left: 0.25em solid #dfe2e5; color: #6a737d; padding: 0 1em; margin-bottom: 1em; }
#preview-area table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
#preview-area th, #preview-area td { border: 1px solid #dfe2e5; padding: 6px 13px; }
#preview-area tr:nth-child(2n) { background-color: #f6f8fa; }
#preview-area a { color: #0366d6; text-decoration: none; }
#preview-area a:hover { text-decoration: underline; }