:root { color-scheme: light; font-family: Inter,"PingFang SC","Microsoft YaHei",sans-serif; color:#163a34; background:#f5faf8; }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; } .skip,.sr-only { position:absolute; left:-9999px; } .skip:focus { left:12px; top:12px; background:#fff; padding:10px; z-index:3; }
header { height:68px; padding:0 max(24px,calc((100% - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #e2ebe7; } .brand { font-size:24px; font-weight:800; text-decoration:none; color:#16845d; }.brand span{color:#183a34} nav{display:flex;gap:22px}nav a{text-decoration:none;font-size:14px}
.hero{padding:72px 24px 58px;text-align:center;background:linear-gradient(140deg,#e6f8f1,#fff)}.hero small{color:#16845d;letter-spacing:.16em}.hero h1{font-size:44px;margin:12px 0 26px}.hero form{display:flex;max-width:680px;margin:auto;box-shadow:0 14px 50px #183a3418}.hero input{flex:1;border:1px solid #cfe1da;border-radius:12px 0 0 12px;padding:18px;font-size:16px}.hero form button{border:0;border-radius:0 12px 12px 0;padding:0 28px;background:#17855f;color:#fff;font-weight:700}.categories{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px}.categories button{border:1px solid #cfe1da;background:#fff;border-radius:999px;padding:8px 14px;color:#31544c}.categories button[data-active="true"]{background:#173d34;color:#fff}
.shell{max-width:1120px;margin:auto;padding:42px 24px}.result-head{display:flex;align-items:center;justify-content:space-between}.result-head h2{font-size:28px}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{display:block;background:#fff;border:1px solid #dfebe6;border-radius:14px;padding:22px;text-decoration:none;transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #193c3312}.article-card small,.article-meta{color:#17855f}.article-card h3{margin:10px 0}.article-card p{color:#5d746e;line-height:1.7;min-height:54px}.article-card span{font-size:12px;color:#80928d}.empty{text-align:center;padding:70px 20px}.empty p{color:#637a74}.empty a{color:#17855f}
.article{max-width:860px;background:#fff;margin-top:42px;margin-bottom:42px;border-radius:18px}.back{display:inline-block;color:#17855f;text-decoration:none;margin-bottom:28px}.article-meta{display:flex;gap:10px}.article-meta span{background:#e7f7f1;padding:6px 10px;border-radius:999px;font-size:12px}.article h1{font-size:42px;margin:18px 0}.lead{font-size:19px;color:#536e66;line-height:1.7}.byline{display:flex;flex-wrap:wrap;gap:14px;padding:16px 0 28px;border-bottom:1px solid #e7eeeb;color:#70847f;font-size:13px}.article-body{padding:20px 0}.article-body h2{margin-top:32px}.article-body p,.article-body aside{white-space:pre-wrap;line-height:1.9;color:#38564e}.article-body aside{padding:16px;border-left:4px solid #e7a32b;background:#fff8e8}.feedback{margin-top:30px;padding:24px;border-radius:14px;background:#f0f8f5}.feedback h2{font-size:18px}.feedback button{margin-right:8px;padding:9px 18px;border:1px solid #bdd8ce;border-radius:8px;background:#fff}.feedback p{font-size:13px;color:#17855f}
footer{text-align:center;padding:28px;color:#71857f;border-top:1px solid #e1ebe7;background:#fff}@media(max-width:760px){header nav a:nth-child(-n+2){display:none}.hero{padding-top:45px}.hero h1,.article h1{font-size:32px}.articles{grid-template-columns:1fr}.hero form button{padding:0 18px}.shell{padding:28px 18px}}