.reading-intro{max-width:1440px;margin:auto;padding:40px 5% 48px;display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.reading-intro .eyebrow{color:#6c896f}.reading-intro h1{font-size:clamp(35px,4vw,55px)}.reading-intro p{color:var(--muted);font-size:15px}.reading-intro>a{background:#174c3c;color:#fff;padding:14px 20px;text-decoration:none;border-radius:6px;font-size:14px}.reading-home{padding-top:25px}.reading-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;margin-bottom:25px;color:#67806d}.reading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reading-card{text-decoration:none;display:block;overflow:hidden;background:#fff;border:1px solid #dbe1d5;border-radius:5px;transition:transform .2s}.reading-card:hover{transform:translateY(-5px)}.cover{height:310px;position:relative;background:#e6ecdf;text-align:center;overflow:hidden;padding:12px}.cover img{width:100%;height:100%;object-fit:contain}.cover>span{position:absolute;top:16px;left:12px;background:#163c30e8;color:#fff;padding:5px 10px;font-size:11px;letter-spacing:2px}.card-copy{padding:20px}.card-copy small{font-size:10px;letter-spacing:1px;color:#78916c}.card-copy h2{font-size:19px;margin:10px 0;min-height:57px}.card-copy p{font-size:13px;color:#71806e;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:63px}.card-copy strong{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-weight:500;font-size:12px}.article-layout{display:grid;grid-template-columns:210px minmax(0,820px);gap:55px;justify-content:center}.article-side{position:sticky;top:30px;align-self:start;font-size:13px;color:#6c7f68}.article-side strong{font:36px "Songti SC",serif;color:var(--ink)}.article-side p{margin:25px 0}.ask-link{display:block;border-top:1px solid var(--line);padding-top:20px}.reader{background:#fff;padding:38px 45px;min-width:0;border:1px solid #e1e6dd}.reader h1{font-size:30px;margin-top:0}.reader h2{margin-top:35px;font-size:23px}.reader p,.reader li{font-size:16px;line-height:1.95}.reader a{overflow-wrap:anywhere}.reader table{width:100%;font-size:13px;border-collapse:collapse;display:block;overflow:auto}.reader td,.reader th{border:1px solid var(--line);padding:8px}.reader img{max-width:100%;height:auto;display:block;margin:auto}.article-image-trigger{width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.reader>p>.article-image-trigger img{max-height:750px;object-fit:contain}.course-image-caption{font-size:12px!important;color:var(--muted);text-align:center;margin:5px 0 30px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-grid button{border:1px solid var(--line);padding:5px}.gallery-grid span{font-size:11px;color:var(--muted)}.read-next{margin-top:35px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px}dialog{border:0;padding:45px 20px 20px;max-width:95vw;width:1000px;max-height:95vh;background:#f5f4ed;border-radius:6px}dialog::backdrop{background:#051b17dd}dialog img{display:block;width:100%;height:auto}dialog>button{position:sticky;top:0;float:right;z-index:2;background:#173e31;color:#fff;border:0;padding:10px 20px;border-radius:5px;cursor:pointer}dialog p{font-size:12px;text-align:center}@media(max-width:1050px){.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr;gap:20px}.article-side{position:static}.article-side p,.article-side strong,.ask-link{display:none}}@media(max-width:600px){.reading-intro{display:block;padding-top:20px}.reading-intro>a{display:inline-block;margin-top:16px}.reading-grid{gap:14px}.cover{height:230px;padding:6px}.card-copy{padding:13px}.card-copy h2{font-size:17px;min-height:52px}.card-copy p{display:none}.card-copy small{font-size:9px}.reading-label{font-size:10px;letter-spacing:1px}.reader{padding:23px 18px}.reader h1{font-size:25px}.reader h2{font-size:21px}.reader p,.reader li{font-size:16px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.read-next{flex-wrap:wrap}}@media(max-width:370px){.reading-grid{grid-template-columns:1fr}.cover{height:330px}.card-copy h2{min-height:0}}@media print{.article-side,.reading-intro,.read-next,dialog{display:none}.reader{padding:0;border:0}}
/* Reading controls: preserve the article and original course artwork. */
.article-toc{border:1px solid var(--line);background:#f6f8f1;padding:12px 18px;margin:20px 0 28px;border-radius:6px}.article-toc summary{padding:0;font-weight:600}.article-toc ol{padding-left:22px;columns:2;column-gap:28px}.article-toc li{font-size:14px;line-height:1.65;break-inside:avoid;margin:8px 0}.reader h2{scroll-margin-top:20px}.article-pagination{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;flex-wrap:wrap}.article-pagination a{font-size:14px;text-decoration:none}.image-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;top:0;background:#f5f4ed;padding:0 0 12px;z-index:3}.image-toolbar button{border:1px solid #b4c4b5;border-radius:5px;background:#173e31;color:white;padding:10px 14px;min-height:44px;cursor:pointer}.image-toolbar button:disabled{opacity:.35;cursor:default}.image-toolbar span{font-size:13px}.image-toolbar #close-image{margin-left:auto}.image-stage{max-height:74vh;overflow:auto;overscroll-behavior:contain}.image-stage img{margin:0 auto}dialog{padding-top:16px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #608a58;outline-offset:3px}@media(max-width:600px){.article-toc ol{columns:1}.image-toolbar{gap:6px}.image-toolbar button{font-size:12px;padding:8px 10px}.article-pagination{display:grid;gap:14px}}@media(prefers-reduced-motion:reduce){.reading-card{transition:none}.reading-card:hover{transform:none}}@media print{.article-toc,.article-pagination{display:none}}

/* 2026-10-24 课程九图逐图说明 */
.course-image-captions{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.course-image-captions li{display:grid;grid-template-columns:44px 1fr;gap:10px;background:#f7faf8;border:1px solid #dfe9e1;border-radius:10px;padding:12px 14px}
.course-image-captions b{color:#1b5e20;font-size:14px;line-height:1.6}
.course-image-captions strong{display:block;color:#173d1c;font-size:15px;margin-bottom:2px}
.course-image-captions span{color:#4a5a50;font-size:14px;line-height:1.65}
@media (max-width:640px){.course-image-captions li{grid-template-columns:34px 1fr;padding:10px 12px}}