/*
Theme Name: ZhiJianYan
Theme URI: https://zhijianyan.com/
Author: ZhiJianYan Theme
Description: A lean, SEO-first WordPress theme for a men's emotional content site. Semantic HTML, one H1 per page, responsive, no JavaScript library, no external fonts.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhijianyan
*/
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; font-size: 17px; line-height: 1.8; color: #222; background: #fff; }
a { color: #1a5c8a; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; }
.site-header { border-bottom: 1px solid #e5e5e5; padding: 20px 16px 12px; }
.site-header, main, .site-footer { max-width: 760px; margin: 0 auto; }
.site-title { font-size: 26px; font-weight: 700; margin: 0; line-height: 1.4; }
.site-title a { color: #222; }
.site-desc { color: #666; font-size: 15px; margin: 4px 0 12px; }
.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 18px; }
.main-nav a { color: #333; font-size: 16px; }
main { padding: 24px 16px 40px; }
.breadcrumb { font-size: 14px; color: #666; margin: 0 0 16px; }
.breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.breadcrumb li + li::before { content: ">"; margin-right: 6px; color: #999; }
h1 { font-size: 28px; line-height: 1.5; margin: 0 0 16px; }
h2 { font-size: 22px; line-height: 1.6; margin: 28px 0 12px; }
h3 { font-size: 18px; line-height: 1.6; margin: 20px 0 8px; }
p { margin: 0 0 14px; }
.post-meta, .cat-desc { color: #666; font-size: 14px; }
.post-list article, .cat-section { border-bottom: 1px solid #eee; padding: 16px 0; }
.post-list h2, .post-list h3 { margin: 0 0 6px; }
.post-list h2 a, .post-list h3 a { color: #222; }
.article-content { margin-top: 16px; }
.article-content h2 { margin-top: 28px; }
.related ul, .cat-section ul { margin: 0; padding-left: 20px; }
.related li, .cat-section li { margin-bottom: 6px; }
.cta { margin-top: 24px; }
.pagination { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.pagination a, .pagination span { padding: 6px 12px; border: 1px solid #ddd; border-radius: 4px; color: #333; font-size: 15px; }
.pagination span.current { background: #222; color: #fff; border-color: #222; }
.site-footer { border-top: 1px solid #e5e5e5; padding: 20px 16px 32px; color: #666; font-size: 14px; }
.site-footer nav ul { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 16px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 16px; background: #fff; padding: 8px; }
@media (max-width: 640px) {
  body { font-size: 16px; }
  h1 { font-size: 24px; }
  h2 { font-size: 20px; }
  .site-header, main, .site-footer { padding-left: 14px; padding-right: 14px; }
  .main-nav ul { gap: 4px 14px; }
}