/* --- 风格名称：出版故事 --- */

#preview {
    /* background-color: rgba(244, 241, 222, 0.5);  */
    /* 延续墨香纸境底色 */
    color: #3e3e3e;
    padding: 2em;

}


#preview blockquote {
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 1em;

    font-size: 0.9em;
    /* 从中心红，过渡到中间黄，最后到边缘白/ */
    
    background-color: rgba(42, 175, 9, 0.05);
    color: #6d6875;

    /* 核心修改部分 */
    /* border-left: 4px solid rgb(42, 175, 9);  */
    /* border-left: 4px solid rgb(42, 175, 9); */
    /* border-right: 4px solid rgb(42, 175, 9);  */
    /* border-image: linear-gradient(to bottom, #d4a373, #faedcd) 1; */
    background-color: #f0f0f0;
    border-left : 4px solid #d6d6d6
}

#preview blockquote p {
    text-indent: 0em;
}


/* 针对第一行数字或首词的特殊修饰 */



/* 兼容：如果想让 H2 内部的空格更可控，建议输入时直接用换行，
   或者通过下面的伪元素方案 */

/* #preview h2:before {
    content: "◈";
    display: block;
    font-size: 0.4em;
    margin-bottom: 1em;
    color: #d4a373;
} */

#preview strong {
    /* color: rgb(42, 175, 9); */
    /* border-bottom: green;
    text-decoration: underline; */

    margin-right: 0.2em;
    font-weight: bold;
    /* font-weight: 600; */
    /* color: green; */
    text-decoration: underline;
    text-decoration-color: rgb(42, 175, 9);

    text-decoration-thickness: 2px;
}


#preview h2 {
    /* 1. 强制换行逻辑 */
    display: block;
    word-break: break-all;
    border-left: 4px solid rgb(42, 175, 9);
    /* word-spacing: 100vw; */
    /* 这里的空格会变成撑满整行的宽度，强制后面的字换行 */
    /* text-align: center; */

    /* 2. 基础文字样式（对应你原来的第二行） */
    font-size: 1.5em !important;
    font-weight: 800 !important;
    color: rgb(42, 175, 9);
    line-height: 1.2 !important;

    /* 3. 关键：利用 text-indent 和 letter-spacing 修正视觉 */
    margin-top: 2em !important;
    margin-bottom: 1.2em;
    padding-left: 0.5em;
}


#preview h2 {
    color: #3d405b !important;
    font-size: 1.3em !important;
    /* font-weight: 600; */
    /* margin-bottom: 0em;   */
}


/* .en-split { */
/* font-size: 1em; */
/* } */

#preview p {
    /* line-height: 1.75em; */
    margin-top: 1.5em;
    text-indent: 2em;
}

#preview p del {
    /* color: red; */
    text-decoration: line-through rgba(42,175, 9, 0.5);
    /* text-decoration: underline rgba(255,0,0,0.4); */
    /* text-decoration-style: double; */
    /* text-decoration-style: dotted; */
    text-decoration-thickness: 0.2em;
    /* border-bottom: 1em solid #d6d6d6 */
}

#preview hr {
    margin-top: 2em;
    margin-bottom: 2em;
    width: 14em;
}
#preview pre {
    font-size: 0.7em;
}