/* --- 风格名称：活字重构 --- */

#preview {
    background-color: #f4f1de; /* 延续墨香纸境底色 */
    color: #3d405b;
    padding: 2em;
}

#preview blockquote {
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    background-color: rgba(212, 163, 115, 0.1);
    /* border-left: 4px solid #d4a373; */
    color: #6d6875;
}

#preview blockquote {
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    /* 从中心红，过渡到中间黄，最后到边缘白/ */
    background: linear-gradient(90deg, rgba(180,0,0,0.1) 0%, white 100%);
    /* color: #6d6875; */
    
    /* 核心修改部分 */
    border-left: 4px solid red; 
    /* border-right: 4px solid red;  */
    /* border-image: linear-gradient(to bottom, #d4a373, #faedcd) 1; */
}


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



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

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

#preview strong {
    color: red;
}


#preview h2 {
    /* 1. 强制换行逻辑 */
    display: block;
    word-break: break-all;
    word-spacing: 100vw;
    /* 这里的空格会变成撑满整行的宽度，强制后面的字换行 */
    text-align: center;
    
    /* 2. 基础文字样式（对应你原来的第二行） */
    font-size: 1.5em !important;
    font-weight: 800 !important;
    color: red;
    line-height: 1.2 !important;
    
    /* 3. 关键：利用 text-indent 和 letter-spacing 修正视觉 */
    margin-top: 3em !important;
    margin-bottom: 1.5em;
}


#preview h2 {
    color: #3d405b !important;
    font-size: 1.5em !important;
    font-weight: 800;
}

#preview h2 split {
    color: red;
    font-size: 2em;
    word-spacing: 100vw;
}


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