/* ========================================
   雅歌系列 共享样式表
   所有文章引用此CSS，不使用内联 style=
   ======================================== */

/* 基础 */
body { font-family: 'Microsoft YaHei', sans-serif; background: #1a1a2e; color: #eee; padding: 24px; }
.max { max-width: 820px; margin: 0 auto; }

/* 作者标记 */
em.author { display: block; text-align: center; color: #888; font-size: 0.85em; margin-bottom: 6px; font-style: italic; }

/* 标题 */
h1 { text-align: center; color: #f0c060; font-size: 1.4em; margin-bottom: 4px; }
h2.subtitle { text-align: center; color: #aaa; font-size: 0.88em; font-weight: normal; margin-bottom: 28px; }
.section-title { color: #f0c060; font-weight: bold; font-size: 1em; margin: 24px 0 12px; border-left: 4px solid #f0c060; padding-left: 10px; }

/* 经文引用 */
.verse { font-style: italic; color: #f0e0a0; font-size: 0.9em; border-left: 3px solid #f0c060; padding-left: 12px; margin-bottom: 12px; line-height: 1.8; }
.ref { color: #888; font-size: 0.8em; }

/* 卡片 */
.card { border-radius: 10px; padding: 18px; margin-bottom: 18px; }
.card-blue  { background: #1e2f3a; border: 1px solid #5b9bd5; }
.card-green { background: #1a2f1a; border: 1px solid #5bd58a; }
.card-purple{ background: #2a1f3a; border: 1px solid #9b7fd5; }
.card-orange{ background: #2f1f0a; border: 1px solid #d58a3a; }
.card-red   { background: #3d1a1a; border: 1px solid #d55b5b; }
.card-dark  { background: #1e2030; border: 1px solid #7b7bd5; }

/* 内容块 */
.meaning { background: #111; border-radius: 8px; padding: 12px 14px; font-size: 0.87em; color: #ccc; line-height: 1.8; margin: 10px 0; }
.application { background: #2a2a0a; border-radius: 8px; padding: 12px 14px; font-size: 0.87em; color: #f0e0a0; line-height: 1.8; border-left: 3px solid #f0c060; margin-top: 10px; }
.app-label { color: #f0c060; font-weight: bold; margin-bottom: 4px; font-size: 0.85em; }
.warn-box { background: #2a1a1a; border: 1px solid #d55b5b; border-radius: 8px; padding: 14px; margin: 12px 0; }
.warn-label { color: #d55b5b; font-weight: bold; font-size: 0.85em; margin-bottom: 8px; }
.warn-text { font-size: 0.86em; color: #ccc; line-height: 1.7; }

/* 关键引用 */
.key-quote { background: #2a1a0a; border: 2px solid #f0a060; border-radius: 10px; padding: 16px 20px; margin: 16px 0; text-align: center; }
.kq-text { font-size: 1em; color: #f0e0a0; line-height: 1.9; }
.kq-sub { color: #aaa; font-size: 0.83em; margin-top: 8px; }

/* 两列对比 */
.two-col { display: flex; gap: 12px; margin: 12px 0; }
.col-base { flex: 1; border-radius: 8px; padding: 12px; }
.col-label { font-size: 0.78em; color: #aaa; margin-bottom: 6px; }
.col-green { background: #1a3a1a; border: 1px solid #5bd58a; }
.col-blue  { background: #1a2a3a; border: 1px solid #5b9bd5; }
.col-red   { background: #3a1a1a; border: 1px solid #d55b5b; }

/* 对比框 */
.contrast { display: flex; gap: 12px; margin: 14px 0; }
.cont-today { flex: 1; background: #3a1a1a; border: 1px solid #d55b5b; border-radius: 8px; padding: 14px; }
.cont-bible { flex: 1; background: #1a3a1a; border: 1px solid #5bd58a; border-radius: 8px; padding: 14px; }
.today-label { color: #d55b5b; font-size: 0.8em; font-weight: bold; margin-bottom: 8px; }
.bible-label { color: #5bd58a; font-size: 0.8em; font-weight: bold; margin-bottom: 8px; }
.cont-text { font-size: 0.85em; color: #ccc; line-height: 1.8; }

/* 标签 */
.tag { display: inline-block; background: #2a2a4a; border: 1px solid #5b5b8a; border-radius: 4px; padding: 1px 7px; font-size: 0.78em; color: #9b9bd5; margin-bottom: 6px; }
.occur-tag { background: #2a3a4a; border: 1px solid #5b9bd5; border-radius: 6px; padding: 5px 10px; font-size: 0.82em; color: #7ab8e8; }
.occur-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }

/* 步骤/流程 */
.step-row { display: flex; gap: 12px; margin-bottom: 8px; align-items: flex-start; }
.step-ref { min-width: 60px; color: #f0a060; font-size: 0.82em; font-weight: bold; padding-top: 2px; }
.step-text { font-size: 0.87em; color: #ccc; line-height: 1.6; flex: 1; }
.step-note { color: #aaa; font-size: 0.8em; font-style: italic; }

/* 结构行（交叉配列）*/
.chiasm-row { display: flex; align-items: stretch; gap: 8px; margin-bottom: 5px; }
.chiasm-seg { font-weight: bold; min-width: 28px; display: flex; align-items: center; justify-content: center; border-radius: 6px; font-size: 0.9em; }
.chiasm-ref { min-width: 70px; display: flex; align-items: center; justify-content: center; color: #888; font-size: 0.78em; }
.chiasm-box { flex: 1; border-radius: 8px; padding: 10px 14px; font-size: 0.84em; line-height: 1.6; }
.chiasm-title { font-weight: bold; margin-bottom: 3px; }
.chiasm-sub { color: #bbb; font-size: 0.9em; }

a.chiasm-title{color:inherit;text-decoration:none;}
a.chiasm-title:visited{color:inherit;}
.chiasm-box[href]{display:block;color:inherit;text-decoration:none;}
.chiasm-box[href]:hover .chiasm-title{text-decoration:underline;}

/* 颜色对 */
.pair-blue   { background: #1e3a5f; border-left: 4px solid #5b9bd5; }
.pair-purple { background: #2d1f4a; border-left: 4px solid #9b7fd5; }
.pair-green  { background: #1f3d28; border-left: 4px solid #5bd58a; }
.pair-orange { background: #3d2d1f; border-left: 4px solid #d58a5b; }
.pair-red    { background: #3d1a1a; border-left: 4px solid #d55b5b; border-right: 4px solid #d55b5b; }
.seg-blue   { background: #5b9bd5; color: #fff; }
.seg-purple { background: #9b7fd5; color: #fff; }
.seg-green  { background: #5bd58a; color: #1a1a2e; }
.seg-orange { background: #d58a5b; color: #fff; }
.seg-red    { background: #d55b5b; color: #fff; }

/* 摘要/总结框 */
.summary { background: #222; border-radius: 10px; padding: 18px; margin-top: 24px; }
.summary-title { color: #f0c060; font-weight: bold; margin-bottom: 12px; }
.summary-row { display: flex; gap: 10px; margin-bottom: 8px; align-items: flex-start; }
.summary-icon { min-width: 24px; text-align: center; }
.summary-text { font-size: 0.87em; color: #ccc; line-height: 1.6; }

/* 最终引用 */
.final-quote { background: #2a1a0a; border: 2px solid #f0a060; border-radius: 10px; padding: 18px; text-align: center; margin-top: 20px; }
.fq-text { font-size: 1em; color: #f0e0a0; line-height: 2; }

/* 颜色工具类 */
.c-blue   { color: #5b9bd5; }
.c-green  { color: #5bd58a; }
.c-purple { color: #9b7fd5; }
.c-orange { color: #f0a060; }
.c-red    { color: #d55b5b; }
.c-yellow { color: #f0c060; }
.c-grey   { color: #aaa; }
.bold     { font-weight: bold; }

/* 分隔线 */
hr.divider { border: none; border-top: 1px solid #2a2a3a; margin: 16px 0; }

/* SEO字段块（文章末尾）*/
.seo-block { background: #111; border: 1px solid #333; border-radius: 8px; padding: 16px; margin-top: 28px; font-size: 0.8em; }
.seo-title-bar { color: #888; font-size: 0.85em; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #333; padding-bottom: 6px; }
.seo-row { display: flex; gap: 8px; margin-bottom: 6px; }
.seo-key { min-width: 160px; color: #666; font-size: 0.9em; }
.seo-val { color: #bbb; flex: 1; }

/* 品格网格 grid-item1~6 */
.grid-item1 { background:#1a2a3a; border:1px solid #3a4a5a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }
.grid-item2 { background:#1a3a1a; border:1px solid #3a5a3a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }
.grid-item3 { background:#2a1a3a; border:1px solid #4a3a5a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }
.grid-item4 { background:#3a1a1a; border:1px solid #5a3a3a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }
.grid-item5 { background:#2a2a1a; border:1px solid #5a5a3a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }
.grid-item6 { background:#1a2a2a; border:1px solid #3a5a5a; border-radius:6px; padding:8px 10px; font-size:0.83em; color:#ccc; }

/* 内部链接区 */
.internal-links { background: #1a1a2a; border: 1px solid #3a3a5a; border-radius: 8px; padding: 12px 16px; margin-top: 16px; }
.il-label { color: #888; font-size: 0.8em; margin-bottom: 8px; }
.il-link { color: #5b9bd5; font-size: 0.87em; text-decoration: none; display: block; margin-bottom: 4px; }
.il-link:hover { text-decoration: underline; }