*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;color:#333;line-height:1.75;background:#fafafa}
a{color:#555;text-decoration:none}
a:hover{color:var(--ac)}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}
header{background:#fff;border-bottom:1px solid #eee}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:12px 18px}
.brand{font-size:20px;font-weight:700;color:var(--ac);text-decoration:none}
.brand small{font-size:12px;color:#999;font-weight:400;margin-left:6px}
nav{font-size:14px}
nav a{margin-left:14px;color:#666}
.hero{background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;padding:34px 0}
.hero h1{font-size:24px;margin-bottom:8px}
.hero p{font-size:14px;opacity:.92}
main{padding:22px 0 44px}
h2{font-size:17px;color:#222;margin:20px 0 10px;padding-left:10px;border-left:4px solid var(--ac)}
.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px 16px;margin:8px 0}
.card .t{font-size:16px;font-weight:600;color:#222}
.card .d{font-size:13px;color:#888;margin-top:4px}
.card .m{font-size:12px;color:#aaa;margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
ul.list{list-style:none}
ul.list li{padding:10px 0;border-bottom:1px dashed #eee;font-size:15px}
ul.list li .d{font-size:13px;color:#999;margin-top:2px}
article{background:#fff;border:1px solid #eee;border-radius:10px;padding:22px 24px}
article h1{font-size:22px;line-height:1.5;margin-bottom:6px}
article .meta{font-size:12px;color:#aaa;margin-bottom:14px}
article p{margin:12px 0;font-size:15.5px;color:#444}
.rel{margin-top:22px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:14px}
.rel a{display:inline-block;margin:4px 10px 4px 0;color:var(--ac)}
.pn{display:flex;justify-content:space-between;margin-top:18px;font-size:14px}
.crumbs{font-size:13px;color:#999;margin-bottom:12px}
.crumbs a{color:#999}
footer{border-top:1px solid #eee;padding:20px 0 30px;text-align:center;font-size:12.5px;color:#aaa;background:#fff}
footer a{color:#aaa}
@media(max-width:600px){article{padding:16px 14px}article h1{font-size:19px}header .wrap{padding:10px 14px}.brand{font-size:18px}}

:root{--ac:#4f46e5;--acd:#4338ca;}