*{box-sizing:border-box}
body{margin:0;font-family:"Source Han Serif SC",Georgia,"Microsoft YaHei",serif;display:flex;min-height:100vh;color:#37402f;background:#eff1e8;line-height:1.75;font-size:15px}
aside{width:230px;min-width:230px;background:#b0bc99;padding:18px 14px;overflow-y:auto;max-height:100vh;position:sticky;top:0}
aside a{display:block;color:#2f3826;text-decoration:none;padding:5px 8px;border-radius:6px;font-size:.92em}
aside a:hover,aside a.cur{background:#eff1e8}
main{flex:1;padding:26px 34px;max-width:980px}
a{color:#4f7350}
h1{font-size:1.4em;margin:.2em 0}
.meta{color:#5a6350;font-size:.88em;border-bottom:1px solid #c5ccb8;padding-bottom:8px;margin-bottom:12px}
.back{display:inline-block;margin-bottom:14px;font-size:.85em;color:#4f7350}
table{width:100%;border-collapse:collapse;font-size:.92em}
td,th{border-bottom:1px solid #c5ccb8;padding:7px 8px;text-align:left;vertical-align:top}
th{color:#4f7350}
tr:hover td{background:#e3e8d6}
.cards{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}
.card{display:block;width:calc(25% - 11px);min-width:150px;padding:16px 15px;background:#e3e8d6;border:1px solid #c5ccb8;border-radius:12px;text-decoration:none;color:#37402f}
.card:hover{border-color:#4f7350}
.card b{display:block;margin-bottom:4px}
.card span{font-size:.82em;color:#5a6350}
footer{margin-top:30px;padding-top:10px;border-top:1px solid #c5ccb8;color:#7a8270;font-size:.82em}
ul.arts{padding-left:1.2em}
ul.arts>li{margin:6px 0}
@media(max-width:900px){body{display:block}aside{position:static;width:auto;max-height:none}main{padding:18px}}