*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#f7f4ee;color:#3d3226;line-height:1.9;padding:20px}
.wrap{max-width:820px;margin:0 auto;background:#fffdf8;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:40px 44px;border-top:5px solid #c4974a}
h1{font-size:31px;color:#6b4a2a;line-height:1.4;margin-bottom:8px}
.meta{color:#9a8b77;font-size:19px;border-bottom:1px dashed #e3d8c4;padding-bottom:18px;margin-bottom:24px}
.meta b{color:#c4974a}
h2{font-size:24px;color:#6b4a2a;margin:28px 0 12px;padding-left:12px;border-left:4px solid #c4974a}
p{margin-bottom:16px;font-size:18px}
.callout{background:#fbf3e0;border-left:4px solid #c4974a;padding:14px 18px;border-radius:6px;margin:20px 0;font-size:21px}
.tag{display:inline-block;background:#c4974a;color:#fff;font-size:19px;padding:3px 12px;border-radius:14px;margin-right:6px}
.src{font-size:18px;color:#a3927c;background:#f3ede0;padding:4px 10px;border-radius:4px;display:inline-block;margin:4px 4px 0 0}
.footer-tip{background:#6b4a2a;color:#5a5245;padding:18px 20px;border-radius:8px;margin-top:30px;font-size:19px}
.footer-tip b{color:#ecc87a}
@media(max-width:600px){.wrap{padding:24px 20px}h1{font-size:27px}}