/* 内容页面（知识库 / 故事与档案 / 博客）：沿用 --qx-* 色板，独立类名 */
.content-nav { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: .95rem; }
.content-nav a { color: var(--qx-muted); }
.content-nav a:hover, .content-nav a:focus-visible { color: var(--qx-pine); }
.content-page { padding-top: 36px; padding-bottom: 72px; }
.content-head h1 { font-family: "Songti SC", "STSong", serif; font-weight: 500; color: var(--qx-pine); margin: 0 0 8px; }
.content-head p { color: var(--qx-muted); margin: 0 0 24px; line-height: 1.8; }
.content-group { margin: 28px 0; }
.content-group h2 { font-size: 1.05rem; letter-spacing: .08em; color: var(--qx-jade); margin: 0 0 12px; }
.content-group .corner-card h3 a { color: var(--qx-pine); }
.content-crumbs { color: var(--qx-muted); font-size: .9rem; margin: 0 0 16px; }
.content-crumbs a { color: var(--qx-jade); }
.content-article { max-width: 760px; padding: 28px clamp(18px, 4vw, 40px); border-radius: 18px; background: var(--qx-paper); border: 1px solid var(--qx-border); box-shadow: var(--qx-shadow); line-height: 1.9; color: #3d4a44; overflow-wrap: anywhere; }
.content-article h1, .content-article h2, .content-article h3 { font-family: "Songti SC", "STSong", serif; font-weight: 500; color: var(--qx-pine); line-height: 1.4; }
.content-article h1 { font-size: 1.7rem; margin-top: 0; }
.content-article h2 { font-size: 1.3rem; margin-top: 2em; }
.content-article a { color: var(--qx-jade); text-decoration: underline; text-underline-offset: 3px; }
.content-article blockquote { margin: 16px 0; padding: 10px 16px; border-left: 3px solid #c9a96a; background: var(--qx-mist); border-radius: 0 10px 10px 0; }
.content-article table { display: block; overflow-x: auto; border-collapse: collapse; }
.content-article th, .content-article td { border: 1px solid var(--qx-border); padding: 6px 10px; }
.content-article img { max-width: 100%; height: auto; border-radius: 10px; }
.content-article code { background: var(--qx-mist); padding: 1px 5px; border-radius: 5px; }
.content-updated { color: var(--qx-muted); font-size: .85rem; margin-top: 24px; }
.content-search { margin: 0 0 8px; }
.content-search label { display: block; color: var(--qx-muted); font-size: .9rem; margin-bottom: 6px; }
.content-search input { width: 100%; max-width: 520px; font-size: 16px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--qx-border); background: #fffefa; }
.content-search input:focus { outline: 2px solid var(--qx-jade); outline-offset: 1px; }
#content-results:not(:empty) { margin-top: 16px; }
.content-page + .site-footer .footer-inner { flex-wrap: wrap; gap: 6px 18px; }
@media (max-width: 620px) {
  .header-inner { flex-wrap: wrap; row-gap: 8px; }
  .content-nav { width: 100%; gap: 4px 14px; }
}
/* 手机（含横屏）正文页的雨声按钮收成小圆钮，少挡字；按钮本身有 aria-label，文字只在视觉上隐藏 */
@media (max-width: 620px), (max-height: 500px) and (orientation: landscape) {
  .sound-control { padding: 0; width: 46px; justify-content: center; gap: 0; }
  .sound-control [data-sound-label] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .content-page { padding-bottom: 96px; }
}