/* pages.css - 二级页面样式 */
.page-wrap { padding: 20px 0 50px; min-height: 500px; overflow: hidden; }
.breadcrumb { padding: 12px 0; font-size: 13px; color: #999; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.breadcrumb a { color: #666; }
.breadcrumb a:hover { color: #c81623; }
.page-main { width: 72%; }
.page-sidebar { width: 25%; }
.page-header { border-bottom: 2px solid #c81623; padding-bottom: 15px; margin-bottom: 25px; }
.page-header h1 { font-size: 26px; color: #333; margin-bottom: 8px; }
.page-desc { color: #999; font-size: 14px; }

/* Article list */
.article-list li { padding: 20px 0; border-bottom: 1px dashed #eee; overflow: hidden; }
.article-list.compact li { padding: 10px 0; }
.article-thumb { margin-right: 15px; }
.article-thumb img, .article-thumb .img-placeholder { width: 160px; height: 100px; object-fit: cover; display: block; }
.article-item { overflow: hidden; }
.article-item.no-thumb { width: 100%; }
.article-item h3 { font-size: 18px; margin-bottom: 8px; line-height: 1.4; }
.article-item h3 a { color: #333; }
.article-item h3 a:hover { color: #c81623; }
.article-summary { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
.article-meta { color: #bbb; font-size: 12px; }
.article-meta span { margin-right: 15px; }

/* Article detail */
.article-detail h1 { font-size: 28px; line-height: 1.4; margin-bottom: 15px; color: #222; }
.article-info { color: #999; font-size: 13px; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.article-info span { margin-right: 20px; }
.article-info a { color: #c81623; }
.article-banner { margin-bottom: 20px; }
.article-banner img, .article-banner .banner-placeholder { width: 100%; max-height: 400px; object-fit: cover; }
.article-content { font-size: 16px; line-height: 1.9; color: #444; overflow-x: hidden; word-wrap: break-word; overflow-wrap: break-word; }
.article-content p { margin-bottom: 18px; text-indent: 2em; }
.article-content h1 { font-size: 20px; margin: 28px 0 14px; text-indent: 0; color: #222; line-height: 1.45; font-weight: 600; }
.article-content h2 { font-size: 20px; margin: 28px 0 14px; text-indent: 0; color: #222; line-height: 1.45; }
.article-content h3 { font-size: 18px; margin: 25px 0 12px; text-indent: 0; color: #333; }
.article-content h4 { font-size: 16px; margin: 20px 0 10px; text-indent: 0; color: #333; }
.article-content ul { margin: 0 0 18px 2em; }
.article-content ol { margin: 0 0 18px 2em; list-style: decimal; }
.article-content li { margin-bottom: 8px; list-style: disc; }
.article-content ol li { list-style: decimal; }
.article-content img,
.article-content video,
.article-content iframe { max-width: 100% !important; height: auto !important; }
.article-content table { display: block; max-width: 100%; overflow-x: auto; }
.article-content section { display: block; max-width: 100% !important; box-sizing: border-box; }
.article-content .wx-import { max-width: 100%; overflow: hidden; }
.article-content .wx-import section[data-tools="135编辑器"][data-role="title"],
.article-content .wx-import section[data-role="title"][data-tools="135编辑器"] { display: none !important; }
.article-content .wx-import section,
.article-content .wx-import section section { display: block !important; margin: 0 0 0.8em !important; text-indent: 0; max-width: 100% !important; width: auto !important; box-sizing: border-box !important; flex: unset !important; float: none !important; position: static !important; transform: none !important; }
.article-content .wx-import section[style*="display:flex"],
.article-content .wx-import section[style*="display: flex"] { display: block !important; }
.article-content .wx-import [data-width] { max-width: 100% !important; width: auto !important; height: auto !important; }
.article-content .wx-import p { text-indent: 0; max-width: 100%; box-sizing: border-box; }
.article-content .wx-import p:not([style*="text-align"]) { text-indent: 2em; }
.article-content .wx-import p[style*="text-indent:0"],
.article-content .wx-import p[style*="text-indent: 0"] { text-indent: 0 !important; }
.article-content .wx-import img { max-width: 100% !important; height: auto !important; vertical-align: middle; display: block; margin: 0.6em auto; }
.article-content .wx-import p[style*="center"] img,
.article-content .wx-import section[style*="center"] img { display: block; margin: 0.6em auto; }
.article-content .wx-import span { text-indent: inherit; }
.article-content .wx-import ol { margin: 0 0 18px 2em; padding-left: 0; list-style: decimal; }
.article-content .wx-import ul { margin: 0 0 18px 2em; list-style: disc; }
.article-content .wx-import ol li { list-style: decimal; }
.article-content .wx-import ul li { list-style: disc; }
.article-content .wx-import blockquote { margin: 1em 0; padding: 0.8em 1em; background: #f9f9f9; border-left: 3px solid #c81623; text-indent: 0; }
.article-tags { margin-top: 30px; padding-top: 15px; border-top: 1px solid #eee; font-size: 13px; color: #999; }
.article-tags a { display: inline-block; padding: 3px 10px; background: #f5f5f5; border-radius: 3px; margin-left: 5px; color: #666; }
.article-tags a:hover { background: #fff0f0; color: #c81623; }
.related-articles { margin-top: 40px; padding-top: 20px; border-top: 2px solid #eee; }
.related-articles h3 { font-size: 18px; margin-bottom: 15px; color: #333; }

/* Sidebar */
.sidebar-box { background: #f9f9f9; padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.sidebar-box h3 { font-size: 16px; color: #333; border-bottom: 2px solid #c81623; padding-bottom: 8px; margin-bottom: 12px; }
.sidebar-list li { padding: 6px 0; border-bottom: 1px dotted #e0e0e0; font-size: 13px; }
.sidebar-list li a { color: #555; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-list li a:hover { color: #c81623; }

/* Org */
.org-list .org-card { padding: 20px; border: 1px solid #eee; margin-bottom: 15px; border-radius: 4px; transition: box-shadow .3s; }
.org-list .org-card:hover { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.org-card-info { width: 75%; }
.org-card-info h3 { font-size: 18px; margin-bottom: 8px; }
.org-card-info h3 a { color: #333; }
.org-meta { color: #999; font-size: 13px; margin-bottom: 8px; }
.org-meta span { margin-right: 15px; }
.org-score { color: #c81623; font-weight: bold; font-size: 16px; }
.org-summary { color: #666; font-size: 14px; line-height: 1.6; }
.org-card-action { padding-top: 15px; }
.btn-primary { display: inline-block; padding: 8px 20px; background: #c81623; color: #fff; border-radius: 3px; font-size: 14px; }
.btn-primary:hover { background: #a8131e; color: #fff; }
.org-detail h1 { font-size: 28px; margin-bottom: 15px; }
.org-detail-meta { font-size: 14px; color: #666; }
.org-score-big { font-size: 42px; color: #c81623; font-weight: bold; margin-right: 5px; }

/* Static page */
.static-page { width: 100%; float: none; }
.static-content p { text-indent: 0; }

/* HTML sitemap */
.html-sitemap-section { margin-bottom: 35px; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.html-sitemap-section:last-child { border-bottom: none; }
.html-sitemap-section h2 { font-size: 20px; color: #333; margin-bottom: 15px; border-left: 4px solid #c81623; padding-left: 10px; }
.html-sitemap-group { margin-bottom: 18px; }
.html-sitemap-group h3 { font-size: 16px; margin-bottom: 8px; }
.html-sitemap-group h3 a { color: #333; }
.html-sitemap-links { overflow: hidden; }
.html-sitemap-links li { float: left; width: 25%; padding: 6px 12px 6px 0; font-size: 14px; box-sizing: border-box; }
.html-sitemap-links a { color: #555; }
.html-sitemap-links a:hover { color: #c81623; }
.html-sitemap-articles li { padding: 8px 0; border-bottom: 1px dotted #eee; font-size: 14px; }
.html-sitemap-articles a { color: #333; margin-right: 12px; }
.html-sitemap-articles a:hover { color: #c81623; }

/* Nav active */
.header_nav_ul > li.active > a { background: #c81623; }

@media screen and (max-width: 600px) {
    .page-main, .page-sidebar { width: 100%; float: none; }
    .article-thumb { float: none; display: block; margin-bottom: 10px; }
    .org-card-info, .org-card-action { width: 100%; float: none; }
    .html-sitemap-links li { width: 50%; }
}