:root {
    /* ========================================== 内容区域专用变量 ========================================== */
    
    /* 🎨 内容-背景颜色 */
    --content-bg-primary: #1E1E17F6;
    
    /* 🎨 内容-文字颜色 */
    --content-text-h1: #8Cf;
    --content-text-h2: #9DF;
    --content-text-h3: #AEF;
    --content-text-h4: #BFF;
    --content-text-paragraph: #FFF;
    --content-text-link: #9DF;
    --content-text-error: var(--global-color-error);
    --content-text-loading: var(--global-color-loading);
    
    /* 🎨 内容-边框颜色 */
    --content-border-primary: var(--global-border-primary);
    --content-border-h1: #DDD;
    --content-border-timeline-outer: #FDD;
    --content-border-timeline-inner: #DFD;
    --content-border-timeline-date: #DDF;
    
    /* 📏 内容-字体大小 */
    --content-font-size-h1: var(--global-font-size-h1);
    --content-font-size-h2: var(--global-font-size-h2);
    --content-font-size-h3: var(--global-font-size-h3);
    --content-font-size-h4: var(--global-font-size-h4);
    --content-font-size-paragraph: var(--global-font-size-base);
    --content-font-size-code: var(--global-font-size-code);
    
    /* 📐 内容-布局尺寸 */
    --content-width: 800px;
    --content-max-width: 800px;
    --content-margin: var(--global-content-margin);
    --content-padding-top: 40px;
    --content-padding-horizontal: 80px;
    --content-padding-bottom: 20px;
    --content-border-radius: var(--global-border-radius);
    --content-border-width: var(--global-border-width);
    --content-h1-border-width: 8px;
    --content-image-width: 60%;
    
    /* 📐 内容-文字间距 */
    --content-h1-padding: .5em 0em 0em .5em;
    --content-h2-padding: 0.2em 0em 0.2em;
    --content-h3-padding: 0.1em 0em 0.1em;
    --content-h4-padding: 0.1em 0em 0.1em;
    --content-paragraph-padding: 0.3em 0em;
    --content-paragraph-indent: 2em;
}

/* ------------------------------------------- 文章展示区域 ------------------------------------------ */
/* 内容区域：文本显示 */
#section-text{
    /* 大小 */
    width: var(--content-width);
    max-width: var(--content-max-width);

    /* 边距 */
    margin: var(--content-margin);
    padding-top: var(--content-padding-top);
    padding-left: var(--content-padding-horizontal);
    padding-right: var(--content-padding-horizontal);
    padding-bottom: var(--content-padding-bottom);
    /* 排版 */

    /* 背景 */
    background-color: var(--content-bg-primary);
    /* 边框 */
    border: var(--content-border-width) solid var(--content-border-primary);
    border-radius: var(--content-border-radius);
    /* 文字 */
}

    #section-text h1 {
        margin: 0px;
        padding: var(--content-h1-padding);

        font-family: var(--global-font-primary);
        font-size: var(--content-font-size-h1);

        color: var(--content-text-h1);

        border-left: var(--content-h1-border-width) solid var(--content-border-h1);
    }

    #section-text h2 {
        margin: 0px;
        padding: var(--content-h2-padding);

        font-family: var(--global-font-primary);
        font-size: var(--content-font-size-h2);

        color: var(--content-text-h2);
    }

    #section-text h3 {
        margin: 0px;
        padding: var(--content-h3-padding);

        font-family: var(--global-font-primary);
        font-size: var(--content-font-size-h3);

        color: var(--content-text-h3);
    }

    #section-text h4 {
        margin: 0px;
        padding: var(--content-h4-padding);

        font-family: var(--global-font-primary);
        font-size: var(--content-font-size-h4);

        color: var(--content-text-h4);
    }

    #section-text p{
        margin: 0px;
        padding: var(--content-paragraph-padding);

        font-family: var(--global-font-primary);
        font-size: var(--content-font-size-paragraph);

        color: var(--content-text-paragraph);
        text-indent: var(--content-paragraph-indent);
    }

    #section-text a{
        font-family: var(--global-font-primary);

        color: var(--content-text-link);

        text-decoration: none;
    }

    #section-text figure{
        margin: 0;
    }

    #section-text figcaption {
        text-align: center;
        font-size: var(--content-font-size-paragraph);
        font-family: var(--global-font-primary);
        color: var(--content-text-paragraph);
    }

    #section-text img{
        margin: auto;
        padding: 0px;

        max-width: 100%;
        display: block;
    }

    #section-text #mainPage-img{
        margin: auto;
        padding: 0px;

        width: var(--content-image-width);
        display: block;
    }

    #section-text li {
        font-size: var(--content-font-size-paragraph);
        font-family: var(--global-font-primary);

        color: var(--content-text-paragraph);
    }

    #section-text li p{
        text-indent: 0em;
    }

    #section-text .error {
        color: var(--content-text-error);
        text-align: center;
        font-size: var(--content-font-size-paragraph);
    }

    #section-text .loading {
        color: var(--content-text-loading);
        text-align: center;
        font-size: var(--content-font-size-paragraph);
    }