*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#222;background:#f8f7f4;line-height:1.75}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e8e1d5;position:sticky;top:0;z-index:100}
.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}
.brand{font-size:22px;font-weight:800;color:#3c2a18;text-decoration:none}
.front-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.front-nav a{color:#514638;text-decoration:none;padding:7px 9px;border-radius:6px;font-size:14px}
.front-nav a:hover{background:#f2ece2;color:#3c2a18}
.menu-toggle{display:none;width:42px;height:38px;border:1px solid #ded3c4;background:#fff;border-radius:6px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.menu-toggle span{width:20px;height:2px;background:#3c2a18;border-radius:99px;display:block}
.hero{background:linear-gradient(135deg,#2d241c,#785d37);color:#fff;padding:76px 0 70px}
.eyebrow{color:#e7c884;font-weight:700}
.hero h1{max-width:780px;font-size:42px;line-height:1.22;margin:10px 0}
.lead{max-width:640px;color:#f3eadc;font-size:18px}
.sitemap-entry{display:inline-flex;margin-top:18px;min-height:38px;align-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:6px;color:#fff;text-decoration:none;background:rgba(255,255,255,.08)}
.sitemap-entry:hover{background:rgba(255,255,255,.16)}
.grid-layout{display:grid;grid-template-columns:1fr 290px;gap:28px;margin-top:34px}
.section-title{display:flex;align-items:center;justify-content:space-between}
.section-title a{color:#8a672e}
.article-list{display:grid;gap:12px}
.article-card{background:#fff;border:1px solid #ebe4d8;border-radius:8px;padding:12px;transition:box-shadow .18s ease,border-color .18s ease}
.article-card:hover{border-color:#dccbb4;box-shadow:0 8px 22px rgba(60,42,24,.08)}
.article-card a{text-decoration:none;color:inherit;display:grid;grid-template-columns:168px minmax(0,1fr);gap:16px;align-items:stretch;height:126px;overflow:hidden}
.card-cover{width:168px;height:126px;object-fit:cover;border-radius:6px;background:#f2ece2;display:block}
.card-body{min-width:0;height:126px;display:grid;grid-template-rows:16px auto 1fr auto;align-content:start;overflow:hidden}
.article-card span{font-size:13px;line-height:1.2;color:#9b6c22;font-weight:700}
.article-card h2,.article-card h3{margin:4px 0 4px;line-height:1.32;font-size:20px;max-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card p{color:#6d6256;margin:0;line-height:1.48;max-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-card time{color:#95897c;font-size:13px}
.sidebar{background:#fff;border:1px solid #ebe4d8;border-radius:8px;padding:20px;height:max-content}
.category-link,.categories-bar a{display:inline-block;margin:6px 8px 6px 0;padding:8px 12px;background:#f2ece2;border-radius:6px;color:#4d3d2c;text-decoration:none}
.categories-bar .active{background:#3c2a18;color:#fff}
.page-head{padding:42px 20px 12px}
.list-summary{color:#776b60;margin:6px auto 14px}
.pagination{display:flex;flex-wrap:wrap;gap:8px;margin:24px auto 0;justify-content:center;align-items:center}
.pagination a{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;padding:0 12px;border:1px solid #d9cbb9;border-radius:6px;background:#fff;color:#4d3d2c;text-decoration:none}
.pagination a.active{background:#3c2a18;color:#fff;border-color:#3c2a18}
.pagination .ellipsis{display:inline-flex;min-width:28px;height:36px;align-items:center;justify-content:center;color:#776b60;font-weight:800}
.article-page{max-width:860px;background:#fff;margin-top:30px;padding:36px;border:1px solid #ebe4d8;border-radius:8px}
.static-page{max-width:860px;background:#fff;margin-top:30px;padding:36px;border:1px solid #ebe4d8;border-radius:8px}
.static-page h1{font-size:34px;line-height:1.32;margin:12px 0}
.static-intro{color:#675b50;font-size:17px;margin:0 0 24px}
.static-section{padding-top:18px;margin-top:18px;border-top:1px solid #eee}
.static-section h2{color:#3c2a18;margin:0 0 10px}
.static-section ul{margin:0;padding-left:1.25em;color:#4d443c}
.static-section li{margin:8px 0}
.static-custom{color:#4d443c;white-space:normal;line-height:1.9}
.preview-banner{background:#fff7e6;border:1px solid #f2c46d;color:#6b4b08;border-radius:6px;padding:10px 12px;margin-bottom:16px}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#faf6ee;border:1px solid #eadfcc;border-radius:999px;padding:8px 12px;margin-bottom:16px;color:#806844;font-size:14px;width:max-content;max-width:100%}
.breadcrumb a{color:#6f4c16;text-decoration:none;font-weight:700}
.breadcrumb span{color:#b1976f}
.breadcrumb strong{font-weight:700;color:#806844}
.meta{color:#887c70;font-size:14px}
.article-page h1{font-size:34px;line-height:1.32;margin:12px 0}
.article-cover{margin:22px 0 28px}
.article-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:1px solid #eadfcc;background:#f2ece2;display:block}
.content h2{margin-top:32px;color:#3c2a18}
.content h3{margin-top:24px}
.content img{max-width:100%;height:auto;border-radius:8px}
.content p{margin:14px 0}
.content ul,.content ol{padding-left:1.4em}
.content table{width:100%;border-collapse:collapse;margin:18px 0}
.content td,.content th{border:1px solid #e6ded2;padding:10px}
.faq,.related{margin-top:34px;padding-top:20px;border-top:1px solid #eee}
.faq details{background:#faf8f3;border:1px solid #eee2d4;border-radius:6px;padding:12px;margin:10px 0}
.related{display:flex;flex-wrap:wrap;gap:10px}
.related h2{flex:0 0 100%;margin:0 0 4px}
.related span,.related a{display:inline-block;background:#f0e5d3;padding:7px 10px;border-radius:6px;color:#3f3428;text-decoration:none}
.related a{background:#ead8bb;color:#6f4c16;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related a:hover{text-decoration:underline}
.empty{background:#fff;border:1px dashed #d9cbb9;border-radius:8px;padding:28px;color:#776b60}
.site-footer{margin-top:48px;background:#17202b;color:#d9e2ec;padding:14px 0 16px;font-size:13px;text-align:center}
.footer-inner{display:grid;gap:8px}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;border-bottom:1px solid rgba(217,226,236,.18);padding-bottom:9px}
.footer-nav a,.footer-nav span{color:#eef4fb;text-decoration:none;font-weight:700}
.footer-nav a:hover{text-decoration:underline}
.friend-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;color:#d9e2ec}
.friend-links strong{color:#fff}
.footer-link-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.friend-links a{color:#d9e2ec;text-decoration:none}
.friend-links a:hover{color:#fff;text-decoration:underline}
.footer-bottom{display:grid;gap:2px}
.footer-bottom p{margin:0;color:#d9e2ec}
.footer-bottom a{color:#e7c884;text-decoration:none}
.footer-bottom a:hover{text-decoration:underline}
@media(max-width:760px){
    body{line-height:1.72}
    .wrap{padding:0 14px}
    .nav{min-height:64px;padding:12px 20px;align-items:center}
    .menu-toggle{display:flex}
    .front-nav{display:none;position:absolute;left:14px;right:14px;top:62px;background:#fff;border:1px solid #e8e1d5;border-radius:8px;box-shadow:0 12px 28px rgba(60,42,24,.12);padding:10px;z-index:120;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
    .front-nav.open{display:grid}
    .front-nav a{padding:9px 10px;background:#faf7f1}
    .hero{padding:46px 0}
    .hero h1{font-size:30px}
    .grid-layout{grid-template-columns:1fr}
    .article-list{gap:10px}
    .article-card{padding:10px}
    .article-card a{grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch;height:112px}
    .card-cover{width:112px;height:112px}
    .card-body{height:112px;min-height:0;grid-template-rows:14px auto 1fr auto}
    .article-card span{font-size:12px;line-height:1.2}
    .article-card h2,.article-card h3{font-size:16px;line-height:1.32;margin:3px 0;max-height:42px;-webkit-line-clamp:2}
    .article-card p{font-size:13px;line-height:1.38;max-height:36px;-webkit-line-clamp:2}
    .article-card time{font-size:12px;line-height:1.2;margin-top:4px}
    .article-page,.static-page{padding:18px 14px;margin-top:12px;border-left:0;border-right:0;border-radius:0}
    .article-page h1{font-size:25px;line-height:1.35;margin:10px 0}
    .static-page h1{font-size:25px;line-height:1.35;margin:10px 0}
    .static-intro{font-size:16px;margin-bottom:18px}
    .article-cover{margin:18px 0 22px}
    .article-cover img{border-radius:6px}
    .meta{font-size:13px;line-height:1.6}
    .breadcrumb{border-radius:8px;width:100%}
    .content{font-size:16px;overflow-wrap:anywhere}
    .content h2{font-size:22px;line-height:1.38;margin-top:26px}
    .content h3{font-size:19px;line-height:1.42;margin-top:20px}
    .content table{display:block;overflow-x:auto;white-space:nowrap}
    .content td,.content th{padding:8px}
    .faq,.related{margin-top:26px}
    .pagination{gap:7px;margin-top:22px}
    .pagination a{min-width:36px;height:36px;padding:0 11px}
    .pagination .ellipsis{height:36px}
    .site-footer{margin-top:34px;padding:12px 0 14px;line-height:1.55}
    .footer-inner{gap:7px}
    .footer-nav{gap:16px;padding-bottom:8px}
    .friend-links{gap:4px 8px}
    .footer-link-list{gap:8px}
}
@media(max-width:420px){
    .brand{font-size:19px}
    .front-nav{grid-template-columns:1fr}
    .article-card a{grid-template-columns:96px minmax(0,1fr);gap:9px;height:96px}
    .card-cover{width:96px;height:96px}
    .card-body{height:96px;grid-template-rows:14px auto 1fr}
    .article-card h2,.article-card h3{font-size:15px}
    .article-card p{-webkit-line-clamp:1}
    .article-page h1,.static-page h1{font-size:23px}
}