*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#fff;color:#0f172a}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}
.site-header{border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:5}
.logo{font-weight:700;font-size:20px;color:#111827}
.menu a{margin:0 10px;color:#111827}
.search input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;min-width:200px}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.card img{display:block;width:100%;height:auto}
.card .p{padding:10px}
.badge{display:inline-block;background:#f1f5f9;color:#0f172a;border-radius:999px;padding:2px 8px;font-size:12px}
.meta{font-size:12px;color:#475569}
h1,h2,h3{line-height:1.2}
h1{font-size:22px;margin:12px 0}
h2{font-size:18px;margin:10px 0}
.post-content{line-height:1.7;font-size:16px}
.player{width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.player video{width:100%;height:100%;display:block}
.site-footer{border-top:1px solid #e5e7eb;margin-top:40px;padding:18px 0}
.footer-menu a{margin-right:12px}
/* Responsive */
@media (max-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.search input{min-width:120px}}
@media (max-width:420px){.grid{grid-template-columns:1fr}}
.lazy{filter:blur(8px);transition:filter .3s}
.lazy.loaded{filter:none}