/* 三十纳音文章卡。页头页脚沿用本站 home.css，不引用其它方案样式。 */
.panel-se-article{margin-bottom:18px;background:var(--cream);overflow:visible}
.se-article{
  padding:8px 0 4px;
  border:none;border-radius:0;
  background:transparent;
  color:var(--accent-deep);
}
.se-article-title{margin:0 0 10px;text-align:center}
.se-article-title h1{
  margin:0;padding:0;
  font-family:"STKaiti","KaiTi","Songti SC",serif;
  font-size:clamp(20px,3.2vw,28px);font-weight:700;line-height:1.4;
  color:var(--accent-deep);letter-spacing:.06em;
  background:none;border:none;
}
.se-article-meta{
  margin:0 0 18px;
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:4px 0;
  font-size:13px;color:var(--accent);letter-spacing:.02em;
}
.se-article-meta > span{white-space:nowrap}
.se-article-meta > span + span::before{
  content:"·";margin:0 8px;color:rgba(166,107,46,.45);
}
.se-article-meta a{color:var(--accent);text-decoration:none}
.se-article-meta a:hover{text-decoration:underline}
.se-article-body{
  font-size:15px;line-height:1.9;color:var(--accent-deep);
  width:100%;max-width:none;margin:0;
  overflow-x:hidden;box-sizing:border-box;
}
.se-article-body p{
  margin:0 0 14px;text-indent:0 !important;text-wrap:pretty;
  text-align:justify;
  text-justify:inter-ideograph;
  text-align-last:left;
  color:var(--accent-deep);
}
.se-article-body img{
  max-width:100% !important;
  width:auto;
  height:auto !important;
  display:block;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
  border-radius:10px;
  border:1px solid rgba(166,107,46,.22);
  background:var(--cream);
}
.se-article-body p:has(> img:only-child),
.se-article-body p:has(> img:first-child:last-child){
  text-align:center !important;
  text-align-last:center !important;
}
.se-article-body h2,
.se-article-body h3{
  background:none;
  border:none;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.se-article-body h2{
  margin:22px 0 10px;
  text-indent:0;
  font-size:22px;
  font-weight:700;
  color:var(--accent-deep);
  letter-spacing:.06em;
}
.se-article-body h3{
  margin:22px 0 10px;
  text-indent:0;
  font-size:16px;
  font-weight:700;
  color:var(--accent);
  letter-spacing:.08em;
}
.se-article-body ul,
.se-article-body ol{
  margin:0 0 14px;
  padding-left:2em;
}
.se-article-body ul{list-style:disc}
.se-article-body ol{list-style:decimal}
.se-article-body li{margin:0 0 6px;color:var(--accent-deep)}
.se-source{
  margin:22px 0 0;padding:14px 16px;
  border:1px solid rgba(166,107,46,.22);border-radius:10px;
  background:var(--accent-soft);
  font-size:13px;line-height:1.75;color:var(--accent-deep);
}
.se-source p{margin:0 0 4px}
.se-source a{color:var(--accent);word-break:break-all}
.se-source-nav{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:12px;margin-top:12px;padding-top:12px;
  border-top:1px solid rgba(166,107,46,.18);
}
.se-pager{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.se-pager a{
  color:var(--accent-deep);text-decoration:none;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.se-pager a:hover{color:var(--accent)}
.se-pager em{font-style:normal;color:var(--accent);margin-right:4px}
.se-back{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  height:36px;padding:0 14px;border-radius:8px;
  border:1px solid rgba(166,107,46,.4);
  background:rgba(166,107,46,.12);color:var(--accent-deep);
  text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.06em;
}
.se-back:hover{background:var(--accent);border-color:var(--accent);color:#fff}
@media (max-width:700px){
  .se-article{padding:4px 0 2px}
  .se-article-meta{font-size:12px}
  .se-article-meta > span + span::before{content:"·";margin:0 6px;color:rgba(166,107,46,.45)}
  .se-article-title h1{font-size:clamp(26px,3.2vw,28px)}
  .se-article-body{font-size:14px;line-height:1.85}
  .se-article-body h2{font-size:22px}
  .se-source-nav{flex-direction:column;align-items:stretch}
  .se-back{width:100%}
}