/* Article metadata and reading controls. */
.art-crumb-bar{background:transparent;border:0}
.art-crumb-bar .art-crumb{max-width:680px;padding:18px 24px 0;gap:8px;flex-wrap:wrap;font-family:inherit;font-size:12px}
.art-crumb .article-topics{display:contents}
.art-crumb .article-topics>span{display:none}
.art-crumb .article-topics>a{font-size:12px;font-weight:500;margin:0;padding:0;border:0;color:var(--muted);text-decoration:none}
.art-crumb .article-topics>a:hover{text-decoration:underline}
.art-crumb .crumb-sep{color:var(--muted);opacity:.55;margin:0 3px}
.reader-root>.reader-intro{box-sizing:border-box;max-width:680px;margin:0 auto;padding:28px 24px 0}
.reader-root>.reader-intro [data-reading-role=title]{margin:0 0 16px}
.reader-root>.reader-intro [data-reading-role=dek]{border:0;padding:0;margin:0 0 18px;font-size:17px;line-height:1.75}
.reader-meta{display:flex;gap:5px 9px;align-items:center;flex-wrap:wrap;font:12px/1.65 inherit;color:var(--muted);font-size:12px;line-height:1.65}
.reader-meta a{color:inherit;text-decoration:none}.reader-meta a:hover{text-decoration:underline}
.reader-meta .reader-verified{color:var(--accent);font-weight:600}
.reader-actions>.reader-meta--end{margin:0 0 0 auto;padding:0;border:0}   /* 第二期：作者 · 日期 · 时长放切换条那行最右 */
@media(max-width:560px){.reader-actions>.reader-meta--end{order:-1;flex-basis:100%;margin:0 0 2px}}   /* 手机：放不下就挪到切换条上面，和标题导语同一条左边线 */
.reader-actions{display:flex;align-items:center;gap:16px;margin:14px 0 0;padding:0 0 10px;border-bottom:1px solid var(--line);font-size:13px}
.reader-root .reader-actions .op-switchbar{display:flex;gap:18px;margin:0 auto 0 0;padding:0;background:none;border:0;box-shadow:none;position:static}
.reader-root .reader-actions .op-switchbar button{font:inherit;min-height:36px;padding:5px 0;border:0;border-radius:0;background:none;color:var(--muted);cursor:pointer}
.reader-root .reader-actions .op-switchbar button[aria-selected=true]{background:none;color:var(--ink);font-weight:600;box-shadow:inset 0 -2px var(--accent)}
.reader-actions>button,.reader-actions summary{font:inherit;min-height:36px;margin:0;padding:5px 0;border:0;border-radius:0;background:none;color:var(--muted);white-space:nowrap;cursor:pointer;list-style:none;line-height:1.4}
.reader-actions summary::-webkit-details-marker{display:none}
.reader-actions>button:hover,.reader-actions summary:hover{color:var(--ink)}
.reader-export{position:relative;margin:0;padding:0;font:inherit}
.reader-export summary::after{content:'⌄';margin-left:5px;font-size:12px}
.reader-export .md-export{position:absolute;right:0;top:100%;z-index:20;width:290px;max-width:calc(100vw - 48px);box-sizing:border-box;margin:4px 0 0;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px #0000000a}
.reader-export .md-export-row{gap:8px}.reader-export .md-export-badge{font-size:10px}
.reader-audio[hidden]{display:none!important}
.reader-audio .podcast-bar{margin:10px 0 0;padding:10px 0 12px;background:none;border:0;border-radius:0;box-shadow:none}
.reader-audio .podcast-bar>.pb-play{width:34px;height:34px}
.reader-intro+style{display:none}
.reader-root>#op-article [data-reading-role=inner]{padding-top:26px}
.reader-root>#op-board{padding-top:24px}
.reader-actions :is(button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:560px){
 .art-crumb-bar .art-crumb{padding:16px 18px 0}
 .reader-root>.reader-intro{padding:23px 18px 0}
 .reader-root>.reader-intro [data-reading-role=dek]{font-size:17px;margin-bottom:16px}
 .reader-actions{gap:12px;font-size:12px;margin-top:12px}
 .reader-root .reader-actions .op-switchbar{gap:14px}
 .reader-meta{font-size:11.5px;gap:4px 8px}
 .reader-root>#op-article [data-reading-role=inner]{padding-top:22px}
 .reader-audio .pb-row1{flex-wrap:nowrap}.reader-audio .pb-row1 .pb-label{flex-basis:auto;white-space:normal;font-size:12px}.reader-audio .pb-row1 .pb-time{font-size:11px}
}


/* Reading column with responsive topic navigation. */
.article-canvas-wrap{padding:0 28px}
.article-body{display:grid;grid-template-columns:192px minmax(0,704px);gap:52px;max-width:948px;margin:36px auto 28px;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none}
.reader-root{min-width:0;grid-column:2;background:none}
.reader-root>.reader-intro{max-width:none;padding:0;margin:0}
.reader-root>.reader-intro [data-reading-role=title]{font-size:32px;line-height:1.5;text-wrap:wrap;margin-bottom:16px}
.reader-root>.reader-intro [data-reading-role=dek]{font-size:17px;margin-bottom:18px}
.reader-root>#op-article [data-reading-role=inner]{max-width:none;padding:24px 0 44px}
.reader-actions{gap:20px;margin-top:16px;padding:0 0 10px}
.reader-root .reader-actions .op-switchbar{margin:0;padding-right:20px;border-right:1px solid var(--line);gap:18px}
.reader-export .md-export{left:0;right:auto}
.reader-rail{grid-column:1;grid-row:1;align-self:stretch;min-width:0;font-size:13px;line-height:1.7;color:var(--muted)}
.reader-rail-inner{position:sticky;top:96px;padding-top:5px}
.reader-rail a{text-decoration:none;color:inherit}
.reader-rail a:hover{color:var(--ink)}
.reader-rail-back{display:block;font-size:12px;margin-bottom:28px}
.reader-rail-label{font-size:11px;letter-spacing:.12em;color:var(--muted);margin:0 0 8px}
.reader-rail-topics{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.reader-rail-topics a{display:block;color:var(--ink);font-size:15px;font-weight:600;line-height:1.7;margin-top:6px}
.reader-toc{display:grid;gap:14px}
.reader-toc a{display:grid;grid-template-columns:19px 1fr;gap:7px;font-size:12px;line-height:1.8;padding-left:10px;border-left:2px solid transparent}
.reader-toc a[aria-current=true]{border-color:var(--ink);color:var(--ink)}
.reader-toc .toc-number{opacity:.6;font-variant-numeric:tabular-nums}
.reader-nav-toggle{display:none}
.reader-root [data-reading-role=summary]{background:color-mix(in srgb,var(--surface) 65%,transparent);padding:18px 20px;border-radius:3px;margin-bottom:28px}
@media(max-width:1050px){
 .article-body{display:block;max-width:704px;margin-top:18px}
 .reader-rail-inner{position:static;padding:0}
 .reader-nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
 .reader-nav-toggle span:last-child{color:var(--muted);font-size:12px}
 .reader-nav-content{display:none;padding:18px 0;border-bottom:1px solid var(--line)}
 .reader-nav-content.is-open{display:block}
 .reader-rail-back{margin-bottom:14px}
 .reader-rail-topics{padding-bottom:14px;margin-bottom:14px}
 .reader-toc{gap:10px}
 .reader-rail{margin-bottom:24px}
 .reader-export .md-export{left:auto;right:0}
}
@media(max-width:560px){
 .article-canvas-wrap{padding:0 22px}
 .article-body{margin-top:8px}
 .reader-rail{margin-bottom:22px}
 .reader-root>.reader-intro{padding:0}
 .reader-root>.reader-intro [data-reading-role=title]{font-size:26px;line-height:1.5}
 .reader-root>.reader-intro [data-reading-role=dek]{font-size:16px;margin-bottom:14px}
 .reader-actions{gap:16px;font-size:12px}
 .reader-root .reader-actions .op-switchbar{gap:14px;padding-right:16px}
 .reader-root>#op-article [data-reading-role=inner]{padding:22px 0 36px}
}
@media(max-width:360px){.article-canvas-wrap{padding:0 16px}.reader-actions{gap:12px}.reader-root .reader-actions .op-switchbar{gap:12px;padding-right:12px}}


.reader-topline{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding:20px 0;margin-bottom:18px}
.reader-root .reader-topline .art-crumb-bar{margin:0}
.reader-root .reader-topline .art-crumb{padding:0}
.reader-topline>.md-export{margin:0 0 0 auto;padding:0;border:0;border-radius:0;box-shadow:none;background:none;flex-shrink:0}
.reader-topline .md-export-row{display:flex;align-items:center;gap:16px;flex-wrap:nowrap}
.reader-topline .md-export-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0;border:0;border-radius:0;background:none;color:var(--muted);font:12px/1.4 inherit;font-size:12px;line-height:1.4;box-shadow:none;cursor:pointer;white-space:nowrap}
.reader-topline .md-export-btn:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.reader-topline .md-export-btn:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.reader-audio .podcast-bar{margin:0;padding:14px 0 12px}
.reader-audio{border-bottom:1px solid var(--line)}
.reader-topline--c{padding:0;margin-bottom:12px;min-height:32px}
@media(max-width:700px){
 .reader-topline{padding:14px 0 0;margin-bottom:16px;gap:6px 14px}
 .reader-topline .md-export-row{gap:16px}
 .reader-topline .md-export-btn{font-size:12px;min-height:36px}
 .reader-topline--c{padding:0;margin-bottom:12px}
}


/* Keep the reading endpoint on the same grid as the article. */
.article-body{row-gap:12px}
.reader-root{position:relative}
.reader-root>#op-article [data-reading-role=inner]{padding-bottom:24px}
.reader-root>.wall-fade{height:68px;z-index:1}
.reader-ending{grid-column:2;min-width:0}
.reader-ending .member-wall{box-sizing:border-box;max-width:none;width:100%;margin:0;padding:0;z-index:auto}
.reader-ending .wall-card{padding:26px 28px;border:1px solid var(--line-2);border-radius:8px;box-shadow:none;text-align:left}
.reader-ending .wall-kick{font-size:10px;letter-spacing:.12em}
.reader-ending .wall-head{font-size:24px;line-height:1.5;margin:9px 0 6px}
.reader-ending .wall-sub{margin:0 0 12px;font-size:14px}
.reader-ending .wall-chips{justify-content:flex-start;gap:7px;margin-bottom:12px}
.reader-ending .wall-chip{font-size:12px;padding:4px 10px;border-radius:4px}
.reader-ending .wall-benefits{display:grid;gap:4px;margin:16px 0}
.reader-ending .wall-benefits .wall-chip{padding:0;background:none;border:0;border-radius:0;color:var(--ink-2);font-size:13px;line-height:1.8;font-weight:400}
.reader-ending .wall-proof{font-size:12px;font-weight:500;text-align:left;margin:14px 0 12px;color:var(--muted)}
.reader-ending .wall-ctas{justify-content:flex-start;gap:8px}
.reader-ending .wall-btn{font-size:13px;padding:11px 16px;border-radius:6px;min-height:40px;box-shadow:none}
.reader-ending .wall-single-note{text-align:left;line-height:1.7;margin-top:12px}
.reader-ending .wall-foot{margin-top:18px;gap:9px;line-height:1.7}
.reader-ending .wall-note{font-size:11.5px}
.reader-ending .wall-sub-alt{margin:22px 0 0;padding:0 0 24px;text-align:left;border-top:0;border-bottom:1px solid var(--line);font-size:13px}
.reader-ending .wall-sub-alt .ws-p{max-width:none;margin:7px 0 12px}
.reader-ending .wall-sub-alt .sub-form{max-width:440px;margin:0}
.reader-ending .wall-sub-alt .sub-form-msg{text-align:left;min-height:0;margin:4px 0}
.reader-ending .wall-sub-alt .ws-more{margin-top:8px;font-size:12px}
.reader-ending>.article-topics{max-width:none;margin:22px 0 0;padding:0 0 22px;border-top:0;gap:8px;font-size:12px}
.reader-ending>.article-topics a{font-size:13px}
.reader-ending .related-wrap{border:0;background:none}
.reader-ending .related-inner{max-width:none;padding:24px 0 0}
.reader-ending .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-ending .related-card{min-width:0}
@media(max-width:1050px){.reader-ending{margin-top:12px}}
@media(max-width:560px){
 .reader-ending .wall-card{padding:20px 18px;border-radius:6px}
 .reader-ending .wall-head{font-size:21px}
 .reader-ending .wall-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .reader-ending .wall-ctas .primary{grid-column:1/-1}
 .reader-ending .wall-btn{padding:11px 8px;text-align:center;font-size:12px}
 .reader-ending .wall-note{font-size:11px}
 .reader-ending .wall-sub-alt{margin-top:22px}
 .reader-ending .related-grid{grid-template-columns:1fr}
}

/* Production integration: isolate the replacement target from permanent navigation. */
.reader-content{grid-column:2;grid-row:1;min-width:0}
.reader-root{min-width:0}
.reader-rail-inner{max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
.reader-actions{flex-wrap:wrap;gap:8px 18px}
.reader-root .reader-actions .op-switchbar{flex-wrap:wrap;min-width:0;justify-content:flex-start;backdrop-filter:none}
.reader-root .reader-actions .op-switch{display:flex;gap:18px;padding:0;background:none;border:0;border-radius:0}
.reader-root .reader-actions .op-switchbar button.is-on{background:none;color:var(--ink);box-shadow:inset 0 -2px var(--ink)}
.reader-audio .podcast-bar[hidden]{display:none!important}
.reader-audio.is-collapsed{border:0}
.reader-topline{justify-content:flex-end}
.reader-topline .md-export-btn{font-family:inherit}
.reader-ending .art-footwrap{max-width:none;padding:0}
.reader-root [data-reading-role=inner]{max-width:none;padding-left:0;padding-right:0}
.reader-root>.reader-intro+.reading-inner{padding-top:24px}
.reader-root .reader-actions [aria-selected=true]{color:var(--ink)!important}
.reader-rail-topics .article-topics{display:block;border:0;margin:0;padding:0}
.reader-rail-topics .article-topics>span{display:none}
.reader-rail-topics .article-topics>a{margin:6px 0 0;border:0;padding:0;color:var(--ink)}
@media(max-width:1050px){.reader-rail-inner{max-height:none;overflow:visible}}

.reader-root .reader-actions .op-switchbar{width:auto;flex:0 1 auto}
.reader-root .reader-actions .op-switchbar button.active{background:none;color:var(--ink);box-shadow:inset 0 -2px var(--ink)}
.reader-root .reader-actions .op-switchbar button{font-size:13px;border-left:0}
.reader-root #op-article [data-reading-role=inner]{padding-top:24px}
@media(max-width:560px){.reader-root .reader-actions .op-switchbar button{font-size:12px}}