/* article.css - 仅覆盖和补充 shelf.css 中文章页需要的样式 */
@font-face {
    font-family: '上图东观';
    src: url('../fonts/上图东观体-常规.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ===== 文章元信息 ===== */
.article-meta {
    text-align: center;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 2px dashed #b8956a;
    font-family: "上图东观", "Source Han Serif", serif;
}
.meta-title {
    font-size: 2em;
    display: block;
    font-weight: bold;
    color: #3a2618;
}
.meta-info {
    font-size: 1.1em;
    color: #7a5a3a;
}

/* ===== 个人作品（works）专用 ===== */

/* 序 – 楷体 */
.preface-text {
    font-family: "华文楷体", "KaiTi", "STKaiti", "楷体", serif !important;
    font-size: 0.95em; /* 略小一点以示区分 */
    font-weight:bolder;
    color: #3a2a1a;
}
/* 正文 – 继承隶书（由 JS 设置的字体） */
.body-text {
    font-family: "上图东观", "Source Han Serif", serif;
}

/* 竖排标题保持居中 */
#content h2 {
    text-align: left;
    margin: 1.5em 0 0.5em 0;
    font-weight: bold;
    letter-spacing: 4px;
}
#content h2.preface-heading,
#content h2.body-heading {
    display: none;   /* 隐藏 "序" 和 "正文" 标题，但不影响段落分类 */
}

/* ===== 推荐阅读（notes）专用 ===== */
/* 区块标题样式 */
#content h3 {
    margin: 1.5em 0 0.5em 0;
    font-weight: bold;
    border-left: 4px solid #b8956a;
    padding-left: 0.5em;
    font-size: 2em;
}
.note-original-heading {
    color: #2c3e50;
    
}
.note-reflection-heading {
    color: #8b5a2b;
}

/* 不同区块的背景微差（可选） */
.note-original {
    padding: 0.2em 0.5em;
    border-radius: 4px;
    font-size: 1.4em;
    font-family: "上图东观", "Source Han Serif", serif;
}
.note-reflection {
    padding: 0.2em 0.5em;
    border-radius: 4px;
    color: rgb(65, 116, 212);
    font-family: "Source Han Serif", serif;
    font-size: 1.2em;
    font-weight: bold;
}

/* ===== 文学评论 & 人物生平（critique / biography） ===== */
/* blockquote 样式在 JS 中已内联，这里补充额外美化 */
#content blockquote {
    color: #4a3a2a;
    font-family: "上图东观", "Source Han Serif", serif;
}
.critique-text{
    font-family: "Source Han Serif", serif;
    font-size: 1.3em;
}
/* 正文段落缩进已在 JS 中设置 */

/* ===== 通用调整 ===== */
/* 确保竖排时图片、表格等不会乱 */
#content img, #content table {
    max-width: 100%;
}
/* 表格在竖排下可能需要横向滚动，但很少出现 */

/* 专有名词 – 人名、地名等 */
.proper-noun {
    text-decoration: underline;
    text-underline-offset: 0.2em;      /* 下划线离文字稍远一点，更美观 */
    text-decoration-thickness: 2px;    /* 加粗下划线 */
    text-decoration-color: #b8956a;    /* 配合你的主题色 */
}

.work{
	writing-mode: vertical-rl;
	text-orientation: update;
	font-size: 1.8em;
	line-height: 1.8;
	padding: 20px 40px;
	text-indent: 0;
}

.note{
	writing-mode: horizontal-tb;
	font-size: 1.2em;
	padding: 20px 30px;
	text-align: justify;
	text-indent: 2em;
}

.bq{
	border-left: 4px solid #7a5a3a;
	background-color: #f5ede4;
	padding: 0.5em 1em;
	margin: 1em 0;
	border-radius: 0 6px 6px 0;
	text-indent: 0;
}