.reading-banner{position:relative;padding:22px 17px;background:#e7eee3;border-radius:18px;overflow:hidden;color:#355b46;margin-bottom:18px}.reading-banner small{font-size:9px;letter-spacing:2px}.reading-banner h1{font-size:24px;margin:10px 0}.reading-banner p{font-size:11px;max-width:190px}.reading-banner img{position:absolute;right:-10px;bottom:-14px;width:110px;height:130px;object-fit:contain;opacity:.8}.reading-search{display:flex;gap:8px;align-items:center;background:white;border:1px solid #e3e6df;border-radius:10px;padding:8px 12px}.reading-search input{min-width:0;width:100%;border:0;background:transparent;padding:3px;font-size:12px}.reading-filters{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.reading-filters button{border:0;background:#fff;color:#6c726b;border-radius:20px;padding:7px 11px;font-size:11px;cursor:pointer}.reading-filters button.active{background:#477458;color:white}.reading-count{font-size:11px;color:#8b9187}.reading-card{display:flex;gap:12px;background:white;border-radius:13px;padding:12px;margin:10px 0;box-shadow:0 3px 12px #233c2205}.reading-card>img{width:96px;height:108px;border-radius:9px;object-fit:cover;flex:none}.reading-card small{font-size:10px;color:#6c8266}.reading-card h3{font-size:14px;line-height:1.5;margin:5px 0}.reading-card p{font-size:11px;line-height:1.7;color:#92958c;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reading-card time{font-size:10px;color:#a5aaa0}.reading-empty{text-align:center;padding:35px 10px;color:#8c9588;font-size:13px}.reading-list [hidden]{display:none!important}.reading-article{background:#fff;border-radius:15px;overflow:hidden}.reading-cover{width:100%;height:175px;object-fit:cover}.reading-copy{padding:20px 17px}.reading-tag{color:#52795b;font-size:11px;background:#eef3ea;padding:5px 10px;border-radius:12px}.reading-copy h1{font-size:23px;line-height:1.5;margin:15px 0 12px}.reading-copy h2{font-size:16px;margin:25px 0 10px}.reading-copy>p{font-size:14px;line-height:1.95;color:#656d62}.reading-copy .reading-meta,.reading-copy .reading-source,.reading-copy .reading-note{font-size:10px;color:#99a091;margin:4px 0}.reading-copy .reading-summary{background:#f5f4ee;padding:12px;border-left:3px solid #b9c3a6;font-size:13px;margin:20px 0}.reading-herb{display:flex;align-items:center;gap:12px;background:#f5f7f1;border-radius:10px;padding:12px}.reading-herb img{width:52px;height:52px;object-fit:cover;border-radius:8px}.reading-herb span{flex:1}.reading-herb small{display:block;font-size:10px;color:#939b8e;margin-top:7px}.reading-back{display:block;text-align:center;font-size:12px;color:#57735d;margin-top:25px}.home-reading{background:#fff;border-radius:15px;margin:20px 0;padding:16px}.home-reading header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.home-reading h2{font-size:17px;margin:0}.home-reading header a{font-size:11px;color:#708569}.home-reading>a{display:flex;gap:12px;align-items:center}.home-reading img{width:85px;height:75px;object-fit:cover;border-radius:10px}.home-reading b{font-size:14px;line-height:1.6}.home-reading p{font-size:11px;color:#92998b;margin:7px 0 0}