/* ===== read-detail-v5 框架样式（逐条移植自 inline-0.css） ===== */
.read-detail-v5{--detail-ink:#151617;--detail-muted:#858b8a;--detail-soft:#f1f3ef;--detail-green:#b9f33b;--detail-green-deep:#82b91e;--detail-page-frame:1566px;--detail-page-gutter:clamp(18px, 2vw, 32px);padding:30px var(--detail-page-gutter) 72px;color:var(--detail-ink);background:radial-gradient(circle at 72% 4%,#b9f33b17,#0000 25rem),#f7f8f5;margin:0 calc(-1*clamp(18px,3vw,56px));position:relative}
.site-shell:has(>.read-detail-v5){overflow:visible}
.read-detail-v5-progress{background:#1416150d;height:3px;position:absolute;inset:0 0 auto;overflow:hidden}
.read-detail-v5-progress i{background:var(--detail-green);border-radius:0 999px 999px 0;height:100%;transition:width .12s linear;display:block}
.read-detail-v5-layout{width:min(100%,var(--detail-page-frame));grid-template-columns:176px minmax(0,1fr) 288px;align-items:start;gap:24px;margin:0 auto;display:grid}
.read-detail-v5-left,.read-detail-v5-right{align-self:start;position:sticky;top:24px}
.read-detail-v5-rail{overflow:visible}
.read-detail-v5-author,.read-detail-v5-comments,.read-detail-v5-progress-card,.read-detail-v5-quick-actions,.read-detail-v5-related,.read-detail-v5-toc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-radius:18px;box-shadow:0 12px 34px #232b260d}
.read-detail-v5-toc{padding:20px 18px}
.read-detail-v5-side-title{letter-spacing:.08em;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:13px;font-weight:750;display:flex}
.read-detail-v5-side-title span{background:var(--detail-green);color:#26320f;letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:inline-flex}
.read-detail-v5-toc nav{gap:3px;display:grid}
.read-detail-v5-toc a{color:#929795;border-radius:10px;grid-template-columns:12px 22px minmax(0,1fr);align-items:start;gap:0 6px;padding:7px 8px;font-size:12px;line-height:1.5;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:grid}
.read-detail-v5-toc a:hover{color:var(--detail-ink);background:#f4f6f1;transform:translate(2px)}
.read-detail-v5-toc-index{color:#c2c5c1;font-variant-numeric:tabular-nums}
.read-detail-v5-toc-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-width:0}
.read-detail-v5-toc-empty{color:#a3a7a4;margin:0;font-size:12px;line-height:1.7}
.read-detail-v5-progress-card{place-items:center;margin-top:12px;padding:22px 16px 18px;display:grid}
.read-detail-v5-ring{background:conic-gradient(var(--detail-green) var(--progress),#edf0e9 0);border-radius:50%;place-items:center;width:92px;height:92px;display:grid}
.read-detail-v5-ring:before{content:"";background:#fff;border-radius:50%;width:72px;height:72px;position:absolute}
.read-detail-v5-ring span,.read-detail-v5-ring strong{z-index:1;position:relative}
.read-detail-v5-ring strong{font-variant-numeric:tabular-nums;font-size:19px;line-height:1}
.read-detail-v5-ring span{color:#a0a5a1;margin-top:-23px;font-size:10px}
.read-detail-v5-progress-card>p{color:#919692;margin:12px 0 0;font-size:11px}
.read-detail-v5-quick-actions{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px;padding:8px;display:grid}
.read-detail-v5-quick-actions a,.read-detail-v5-quick-actions button{color:#909591;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:11px;flex-direction:column;align-items:center;gap:5px;padding:9px 3px;font-size:10px;text-decoration:none;transition:background .16s,color .16s;display:flex}
.read-detail-v5-quick-actions .active,.read-detail-v5-quick-actions a:hover,.read-detail-v5-quick-actions button:hover{color:#668f18;background:#eff7dd}
.read-detail-v5-center{min-width:0}
.read-detail-v5-article,.read-detail-v5-hero{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 18px 60px #252f2812}
.read-detail-v5-hero{grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);min-height:316px;display:grid}
.read-detail-v5-hero-copy{flex-direction:column;min-width:0;padding:34px 34px 28px;display:flex}
.read-detail-v5-kicker{color:var(--detail-green-deep);align-items:center;gap:9px;margin-bottom:20px;font-size:12px;font-weight:720;display:flex}
.read-detail-v5-kicker:before{content:"";background:var(--detail-green);border-radius:999px;width:22px;height:3px}
.read-detail-v5-hero h1{letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(30px,3vw,48px);font-weight:780;line-height:1.13}
.read-detail-v5-excerpt{color:#8b908d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:18px 0 22px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}
.read-detail-v5-hero-meta{color:#969b97;align-items:center;gap:9px;margin-top:auto;font-size:12px;display:flex}
.read-detail-v5-hero-meta strong{color:#323532;font-weight:670}
.read-detail-v5-hero-meta i{background:#c9ccc8;border-radius:50%;width:3px;height:3px}
.read-detail-v5-hero-actions{gap:8px;margin-top:18px;display:flex}
.read-detail-v5-hero-actions button{color:#737976;height:34px;font:inherit;cursor:pointer;background:#f4f5f2;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12px;transition:transform .16s,background .16s,color .16s;display:inline-flex}
.read-detail-v5-hero-actions button:hover{color:#618817;background:#edf6d9;transform:translateY(-1px)}
.read-detail-v5-cover{background:linear-gradient(145deg,#dce8ba,#a8d834);border-radius:16px;min-height:292px;margin:12px;overflow:hidden}
.read-detail-v5-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;min-height:292px;transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.read-detail-v5-hero:hover .read-detail-v5-cover img{transform:scale(1.025)}
.read-detail-v5-cover-placeholder{color:#1c2a0894;place-items:center;width:100%;height:100%;min-height:292px;display:grid}
.read-detail-v5-article{margin-top:16px}
.read-detail-v5-article-head{justify-content:space-between;align-items:center;padding:22px 34px 18px;display:flex}
.read-detail-v5-article-head h2{letter-spacing:.04em;margin:0;font-size:15px}
.read-detail-v5-article-head span{color:#a0a5a1;font-size:11px}
.read-detail-v5-markdown{padding:10px clamp(28px,5.5vw,72px) 64px}
.read-detail-v5-markdown .md-editor-preview-wrapper{padding:0}
.read-detail-v5-markdown .md-editor-preview{color:#343936;font-size:16px;line-height:1.95}
.read-detail-v5-markdown .md-editor-preview h1,.read-detail-v5-markdown .md-editor-preview h2,.read-detail-v5-markdown .md-editor-preview h3,.read-detail-v5-markdown .md-editor-preview h4{color:#181b19;letter-spacing:-.025em;font-weight:760}
.read-detail-v5-markdown .md-editor-preview h2{margin-top:2.5em;font-size:26px}
.read-detail-v5-markdown .md-editor-preview h3{margin-top:2em;margin-bottom:0;font-size:20px}
.read-detail-v5-markdown .md-editor-preview p{margin:1.25em 0}
.read-detail-v5-markdown .md-editor-preview img{border-radius:14px;max-width:100%}
.read-detail-v5-markdown .md-editor-preview blockquote{color:#5d6657;background:#f2f6e9;border:0;border-radius:12px;margin:1.6em 0;padding:16px 20px}
.read-detail-v5-markdown .md-editor-preview pre{border-radius:14px}
.read-detail-v5-right>.read-detail-v5-rail{gap:12px;display:grid}
.read-detail-v5-author{padding:22px}
.read-detail-v5-author-top{align-items:center;gap:12px;display:flex}
.read-detail-v5-author-avatar,.read-detail-v5-author-top img{-o-object-fit:cover;object-fit:cover;border-radius:15px;flex:0 0 48px;width:48px;height:48px}
.read-detail-v5-author-avatar{color:#6e981d;background:#eff7df;place-items:center;font-size:16px;font-weight:750;display:grid}
.read-detail-v5-author-top h3{margin:0 0 4px;font-size:15px}
.read-detail-v5-author-top p{color:#9a9f9b;margin:0;font-size:11px}
.read-detail-v5-author-bio{color:#8f9491;margin:15px 0;font-size:12px;line-height:1.65}
.read-detail-v5-author-stats{background:#f7f8f5;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:12px 0;display:grid}
.read-detail-v5-author-stats div{text-align:center;gap:3px;display:grid}
.read-detail-v5-author-stats strong{font-size:14px}
.read-detail-v5-author-stats span{color:#a0a4a1;font-size:9px}
.read-detail-v5-author-link{color:#6d941f;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:11px;font-weight:650;text-decoration:none;display:flex}
.read-detail-v5-comments,.read-detail-v5-related{padding:20px}
.read-detail-v5-comments-head,.read-detail-v5-related-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}
.read-detail-v5-comments-head h3,.read-detail-v5-related-head h3{margin:0;font-size:14px}
.read-detail-v5-comments-head span,.read-detail-v5-related-head a{color:#9da19e;font-size:10px;text-decoration:none}
.read-detail-v5-comment-composer{background:#f6f7f4;border-radius:13px;padding:12px}
.read-detail-v5-comment-composer textarea{resize:vertical;color:#343735;width:100%;min-height:62px;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px;line-height:1.6;display:block}
.read-detail-v5-comment-composer textarea::placeholder{color:#b4b8b4}
.read-detail-v5-composer-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}
.read-detail-v5-composer-actions>div{gap:5px;display:flex}
.read-detail-v5-composer-actions button{color:#9da29e;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;display:grid}
.read-detail-v5-composer-actions>button:last-child{background:var(--detail-green);color:#26320f;border-radius:999px;width:auto;padding:0 12px;font-size:10px;font-weight:700}
.read-detail-v5-comment-list{gap:15px;margin-top:18px;display:grid}
.read-detail-v5-comment{grid-template-columns:30px minmax(0,1fr);gap:10px;display:grid}
.read-detail-v5-comment-avatar,.read-detail-v5-comment>img{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:30px;height:30px}
.read-detail-v5-comment-avatar{color:#739422;background:#eef3e5;place-items:center;font-size:10px;font-weight:700;display:grid}
.read-detail-v5-comment-name{align-items:center;gap:7px;display:flex}
.read-detail-v5-comment-name strong{font-size:11px}
.read-detail-v5-comment-name time{color:#b0b4b0;font-size:9px}
.read-detail-v5-comment p{color:#777d79;margin:5px 0 0;font-size:11px;line-height:1.6}
.read-detail-v5-no-comments{color:#a5aaa6;text-align:center;margin:16px 0 0;font-size:11px}
.read-detail-v5-related-list{gap:8px;display:grid}
.read-detail-v5-related-item{color:inherit;border-radius:11px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:6px;text-decoration:none;transition:background .16s;display:grid}
.read-detail-v5-related-item:hover{background:#f4f6f1}
.read-detail-v5-related-item img,.read-detail-v5-related-thumb{-o-object-fit:cover;object-fit:cover;border-radius:9px;width:72px;height:48px}
.read-detail-v5-related-thumb{background:linear-gradient(135deg,#edf3e4,#cce78c)}
.read-detail-v5-related-item h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 5px;font-size:11px;font-weight:650;line-height:1.45;display:-webkit-box;overflow:hidden}
.read-detail-v5-related-item span{color:#a4a9a5;font-size:9px}
.read-detail-v5-toc>span{color:#a4aaa6;letter-spacing:.16em;font-size:9px;font-weight:750}
.read-detail-v5-toc>h2{letter-spacing:-.01em;margin:7px 0 14px;font-size:14px}
.read-detail-v5-toc a>i{background:#d6dad4;border-radius:50%;width:5px;height:5px;margin:6px 0 0 4px}
.read-detail-v5-toc a.active{color:#293018;background:#f0f6e5}
.read-detail-v5-toc a.active>i{background:var(--detail-green-deep);box-shadow:0 0 0 4px #b9f33b2e}
.read-detail-v5-progress-card>span{color:#929793;margin-bottom:14px;font-size:10px;font-weight:650}
.read-detail-v5-progress-card>div{background:conic-gradient(var(--detail-green) var(--progress),#edf0e9 0);border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:relative}
.read-detail-v5-progress-card>div:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:9px}
.read-detail-v5-progress-card>div strong{z-index:1;font-variant-numeric:tabular-nums;font-size:19px;position:relative}
.read-detail-v5-quick-actions button b{color:currentColor;min-height:12px;font-size:9px;font-weight:600}
.read-detail-v5-kickers{align-items:center;gap:8px;margin-bottom:20px;display:flex}
.read-detail-v5-kickers span{color:#6f961e;background:#eef7dd;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}
.read-detail-v5-kickers span+span{color:#817a96;background:#f4f3f8}
.read-detail-v5-hero-copy>p{color:#8b908d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:18px 0 22px;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}
.read-detail-v5-author-line{align-items:center;gap:10px;margin-top:auto;display:flex}
.read-detail-v5-avatar{color:#6e961d;background:#eff7df;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:750;display:grid;overflow:hidden}
.read-detail-v5-avatar.is-large{border-radius:15px;flex-basis:48px;width:48px;height:48px;font-size:15px}
.read-detail-v5-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.read-detail-v5-author-line>div{gap:4px;display:grid}
.read-detail-v5-author-card header strong,.read-detail-v5-author-line strong{color:#343835;align-items:center;gap:5px;font-size:12px;display:flex}
.read-detail-v5-author-card header strong i,.read-detail-v5-author-line strong i{background:var(--detail-green);color:#26330e;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}
.read-detail-v5-author-card header small,.read-detail-v5-author-line small{color:#9aa09c;font-size:10px}
.read-detail-v5-placeholder{color:#2a3b0fad;background:linear-gradient(115deg,#0000 48%,#ffffff2e 49% 51%,#0000 52%),linear-gradient(150deg,#dff1b1,#94c72d);align-content:center;place-items:center;gap:12px;width:100%;height:100%;min-height:292px;display:grid;position:relative;overflow:hidden}
.read-detail-v5-placeholder span{letter-spacing:.18em;font-size:10px;font-weight:750}
.read-detail-v5-placeholder i{border:1px solid #324a0f26;border-radius:50%;width:64px;height:64px;position:absolute}
.read-detail-v5-placeholder i:nth-last-child(3){top:18%;left:12%}
.read-detail-v5-placeholder i:nth-last-child(2){width:34px;height:34px;top:13%;right:13%}
.read-detail-v5-placeholder i:last-child{width:96px;height:96px;bottom:9%;right:15%}
.read-detail-v5-article>header{justify-content:space-between;align-items:center;padding:22px 34px 18px;display:flex}
.read-detail-v5-article>header small,.read-detail-v5-article>header span{align-items:center;gap:7px;display:inline-flex}
.read-detail-v5-article>header span{font-size:14px;font-weight:740}
.read-detail-v5-article>header small{color:#a1a6a2;font-size:10px}
.read-detail-v5-prose{padding:8px clamp(28px,5.5vw,72px) 64px;--hz-detail-prose:760px}
.read-detail-v5-prose .read-detail-v5-markdown{width:min(100%,var(--hz-detail-prose));margin-inline:auto;padding:0}
.read-detail-v5-author-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-radius:18px;padding:21px;box-shadow:0 12px 34px #232b260d}
.read-detail-v5-author-card>header{align-items:center;gap:11px;display:flex}
.read-detail-v5-author-card>header>div{gap:4px;display:grid}
.read-detail-v5-author-card>div{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;display:grid}
.read-detail-v5-author-card>div p{text-align:center;background:#f7f8f5;border-radius:11px;gap:4px;margin:0;padding:11px 8px;display:grid}
.read-detail-v5-author-card>div strong{font-size:14px}
.read-detail-v5-author-card>div span{color:#a0a5a1;font-size:9px}
.read-detail-v5-author-card>a{color:#6d941f;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:10px;font-weight:650;text-decoration:none;display:flex}
.read-detail-v5-comments>header,.read-detail-v5-related>header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}
.read-detail-v5-comments>header h2,.read-detail-v5-related>header h2{margin:0;font-size:14px}
.read-detail-v5-comments>header span,.read-detail-v5-related>header a{color:#9da19e;align-items:center;gap:4px;font-size:10px;text-decoration:none;display:inline-flex}
.read-detail-v5-comment-composer>footer{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;margin-top:7px;display:grid}
.read-detail-v5-comment-composer>footer>div{gap:3px;display:flex}
.read-detail-v5-comment-composer>footer button{color:#999f9a;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;height:27px;padding:0 8px;display:inline-grid}
.read-detail-v5-comment-composer>footer>span{color:#b0b4b0;font-size:8px}
.read-detail-v5-comment-composer>footer>button:last-child{background:var(--detail-green);color:#27320f;border-radius:999px;gap:4px;font-size:9px;font-weight:700;display:inline-flex}
.read-detail-v5-comment-composer>footer>button:disabled{opacity:.48;cursor:default}
.read-detail-v5-comment-tabs{gap:4px;margin-top:13px;display:flex}
.read-detail-v5-comment-tabs button{color:#a0a5a1;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 9px;font-size:9px}
.read-detail-v5-comment-tabs button.active{color:#6f941f;background:#f0f6e5;font-weight:700}
.read-detail-v5-comment-list>article{grid-template-columns:30px minmax(0,1fr);gap:9px;display:grid}
.read-detail-v5-comment-list>article>span{color:#739422;background:#eef3e5;border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}
.read-detail-v5-comment-list article header{align-items:center;gap:7px;display:flex}
.read-detail-v5-comment-list article header strong{font-size:10px}
.read-detail-v5-comment-list article header small{color:#b0b4b0;font-size:8px}
.read-detail-v5-comment-list article header button{color:#b0b4b0;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}
.read-detail-v5-comment-list article p{color:#777d79;margin:5px 0;font-size:10px;line-height:1.6}
.read-detail-v5-comment-list article footer{gap:10px;display:flex}
.read-detail-v5-comment-list article footer button{color:#a2a7a3;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:8px;display:inline-flex}
.read-detail-v5-comment-list article footer button.active{color:#75a119}
.read-detail-v5-error{color:#d85c5c;margin:8px 0 0;font-size:10px}
.read-detail-v5-related>a{color:inherit;border-radius:11px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px;padding:6px;text-decoration:none;transition:background .16s;display:grid}
.read-detail-v5-related>a:hover{background:#f4f6f1}
.read-detail-v5-related>a>span{color:#749020;background:linear-gradient(135deg,#edf3e4,#cce78c);border-radius:9px;place-items:center;width:72px;height:48px;font-size:11px;font-weight:700;display:grid;overflow:hidden}
.read-detail-v5-related>a>span img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.read-detail-v5-related>a strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:5px;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}
.read-detail-v5-related>a small{color:#a4a9a5;font-size:8px;display:block}
.read-detail-v5-empty{text-align:center;place-items:center;min-height:60vh;display:grid}
.read-detail-v5-empty h1{margin:0 0 10px;font-size:28px}
.read-detail-v5-empty p{color:#858b87;margin:0 0 20px}
.read-detail-v5-empty a{background:var(--detail-green);color:#25310d;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none}

/* ===== 正文 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.4：Rank Math 面包屑 + TOC 标题 h2→p（目录不再抢正文的 H2） ===== */
.read-detail-v5-breadcrumb{margin:0 0 12px;font-size:12px;line-height:1.5;color:#a4a9a5}
.read-detail-v5-breadcrumb a{color:#8b908d;text-decoration:none}
.read-detail-v5-breadcrumb a:hover{color:#668f18;text-decoration:underline}
.read-detail-v5-breadcrumb .last-breadcrumb{color:#343835;font-weight:600}
.read-detail-v5-toc-title{font-size:13px;font-weight:750;margin:0 0 10px;color:#343835;letter-spacing:.02em}

/* ===== 3.1.7：移动端规范适配 =====
 * ① 评论框 12px → 16px（iOS 聚焦缩放）
 * ② TOC 链接 32px / 快操作按钮 34px → min-height 44px（触控目标规范）。 */
@media (width <= 768px) {
  .read-detail-v5-comment-composer textarea { font-size: 16px; }
  .read-detail-v5-toc a { min-height: 44px; }
  .read-detail-v5-quick-actions a,
  .read-detail-v5-quick-actions button { min-height: 44px; }
}

/* 3.1.8：行内小链接触控目标 ≥24px（WCAG 2.5.8 AA）——面包屑/评论区，
 * 行内元素纵向 padding 计入命中区 */
@media (width <= 768px) {
  .read-detail-v5-breadcrumb a { padding-block: 5px; }
  .read-detail-v5-comment-tabs button { min-height: 24px; }
  .read-detail-v5-comment-list article header a,
  .read-detail-v5-comment-list article header button { padding-block: 5px; }
}
/* 3.1.8 补：作者卡链接 + 相关推荐「全部」链接触控目标 ≥24px */
@media (width <= 768px) {
  .read-detail-v5-author-card > a,
  .read-detail-v5-related > header a { padding-block: 5px; }
}