body{max-width:780px;margin:0 auto;padding:20px 18px 50px;font-family:"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.8;color:#222;background:#fff;word-break:break-word;overflow-wrap:break-word;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
.nav{display:flex;flex-wrap:wrap;gap:4px 14px;padding:10px 0 12px;border-bottom:2px solid #48bb78;margin-bottom:22px}
.nav a{color:#22543d;font-size:14px;text-decoration:none;font-weight:600}
.nav a:hover{color:#48bb78}
h1{font-size:26px;line-height:1.5;margin-bottom:14px;color:#22543d}
h2{font-size:17px;margin:26px 0 10px;padding-left:10px;border-left:4px solid #48bb78;color:#22543d}
p{margin:0 0 16px;font-size:16px}
.meta{color:#888;font-size:13px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
.crumb{color:#999;font-size:13px;margin-bottom:12px}
.tags{margin-top:30px;padding:14px;background:#f7f8fa;border-radius:8px}
.tags b{display:block;font-size:14px;margin-bottom:8px;color:#22543d}
.tags span{display:inline-block;margin:3px 6px 3px 0;padding:3px 10px;font-size:13px;background:#fff;border:1px solid #e2e2e2;border-radius:20px;color:#48bb78}
.recs{margin-top:24px;padding:14px;background:#f7f8fa;border-radius:8px}
.recs b{display:block;font-size:14px;margin-bottom:8px;color:#22543d}
.recs ul{margin:0;padding-left:18px}
.recs li{font-size:14px;color:#555;margin:5px 0}
.about{margin-top:26px;padding:16px;background:#fafbfc;border:1px solid #eceef1;border-radius:8px}
.about b{display:block;font-size:14px;margin-bottom:8px;color:#22543d}
.about p{font-size:14px;color:#555;margin:0}
.foot{margin-top:34px;padding-top:16px;border-top:1px solid #e5e5e5;color:#999;font-size:12px;line-height:1.8}
.foot p{margin:0 0 6px;font-size:12px}
.banner{background:linear-gradient(135deg,#22543d,#48bb78);color:#fff;padding:16px 18px;border-radius:10px;margin-bottom:18px}
.banner span{font-size:18px;font-weight:700;letter-spacing:1px}
.banner i{display:block;font-size:13px;opacity:.85;margin-top:4px;font-style:normal}
.lg{display:inline-flex;align-items:center;gap:6px;margin-right:10px}
.lg svg{display:block}
.thumb{margin:0 0 18px}
.thumb svg{display:block;width:100%;height:auto;aspect-ratio:680/120;border-radius:10px}
.tip{background:#f0f7ff;border:1px solid #d6e6f7;border-left:4px solid #48bb78;padding:12px 14px;border-radius:6px;font-size:15px;margin:0 0 16px}
blockquote{margin:0 0 16px;padding:10px 14px;background:#fafafa;border-left:4px solid #ccc;color:#555;font-size:15px}
ul{margin:0 0 16px;padding-left:22px}
li{font-size:15px;margin:6px 0;color:#333}
.links{margin-top:30px;padding-top:16px;border-top:1px dashed #ddd}
.links a{display:inline-block;margin:4px 10px 4px 0;color:#48bb78;font-size:14px;text-decoration:none}
@media (max-width:480px){
  body{padding:14px 13px 40px}
  h1{font-size:19px}
  .banner span{font-size:16px}
  .banner i{font-size:12px}
  .nav{gap:2px 10px}
  .links a{display:block;margin:3px 0}
}