*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#1d232a;background:#f7f8fa}
header{background:#14202b;color:#fff;padding:.6rem 1.2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:5}
header a{color:#cfe3f5;text-decoration:none}header a:hover{color:#fff}.brand{font-weight:800;letter-spacing:.15em;color:#ffb347!important}
nav{display:flex;gap:1.1rem;flex-wrap:wrap}main{max-width:1100px;margin:0 auto;padding:1.2rem 1.4rem 3rem;background:#fff;min-height:80vh}
footer{text-align:center;color:#778;font-size:.8rem;padding:1rem}h1{margin-top:.3rem}h2{border-bottom:1px solid #e3e6ea;padding-bottom:.2rem;margin-top:2rem}
a{color:#0b62a8}code{background:#f0f2f5;padding:0 .25em;border-radius:3px}table{border-collapse:collapse}td,th{border:1px solid #dde;padding:.3rem .6rem}
.banner{background:#fff3cd;border-bottom:2px solid #e0b100;padding:.6rem 1.2rem;text-align:center}.banner.latest{background:#e3f6e8;border-color:#3a9d5d}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem}.card{border:1px solid #e3e6ea;border-radius:6px;padding:.4rem;background:#fafbfc;font-size:.82rem;word-break:break-all}
.card img{width:100%;height:150px;object-fit:contain;background:#fff}.entry{border-left:3px solid #c9d6e2;padding:.1rem 0 .1rem 1rem;margin:1.2rem 0}
.entry h3{margin:.2rem 0}.meta{color:#667;font-size:.85rem}.tl{list-style:none;padding:0}.tl li{border-left:3px solid #0b62a8;padding:.4rem 0 .6rem 1rem;margin-left:.4rem}
.tag{display:inline-block;background:#14202b;color:#fff;border-radius:3px;padding:0 .4em;font-size:.75rem;margin-right:.4em}.files li{word-break:break-all}
.hero{display:grid;grid-template-columns:2fr 1fr;gap:1.2rem}@media(max-width:800px){.hero{grid-template-columns:1fr}}