*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#2c2c2a;background:#faf9f6;line-height:1.75;font-size:16px}
a{color:#0f6e56;text-decoration:none}
a:hover{text-decoration:underline}
.site-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #e5e2d8;position:sticky;top:0;z-index:10}
.brand{font-size:20px;font-weight:700;color:#085041}
.slogan{color:#888780;font-size:13px}
.site-header nav{margin-left:auto;display:flex;gap:16px;font-size:14px}
main{max-width:860px;margin:0 auto;padding:24px 20px 60px}
.site-footer{padding:28px 20px;text-align:center;color:#888780;font-size:13px;background:#fff;border-top:1px solid #e5e2d8}
.qrcode-tip{margin-top:6px}
.hero{background:#e1f5ee;border-radius:16px;padding:28px;margin-bottom:28px}
.hero h1{font-size:24px;color:#085041;margin-bottom:8px}
.hero p{color:#0f6e56}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:32px}
.cat-card{background:#fff;border:1px solid #e5e2d8;border-radius:12px;padding:18px 16px;transition:box-shadow .15s}
.cat-card:hover{box-shadow:0 4px 14px rgba(15,110,86,.12);text-decoration:none}
.cat-card .icon{font-size:26px}
.cat-card .name{display:block;font-weight:600;color:#2c2c2a;margin:8px 0 2px}
.cat-card .count{font-size:13px;color:#888780}
.section-title{font-size:19px;margin:28px 0 14px;color:#085041}
.art-list{display:flex;flex-direction:column;gap:10px}
.art-item{background:#fff;border:1px solid #e5e2d8;border-radius:12px;padding:14px 18px;display:block}
.art-item:hover{box-shadow:0 3px 10px rgba(15,110,86,.1);text-decoration:none}
.art-item .t{font-weight:600;color:#2c2c2a}
.art-item .s{font-size:14px;color:#5f5e5a;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.art-item .meta{font-size:12px;color:#888780;margin-top:6px;display:flex;gap:10px;flex-wrap:wrap}
.tag{display:inline-block;background:#e1f5ee;color:#0f6e56;border-radius:4px;padding:1px 8px;font-size:12px}
article.article h1{font-size:24px;line-height:1.4;color:#085041;margin-bottom:10px}
article.article .meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#888780;margin-bottom:18px}
article.article h2{font-size:20px;margin:26px 0 10px;color:#085041}
article.article h3{font-size:17px;margin:20px 0 8px;color:#0f6e56}
article.article h4,article.article h5{font-size:16px;margin:16px 0 6px}
article.article p{margin:10px 0}
article.article ul{margin:10px 0 10px 22px}
article.article li{margin:4px 0}
article.article blockquote{background:#e1f5ee;border-left:4px solid #0f6e56;border-radius:0 8px 8px 0;padding:10px 16px;margin:14px 0;color:#085041}
article.article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;background:#fff}
article.article th{background:#e1f5ee;color:#085041;text-align:left;padding:8px 12px;border:1px solid #cde9db}
article.article td{padding:8px 12px;border:1px solid #e5e2d8}
.points{background:#fef9ec;border:1px solid #f5deb3;border-radius:12px;padding:14px 18px;margin:0 0 20px}
.points .pt-title{font-weight:600;color:#854f0b;margin-bottom:8px}
.points ul{margin-left:20px}
.guide{background:#fff;border:1px solid #e5e2d8;border-radius:12px;padding:18px;margin-top:32px;text-align:center}
.guide .big{font-size:15px;font-weight:600;margin-bottom:6px}
.breadcrumb{font-size:13px;color:#888780;margin-bottom:16px}
.search-box{width:100%;padding:12px 16px;border:1px solid #d3d1c7;border-radius:10px;font-size:16px;margin-bottom:18px}
#search-results .art-item{margin-bottom:10px}
.empty{color:#888780;text-align:center;padding:40px 0}