/* WordPress integration; original design CSS is retained in base/article/archive.css. */
body { --serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif; }
.site-nav ul { display:flex; align-items:center; gap:30px; list-style:none; padding:0; margin:0; }
.site-nav li { position:relative; }
.site-nav a { display:block; font:var(--ml-nav-weight) var(--ml-nav-size)/var(--ml-nav-leading) var(--ml-nav-font); color:var(--ml-nav-color); letter-spacing:var(--ml-nav-tracking); }
.site-nav .current-menu-item>a,.site-nav .current-menu-ancestor>a { color:var(--ink); }
.site-nav ul.sub-menu { display:none; position:absolute; top:100%; right:0; min-width:150px; background:var(--paper); border:1px solid var(--rule); border-radius:8px; padding:12px; z-index:30; }
.site-nav li:focus-within>ul.sub-menu,.site-nav li:hover>ul.sub-menu { display:block; }
.site-nav .sub-menu a { padding:7px; }
.menu-toggle { display:none; cursor:pointer; }
.brand-name { max-width:240px; overflow-wrap:anywhere; white-space:normal; }
.post-title,.timeline-title { font-family:var(--ml-title-font); font-size:var(--ml-title-size); font-weight:var(--ml-title-weight); line-height:var(--ml-title-leading); letter-spacing:var(--ml-title-tracking); color:var(--ml-title-color); }
.timeline-title { font-size:calc(var(--ml-title-size) - 2px); }
.post-excerpt { font-family:var(--ml-excerpt-font); font-size:var(--ml-excerpt-size); font-weight:var(--ml-excerpt-weight); line-height:var(--ml-excerpt-leading); letter-spacing:var(--ml-excerpt-tracking); color:var(--ml-excerpt-color); margin-top:var(--ml-title-gap); }
.post { padding-top:calc(var(--ml-list-gap)/2); padding-bottom:calc(var(--ml-list-gap)/2); }
.post-no-image { grid-template-columns:minmax(0,1fr); }
a:hover { color:var(--seal-red); }
.post-title a { color:inherit; }
.post-title a:hover { color:var(--seal-red); }
.post-meta .post-category { font-family:var(--ml-cardcategory-font); font-size:var(--ml-cardcategory-size); font-weight:var(--ml-cardcategory-weight); line-height:var(--ml-cardcategory-leading); letter-spacing:var(--ml-cardcategory-tracking); color:var(--ml-cardcategory-color); overflow-wrap:anywhere; }
/* Auto excerpts are limited on every screen; cap height also supports browsers without line-clamp. */
.post-excerpt-auto { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; max-height:calc(2em * var(--ml-excerpt-leading)); overflow:hidden; overflow-wrap:anywhere; }
.index-list.categories,.taxonomy-grid:not(.tag-grid) .taxonomy-name { font-family:var(--ml-category-font); font-size:var(--ml-category-size); font-weight:var(--ml-category-weight); line-height:var(--ml-category-leading); letter-spacing:var(--ml-category-tracking); color:var(--ml-category-color); }
.taxonomy-grid:not(.tag-grid) .taxonomy-name { font-size:calc(var(--ml-category-size) + 5px); }
.index-list.tags,.article-tags,.tag-grid .taxonomy-name { font-family:var(--ml-tag-font); font-size:var(--ml-tag-size); font-weight:var(--ml-tag-weight); line-height:var(--ml-tag-leading); letter-spacing:var(--ml-tag-tracking); color:var(--ml-tag-color); }
.article-tags { color:var(--seal-red); }
.tag-grid .taxonomy-name { font-size:calc(var(--ml-tag-size) + 4px); }
.post-meta time,.numeric,.number,.term-count,.taxonomy-count,.timeline-date,.page-control,.page-ellipsis,.comment-time { font-family:var(--ml-numbers-font); font-weight:var(--ml-numbers-weight); letter-spacing:var(--ml-numbers-tracking); font-variant-numeric:tabular-nums; }
.post-meta time,.article-meta time,.timeline-date { font-size:var(--ml-numbers-size); line-height:var(--ml-numbers-leading); color:var(--ml-numbers-color); }
.article-title { font-family:var(--ml-title-font); font-size:var(--ml-title-single); font-weight:var(--ml-title-weight); line-height:var(--ml-title-single-leading); letter-spacing:var(--ml-title-tracking); color:var(--ml-title-color); }
.article-body { font-family:var(--ml-body-font); font-size:var(--ml-body-size); font-weight:var(--ml-body-weight); line-height:var(--ml-body-leading); color:var(--ml-body-color); letter-spacing:var(--ml-body-tracking); }
.article-body p { margin:0 0 var(--ml-paragraph-gap); }
.article-body p+p { margin-top:0; }
.article-body h1,.article-body h2,.article-body h3,.article-body h4 { font-family:var(--ml-title-font); line-height:var(--ml-title-leading); }
.article-body a,.comment-text a { color:var(--seal-red); text-decoration:underline; text-underline-offset:3px; }
.article-body ul,.article-body ol { padding-left:1.6em; margin:1em 0; }
.article-body pre { white-space:pre-wrap; overflow:auto; padding:18px; border-radius:6px; background:#f3f4f5; font-size:.85em; }
.article-body code { font-family:ui-monospace,monospace; }
.article-body table { width:100%; border-collapse:collapse; }
.article-body th,.article-body td { border:1px solid var(--rule); padding:8px; }
.article-body figure { margin:24px 0; max-width:100%; }
.article-body iframe,.article-body video { max-width:100%; }
.article-body figcaption,.wp-caption-text { color:var(--quiet-ink); font-size:.8em; text-align:center; }
.article-body .alignleft { float:left; margin:0 24px 20px 0; }
.article-body .alignright { float:right; margin:0 0 20px 24px; }
.article-body .aligncenter { display:block; margin-inline:auto; }
.article-body::after { display:block; clear:both; content:""; }
.article-body .wp-block-image img { display:block; }
.article-body .wp-block-gallery { gap:16px; }
.sticky .post-title::before { content:"置顶 · "; color:var(--seal-red); font-size:12px; }
.bypostauthor>.comment-info { color:var(--seal-red); }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.comment-reply-title { font:400 22px/1.7 var(--serif); margin-bottom:19px; }
.comment-reply-title small { margin-left:15px; color:var(--seal-red); font:12px/1.8 var(--sans); }
.comment-form>p { margin:14px 0; }
.comment-form label { display:block; color:#76808b; font-size:12px; margin-bottom:8px; }
.comment-form .required { color:var(--seal-red); }
.comment-form .comment-form-cookies-consent { display:flex; align-items:flex-start; gap:8px; }
.comment-form .comment-form-cookies-consent input { width:auto; height:auto; margin-top:5px; }
.comment-form .comment-form-cookies-consent label { display:inline; }
.comment-form .form-submit { text-align:right; }
.comment-form .comment-submit { display:inline-block; width:auto; background:var(--seal-red); color:#fff; padding:0 22px; border-color:var(--seal-red); }
.comment-list .children { margin:19px 0 0 8px; padding:0 0 0 22px; border-left:1px solid var(--rule); list-style:none; }
.comment-list .children>li+li { margin-top:20px; }
.comment-list p+p { margin-top:12px; }
.comment-pagination { margin-top:20px; display:flex; flex-wrap:wrap; gap:12px; }
.comment-pagination .current { color:var(--seal-red); }
.comment-awaiting-moderation { color:var(--seal-red); }
.post-password-form input { max-width:100%; padding:8px; border:1px solid var(--rule); }
.post-password-form input[type=submit] { background:var(--seal-red); color:white; }
.admin-bar .site-header { top:32px; }
#main { scroll-margin-top:95px; }
:focus-visible { outline:2px solid var(--seal-red); outline-offset:4px; }
@media(max-width:782px) { .admin-bar .site-header { top:46px; } }
@media(max-width:700px) {
 .site-nav ul { gap:20px; }
 .article-body { font-size:var(--ml-body-mobile); line-height:var(--ml-body-mobile-leading); }
}
@media(max-width:600px) { .admin-bar .site-header { top:0; } }
@media(max-width:480px) {
 .site-nav ul { gap:16px; }
 .site-nav a { font-size:var(--ml-nav-mobile); }
 .brand-name { max-width:110px; }
 .post-title { font-size:var(--ml-title-mobile); }
 .timeline-title { font-size:calc(var(--ml-title-mobile) - 2px); }
 .post-excerpt { font-size:var(--ml-excerpt-mobile); margin-top:var(--ml-title-gap); }
 .article-title { font-size:var(--ml-title-single-mobile); }
 .article-body p { margin-bottom:var(--ml-paragraph-mobile); }
 .index-list.categories { font-size:var(--ml-category-mobile); }
 .taxonomy-grid:not(.tag-grid) .taxonomy-name { font-size:calc(var(--ml-category-mobile) + 3px); }
 .index-list.tags,.article-tags { font-size:var(--ml-tag-mobile); }
 .tag-grid .taxonomy-name { font-size:calc(var(--ml-tag-mobile) + 2px); }
 .post-meta time,.article-meta time,.timeline-date { font-size:var(--ml-numbers-mobile); }
 .post-meta .post-category { font-size:var(--ml-cardcategory-mobile); }
 .post { padding-top:calc(var(--ml-list-gap)/2); padding-bottom:calc(var(--ml-list-gap)/2); }
 .comment-list .children { padding-left:15px; margin-left:2px; }
 .comment-reply-title { font-size:20px; }
 .timeline-row { grid-template-columns:70px minmax(0,1fr) minmax(34px,55px); }
 .timeline-category { overflow-wrap:anywhere; }
 .article-body .alignleft,.article-body .alignright { float:none; margin:20px auto; }

}

.site-nav { flex-shrink:0; }
.site-nav a { white-space:nowrap; }
.header-inner.nav-collapsed { flex-wrap:wrap; padding-block:9px; }
.nav-collapsed .menu-toggle { display:block; color:var(--quiet-ink); font-size:13px; }
.nav-collapsed .site-nav { display:none; width:100%; padding-bottom:8px; }
.nav-collapsed .site-nav.is-open { display:block; }
.nav-collapsed .site-nav ul { flex-wrap:wrap; gap:12px 22px; }
.nav-collapsed .site-nav ul.sub-menu { position:static; display:block; border:0; padding:4px 0 0 10px; background:none; }
/* Three identity fields share a row, as in the supplied article design. */
.comment-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:18px; }
.comment-form>* { grid-column:1 / -1; min-width:0; }
.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form .comment-form-url { grid-column:auto; }
@media(max-width:480px) { .comment-form { grid-template-columns:minmax(0,1fr); } }

/* AI阅评：独立排版变量，默认字体及大小跟随正文。 */
.ml-ai-note { margin-top:calc(32px + 1em * var(--ml-ai-leading)); padding-top:18px; border-top:1px solid var(--rule,#e9edf0); font-family:var(--ml-ai-font); font-size:var(--ml-ai-size); font-weight:var(--ml-ai-weight); line-height:var(--ml-ai-leading); letter-spacing:var(--ml-ai-tracking); color:var(--ml-ai-color); overflow-wrap:anywhere; }
.ml-ai-note h2 { display:flex; align-items:center; gap:6px; margin:0 0 10px; font-family:inherit; font-size:var(--ml-ai-title-size); font-weight:inherit; line-height:1.7; color:inherit; }
.ml-ai-note-text p { margin:0 0 .8em; }
.ml-ai-note-text p:last-child { margin-bottom:0; }
@media(max-width:700px) { .ml-ai-note { font-size:var(--ml-ai-mobile); } .ml-ai-note h2 { font-size:var(--ml-ai-title-mobile); } }

.ml-ai-icon { flex:none; display:inline-block; width:1.15em; height:1.15em; color:var(--seal-red,#a55e52); vertical-align:middle; }
