*{box-sizing:border-box}body{margin:0;font:16px/1.8 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#222;background:#f5f6f8}
a{color:#2f6fde;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.top{background:#fff;border-bottom:1px solid #e5e7eb}.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:12px 16px}
.logo{font-size:20px;font-weight:700;color:#1f2937}nav a{color:#4b5563;margin-right:14px;white-space:nowrap}nav a.on{color:#2f6fde;font-weight:600}
main{padding:20px 16px 40px;background:#fff;margin-top:16px;border-radius:8px}.hero h1{margin:.2em 0}.hero p{color:#4b5563}
h1{font-size:26px;line-height:1.4}h2{font-size:20px;margin-top:1.6em}.sub{color:#6b7280;margin-top:-.4em}
.list{list-style:none;padding:0;margin:0}.list li{position:relative;border-bottom:1px solid #eef0f3;padding:12px 0}.list h3{margin:0;font-size:17px;color:#1f2937}.list p{margin:.3em 0 0;color:#6b7280;font-size:14px}
.tag{position:absolute;right:0;top:14px;font-size:12px;color:#2f6fde;background:#eef4ff;padding:0 8px;border-radius:10px}.list h3{padding-right:80px}
.more{text-align:right;font-size:14px}.crumb{font-size:13px;color:#6b7280}.meta{color:#9ca3af;font-size:13px;margin-top:-.6em}
.content p{margin:.8em 0}.content li{margin:.3em 0}.pn{display:flex;justify-content:space-between;gap:12px;margin-top:28px;padding-top:14px;border-top:1px solid #eef0f3;font-size:14px}
.rel{margin-top:20px;background:#f9fafb;padding:6px 16px;border-radius:6px}.rel h2{font-size:16px}
.foot{color:#9ca3af;font-size:13px;text-align:center;padding:20px 0}.foot p{margin:.3em 0}
@media(max-width:600px){h1{font-size:22px}.tag{display:none}.list h3{padding-right:0}}