/* === SEOfocus Layout - external CSS (extracted 2026-10-30) === */
/* === Typography & Readability === */
.article-content { font-size: 16px; line-height: 1.9; color: #333; letter-spacing: 0.02em; word-break: break-word; }
.article-content p { margin: 0 0 1.2em 0; text-align: justify; }
.article-content h2, .article-content h3, .article-content h4 { margin: 1.8em 0 0.8em; line-height: 1.4; font-weight: 700; color: #1a1a1a; }
.article-content h2 { font-size: 1.5em; padding-left: 12px; border-left: 4px solid #f04494; }
.article-content h3 { font-size: 1.25em; }
.article-content h4 { font-size: 1.1em; }
.article-content img { max-width: 100%; height: auto; border-radius: 6px; margin: 1em auto; display: block; box-shadow: 0 2px 12px rgba(0,0,0,0.08); }
.article-content blockquote { border-left: 4px solid #f04494; background: #fdf3f8; padding: 12px 18px; margin: 1.2em 0; border-radius: 0 6px 6px 0; color: #555; }
.article-content code { background: #f4f4f5; padding: 2px 6px; border-radius: 3px; font-size: 0.9em; color: #e83e8c; }
.article-content pre { border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); margin: 1.2em 0; }
.article-content table { width: 100%; border-collapse: collapse; margin: 1.2em 0; font-size: 0.95em; }
.article-content th, .article-content td { border: 1px solid #e5e7eb; padding: 8px 12px; }
.article-content th { background: #f9fafb; }
.article-content a { color: #f04494; text-decoration: none; border-bottom: 1px dashed #f04494; }
.article-content a:hover { opacity: 0.8; }

.related-seo-box { border-left: 3px solid #f04494; background: linear-gradient(135deg, #fdf3f8 0%, #fff 100%); }
.related-seo-box h3 { font-size: 15px; color: #f04494; }
.related-seo-box li a { color: #444; text-decoration: none; border: none; }
.related-seo-box li a:hover { color: #f04494; }

.separator.em09 { display: none !important; }
.user-card.author { padding: 15px; }
.posts-item { transition: all 0.25s; }
.posts-item:hover { transform: translateY(-3px); }
img.lazyload { background: #f0f0f0; }

/* === Fix header search overlap on mobile === */
@media (max-width: 768px) {
    .article-content { font-size: 15px; line-height: 1.8; }
    .article-content h2 { font-size: 1.3em; }
    .header-slider-search { position: relative !important; top: auto !important; left: auto !important; transform: none !important; margin: 10px 15px !important; width: auto !important; z-index: 5 !important; }
    .header-slider { padding-bottom: 20px !important; }
    .header-slider-search.abs-center { position: relative !important; transform: none !important; }
}

/* rounded-2026 - 标签圆角胶囊化 */
.round_tags .meta-item,
.round_tags .label,
.round_tags .post-meta .label,
.round_tags .item-label,
.round_tags .cat-link,
.round_tags .tagcloud a,
.round_tags .widget_rss a,
.round_tags .meta-categories a,
.round_tags .meta-tags a,
.round_tags .article-tags a,
.round_tags .post-tags a,
.round_tags .label-primary,
.round_tags .label-default,
.round_tags .badge,
.round_tags .zhe-posts-sousuo,
.round_tags .search-input,
.round_tags input[type=text],
.round_tags input[type=search],
.round_tags .search-submit,
.round_tags .btn,
.round_tags a.btn,
.round_tags .button,
.round_tags .view-more,
.round_tags .more-link,
.round_tags .page-numbers,
.round_tags .nav-links .page-numbers {
    border-radius: 999px !important;
}
/* 卡片大圆角 */
.round_tags .card,
.round_tags .widget,
.round_tags .panel,
.round_tags .item-card,
.round_tags .row-item,
.round_tags .fl-blog,
.round_tags .mb15,
.round_tags .box-widget,
.round_tags .post-item,
.round_tags .zib-widget,
.round_tags .zib-widget .widget-body,
.round_tags .header-search,
.round_tags .header-search-form,
.round_tags .search-panel,
.round_tags .down-dropdown,
.round_tags .header-sub,
.round_tags .multi-function-box,
.round_tags .quick-nav-box,
.round_tags .featured-category,
.round_tags .mod-custom,
.round_tags .mod-item,
.round_tags .hot-tuijian,
.round_tags .rank-item,
.round_tags .view-rank,
.round_tags .article-list .item,
.round_tags .list-item,
.round_tags .comments-area,
.round_tags .comment-body,
.round_tags .respond,
.round_tags .author-box,
.round_tags .related-content,
.round_tags .pay-box,
.round_tags .down-button,
.round_tags .down-progress,
.round_tags .meta-share,
.round_tags .social-change,
.round_tags .user-card,
.round_tags .user-info,
.round_tags .user-center,
.round_tags .tabbar,
.round_tags .tab-bar,
.round_tags .mobile-tabbar,
.round_tags .side-tools,
.round_tags .fixed-tools,
.round_tags .footer-widgets,
.round_tags .footer-bottom,
.round_tags .copyright,
.round_tags .ad-*,
.round_tags .advertis,
.round_tags .adsbygoogle {
    border-radius: 16px !important;
}
/* 缩略图圆角 */
.round_tags .thumbnail,
.round_tags .post-thumbnail,
.round_tags .item-img,
.round_tags .img-box,
.round_tags .thumb-img,
.round_tags .featured-image,
.round_tags .cover,
.round_tags .owl-item img,
.round_tags .swiper-slide img,
.round_tags .entry-thumbnail {
    border-radius: 12px !important;
    overflow: hidden;
}
/* 输入框/搜索胶囊化 */
.round_tags .search-input,
.round_tags input[type=text],
.round_tags input[type=password],
.round_tags input[type=email],
.round_tags input[type=search],
.round_tags textarea,
.round_tags select {
    border-radius: 999px !important;
}
/* 按钮胶囊 */
.round_tags .btn,
.round_tags .button,
.round_tags a.btn,
.round_tags input[type=submit],
.round_tags input[type=button],
.round_tags .submit,
.round_tags .search-submit,
.round_tags .more-btn,
.round_tags .view-more,
.round_tags .down-btn,
.round_tags .pay-btn,
.round_tags .buy-btn {
    border-radius: 999px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}
/* 阴影柔和 */
.round_tags .card,
.round_tags .widget,
.round_tags .item-card,
.round_tags .row-item,
.round_tags .post-item,
.round_tags .zib-widget {
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    transition: all .3s ease !important;
}
.round_tags .card:hover,
.round_tags .widget:hover,
.round_tags .item-card:hover,
.round_tags .row-item:hover,
.round_tags .post-item:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important;
    transform: translateY(-2px);
}
/* 文章列表标签小圆角 */
.round_tags .meta-categories a,
.round_tags .meta-tags a,
.round_tags .post-meta .label,
.round_tags .item-label,
.round_tags .label {
    padding: 3px 10px !important;
    font-size: 12px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}
