body{margin:0;background:#f5f7ef;color:#214638;font:17px/1.9 "Microsoft YaHei",sans-serif}main{max-width:850px;margin:auto;padding:28px 20px}a{color:#126548;text-underline-offset:4px}nav{display:flex;gap:20px;flex-wrap:wrap}h1{line-height:1.4;font-size:32px}h2{font-size:21px}section,.topic{display:block;background:white;padding:22px 26px;margin:18px 0;border:1px solid #dce6d8;border-radius:16px}.muted{color:#65766a;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.topic{margin:0}footer{margin-top:32px;font-size:14px}a:focus-visible{outline:3px solid #bc8d3f;outline-offset:4px}
.learning-figure{margin:24px 0 30px;background:#fff;border:1px solid #dce6d8;border-radius:18px;overflow:hidden}.learning-figure img{display:block;width:100%;height:auto;cursor:zoom-in}.learning-figure figcaption{padding:14px 20px;font-size:15px;line-height:1.8;color:#546f5e}.topic{overflow:hidden;padding:0 0 18px;text-indent:18px}.topic img{display:block;width:100%;height:150px;object-fit:contain;background:#f4f6e9;margin-bottom:12px}.topic .muted{display:inline-block}img{max-width:100%}@media(max-width:500px){.grid{grid-template-columns:1fr 1fr;gap:10px}.topic{font-size:15px;text-indent:10px}.topic img{height:105px}.topic .muted{font-size:12px}.learning-figure figcaption{font-size:14px}}