/* 文章阅读页公共骨架。颜色、字体全部取皮肤变量（skins/*.css），刊头三种版式：band / scroll / press。 */
.art-page { background: var(--a-page); color: var(--a-text); font-family: var(--a-font); }
.col { max-width: 700px; margin: 0 auto; }

/* —— band：A 宣纸底、B 全墨底（墨色刊头带 + 心智网络图） —— */
.mast-band { background: linear-gradient(90deg, #1b150e 0%, rgba(27,21,14,.88) 50%, rgba(27,21,14,.4) 100%), url(/img/crop_mind.jpg) right center / auto 100% no-repeat;
  padding: 72px var(--gutter) 60px; color: #efe3c8; font-family: var(--serif); }
.mast-band .col { max-width: 760px; }
.mast-band .kick { margin: 0 0 16px; font-size: 14px; letter-spacing: .16em; color: #d4aa60; }
.mast-band h1 { margin: 0; font-size: clamp(28px, 4.2vw, 44px); font-weight: 900; line-height: 1.45; letter-spacing: .03em; }
.mast-band .eyebrow { margin: 16px 0 0; font-family: var(--latin); font-size: 17px; letter-spacing: .24em; color: #cbbd9f; text-transform: uppercase; }
.mast-band .bar { width: 64px; height: 2px; background: #aa281e; margin: 24px 0 16px; }
.mast-band .by { margin: 0; font-size: 14px; letter-spacing: .1em; color: #cbbd9f; }

/* —— scroll：C 墨底卷轴（主图垫底，宣纸卷居中） —— */
.scroll-page { background: linear-gradient(180deg, rgba(27,21,14,.35) 0%, #1b150e 520px), url(/img/hero.jpg) center top / 100% auto no-repeat, #1b150e;
  padding: 120px clamp(12px, 4vw, 56px) 96px; }
.paper { max-width: 820px; margin: 0 auto; background: var(--a-page); outline: 1px solid #d4aa60; outline-offset: 10px;
  box-shadow: 0 30px 80px rgba(0,0,0,.6); padding: clamp(28px, 6vw, 72px) clamp(20px, 6vw, 80px); }
.mast-scroll .kick { margin: 0 0 14px; font-size: 14px; letter-spacing: .16em; color: #8a6a2c; }
.mast-scroll h1 { margin: 0; font-size: clamp(28px, 4vw, 42px); font-weight: 900; line-height: 1.4; letter-spacing: .04em; color: #1b150e; }
.mast-scroll .eyebrow { margin: 14px 0 0; font-family: var(--latin); font-size: 17px; letter-spacing: .24em; color: #6b5a43; text-transform: uppercase; }
.mast-scroll .bar { width: 64px; height: 2px; background: #aa281e; margin: 22px 0 14px; }
.mast-scroll .by { margin: 0 0 36px; font-size: 14px; letter-spacing: .1em; color: #6b5a43; }

/* —— press：D 藏青宋体、E 墨黑极简（报刊刊头 + 封面图） —— */
.mast-press { padding: 56px var(--gutter) 0; }
.mast-press .col { max-width: 760px; }
.mast-press .flag { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px; }
.mast-press .eyebrow { margin: 40px 0 14px; }
.mast-press h1 { margin: 0; font-weight: 900; }
.mast-press .dek { margin: 20px 0 0; font-size: 18px; line-height: 1.9; }
.mast-press .by { margin: 24px 0 0; font-size: 14px; letter-spacing: .08em; }
.mast-press figure { margin: 40px auto 0; max-width: 1040px; }
.mast-press figure img { display: block; width: 100%; height: auto; }

/* —— 正文 —— */
.art-body { padding: 48px var(--gutter) 40px; }
.lead { margin: 0 0 28px; }
.tags { margin: 0 0 28px; font-size: 14px; letter-spacing: .06em; color: var(--a-muted); }
.wx { font-size: 17px; line-height: 2; color: var(--a-text); overflow-wrap: anywhere; }
.wx * { font-family: var(--a-font) !important; max-width: 100%; box-sizing: border-box; }
.wx img { height: auto !important; display: inline-block; }
.wx table { width: 100% !important; }
.wx-novideo { padding: 14px 18px; border: 1px dashed var(--a-line); color: var(--a-muted); font-size: 15px; text-align: center; }

/* —— 文末 —— */
.art-end { padding: 0 var(--gutter) 80px; }
.art-end .col { padding-top: 20px; border-top: var(--a-endrule); display: flex; flex-direction: column; gap: 16px; }
.art-end .links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 16px; font-size: 15px; }
.art-end a { display: inline-flex; align-items: center; min-height: 44px; color: var(--a-link); }
.art-end .back { color: var(--a-muted); }
.pn { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pn a { flex-direction: column; align-items: flex-start; padding: 12px 0; font-size: 15px; line-height: 1.6; color: var(--a-text); }
.pn a small { color: var(--a-muted); font-size: 12px; letter-spacing: .12em; }
.pn .nx { text-align: right; align-items: flex-end; }
@media (max-width: 560px) { .pn { grid-template-columns: 1fr; } .pn .nx { text-align: left; align-items: flex-start; } }