/* 复载段：md-editor 排版规则（源 single-post.css 同名段，需在 single-post-prose.css 后加载以覆盖 line-height:1.6） */
/* ===== 正文 prose 排版（移植自 inline-1.css 中 md-editor 相关规则） ===== */
.md-editor .md-editor-preview{--md-theme-color:var(--md-color);--md-theme-color-reverse:#eee;--md-theme-color-hover:#eee;--md-theme-color-hover-inset:#ddd;--md-theme-link-color:#2d8cf0;--md-theme-link-hover-color:#73d13d;--md-theme-border-color:#e6e6e6;--md-theme-border-color-reverse:#bebebe;--md-theme-border-color-inset:#d6d6d6;--md-theme-bg-color:#fff;--md-theme-bg-color-inset:#ececec;--md-theme-code-copy-tips-color:inherit;--md-theme-code-copy-tips-bg-color:#fff;--md-theme-code-active-color:#61aeee;--md-theme-radius-s:2px;--md-theme-radius-m:5px}
.md-editor .md-editor-preview{--md-theme-code-inline-color:#3594f7;--md-theme-code-inline-bg-color:#3baafa1a;--md-theme-code-inline-radius:var(--md-theme-radius-s);--md-theme-code-block-color:#a9b7c6;--md-theme-code-block-bg-color:#282c34;--md-theme-code-before-bg-color:var(--md-theme-code-block-bg-color);--md-theme-code-block-radius:var(--md-theme-radius-m)}
.md-editor-preview code{color:var(--md-theme-code-inline-color);background-color:var(--md-theme-code-inline-bg-color);border-radius:var(--md-theme-code-inline-radius);direction:ltr;padding:2px 4px;line-height:22px}
.md-editor-preview .md-editor-code{color:var(--md-theme-code-block-color);margin:20px 0;font-size:12px;line-height:1;position:relative}
.md-editor-preview .md-editor-code .md-editor-code-head{background-color:var(--md-theme-code-before-bg-color);-webkit-tap-highlight-color:#0000;z-index:10000;border-start-start-radius:var(--md-theme-code-block-radius);border-start-end-radius:var(--md-theme-code-block-radius);grid-template:"1fr 1fr";justify-content:space-between;width:100%;height:32px;margin-block-end:0;font-size:12px;list-style:none;display:grid;position:sticky;top:0}
.md-editor-preview .md-editor-code .md-editor-code-head::-webkit-details-marker{display:none}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag{margin-inline-start:12px}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span{border-radius:50%;width:10px;height:10px;margin-block-start:11px;display:inline-block}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:first-of-type{background-color:#ec6a5e}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:nth-of-type(2){background-color:#f4bf4f}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span:nth-of-type(3){background-color:#61c554}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-flag span+span{margin-inline-start:4px}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-action{align-items:center;display:flex}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-action>*{margin-inline-end:10px}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-code-lang{line-height:32px}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-copy-button:not([data-is-icon]){cursor:pointer;line-height:32px;position:static}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips{margin-inline-end:12px}
.md-editor-preview .md-editor-code .md-editor-code-head .md-editor-collapse-tips .md-editor-icon{vertical-align:sub;width:16px;height:16px;font-size:16px;transition:transform .1s;display:inline-block;transform:rotate(0)}
.md-editor-preview .md-editor-code pre{margin:0;position:relative}
.md-editor-preview .md-editor-code pre code{color:var(--md-theme-code-block-color);background-color:var(--md-theme-code-before-bg-color);border-start-start-radius:0;border-start-end-radius:0;border-end-end-radius:var(--md-theme-code-block-radius);border-end-start-radius:var(--md-theme-code-block-radius);padding:1em;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;display:block;overflow:auto}
.md-editor-preview .md-editor-code pre code .md-editor-code-block{vertical-align:bottom;width:100%;color:var(--md-theme-code-block-color);display:inline-block;overflow:auto}
.md-editor-preview details.md-editor-code .md-editor-code-head{cursor:pointer}
.md-editor-preview details.md-editor-code:not([open]) .md-editor-code-head{border-end-end-radius:var(--md-theme-code-block-radius);border-end-start-radius:var(--md-theme-code-block-radius)}
.md-editor-preview details.md-editor-code[open] .md-editor-code-head{border-end-end-radius:0;border-end-start-radius:0}
.md-editor-preview details.md-editor-code[open] .md-editor-code-head .md-editor-collapse-tips .md-editor-icon{transform:rotate(-90deg)}
.md-editor-preview figure{text-align:center;flex-direction:column;margin:0 0 1em;display:inline-flex}
.md-editor-preview figure figcaption{color:var(--md-theme-color);margin-block-start:5px;font-size:.875em}
.md-editor .md-editor-preview{--md-theme-heading-color:var(--md-theme-color);--md-theme-heading-border:none;--md-theme-heading-1-color:var(--md-theme-heading-color);--md-theme-heading-2-color:var(--md-theme-heading-color);--md-theme-heading-3-color:var(--md-theme-heading-color);--md-theme-heading-4-color:var(--md-theme-heading-color);--md-theme-heading-5-color:var(--md-theme-heading-color);--md-theme-heading-6-color:var(--md-theme-heading-color)}
.md-editor .md-editor-preview{--md-theme-quote-color:var(--md-theme-color);--md-theme-quote-border:none;--md-theme-quote-bg-color:inherit}
.md-editor-preview blockquote{color:var(--md-theme-quote-color);border-inline-start:var(--md-theme-quote-border);background-color:var(--md-theme-quote-bg-color);padding:0 1em}
.md-editor-preview{color:var(--md-theme-color)}
.md-editor-previewOnly{border:none;height:auto;overflow:visible}
.md-editor-previewOnly .md-editor-content{height:100%}
.md-editor-previewOnly .md-editor-preview{padding-block:0;padding-inline:0}
.md-editor .md-editor-preview ::-webkit-scrollbar{width:6px;height:6px}
.md-editor .md-editor-preview ::-webkit-scrollbar-button:vertical{display:none}
.md-editor .md-editor-preview ::-webkit-scrollbar-thumb{border-radius:2px}
.md-editor .md-editor-preview ::-webkit-scrollbar-thumb:vertical{background-color:#0000004d}
.md-editor div.default-theme{--md-theme-quote-border:5px solid #35b378;--md-theme-quote-bg-color:var(--md-theme-bg-color-inset)}
div.default-theme blockquote{margin:20px 0;padding:0 1.2em;line-height:2em;display:flow-root}
div.default-theme a{border-block-end:none;line-height:1;display:inline-flex}

/* ===== 派生组件结构补充 ===== */
.read-detail-v5-related-text{display:grid;gap:5px;min-width:0}
.read-detail-v5-related-text strong{font-size:11px;font-weight:650;line-height:1.45;color:#343835;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.read-detail-v5-related-text small{color:#a4a9a5;font-size:9px}
.read-detail-v5-markdown .md-editor-preview figure p{font-size:13px;color:#8b908d;margin:.4em 0 0;text-align:center}
.read-detail-v5-copy-done{color:#668f18!important}

/* ===== 头图播放按钮（结构要点要求） ===== */
.read-detail-v5-cover-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#ffffffcc;color:#26320f;display:grid;place-items:center;backdrop-filter:blur(4px);box-shadow:0 8px 24px #232b2633}
.read-detail-v5-cover{position:relative}

/* ===== @media 响应式（逐条移植） ===== */
@media (width<=1200px){.read-detail-v5-layout{grid-template-columns:170px minmax(0,1fr) 280px;gap:16px}
.read-detail-v5-hero{grid-template-columns:minmax(0,1fr) 300px}
.read-detail-v5-hero-copy{padding:30px 28px 26px}
}
@media (width<=960px){.read-detail-v5-layout{grid-template-columns:164px minmax(0,1fr)}
.read-detail-v5-right{grid-column:2;position:static}
.read-detail-v5-right>.read-detail-v5-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
.read-detail-v5-related{grid-column:1/-1}
.read-detail-v5-related-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (width<=768px){.read-detail-v5{margin-inline:calc(-1*clamp(18px,3vw,56px));padding-inline:18px}
.read-detail-v5-layout{grid-template-columns:minmax(0,1fr)}
.read-detail-v5-left,.read-detail-v5-right{grid-column:auto;position:static}
.read-detail-v5-rail{max-height:none;overflow:visible}
.read-detail-v5-left>.read-detail-v5-rail{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}
.read-detail-v5-progress-card{display:none}
.read-detail-v5-toc{min-width:0;padding:14px}
.read-detail-v5-side-title{margin-bottom:8px}
.read-detail-v5-toc nav{scrollbar-width:none;display:flex;overflow-x:auto}
.read-detail-v5-toc a{flex:none;grid-template-columns:auto auto minmax(0,1fr);max-width:190px}
.read-detail-v5-toc-text{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.read-detail-v5-quick-actions{margin:0}
.read-detail-v5-hero{grid-template-columns:1fr}
.read-detail-v5-cover,.read-detail-v5-cover img,.read-detail-v5-cover-placeholder{min-height:230px}
.read-detail-v5-right>.read-detail-v5-rail{grid-template-columns:1fr}
.read-detail-v5-related{grid-column:auto}
}
@media (width<=560px){.read-detail-v5{padding-top:18px;padding-bottom:44px}
.read-detail-v5-left>.read-detail-v5-rail{grid-template-columns:minmax(0,1fr)}
.read-detail-v5-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
.read-detail-v5-quick-actions a,.read-detail-v5-quick-actions button{flex-direction:row;justify-content:center}
.read-detail-v5-hero-copy{padding:24px 20px 22px}
.read-detail-v5-hero h1{font-size:31px}
.read-detail-v5-hero-meta{flex-wrap:wrap}
.read-detail-v5-cover{margin:0 10px 10px}
.read-detail-v5-article-head{padding-inline:20px}
.read-detail-v5-markdown{padding:4px 20px 42px}
.read-detail-v5-markdown .md-editor-preview{font-size:15px;line-height:1.85}
.read-detail-v5-related-list{grid-template-columns:1fr}
}

/* ===== 3.1.5：手机端文章页栏序修正 =====
 * 桌面三栏（目录|正文|相关）在 ≤768px 塌成单列时，DOM 顺序让目录+操作栏跑到了正文前面。
 * 手机阅读顺序应为：正文 → 目录/操作 → 相关推荐（order 调整，不动 DOM）。 */
@media (width<=768px){
.read-detail-v5-center{order:-1}
.read-detail-v5-left{order:0}
.read-detail-v5-right{order:1}
}

/* ===== 3.1.6：手机端 3px 溢出修正 =====
 * .site-shell ≤680px 的 padding 是 15px（inner-chrome.css:228），
 * 本页负边距却是 clamp 最低 18px → article 左右各溢出 3px。对齐之。 */
@media (width<=680px){
.read-detail-v5{margin-inline:-15px}
}