:root{--y:#F5C518}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui;background:#07070a;color:#fff}
.top{display:flex;align-items:center;gap:10px;padding:12px;position:sticky;top:0;background:rgba(7,7,10,.92);z-index:5;border-bottom:1px solid rgba(245,197,24,.2)}
.fab{width:42px;height:42px;border:0;border-radius:12px;background:var(--y);box-shadow:0 0 16px rgba(245,197,24,.4);cursor:pointer}
.logo{color:var(--y);font-size:20px;text-shadow:0 0 16px rgba(245,197,24,.45)}
.search{margin-left:auto;display:flex;background:#fff;border-radius:8px;overflow:hidden}
.search input{border:0;padding:10px;width:150px}.search button{border:0;background:var(--y);width:40px}
.wrap{width:min(100% - 24px,1100px);margin:0 auto;padding-bottom:40px}
.kicker{text-align:center;text-shadow:0 0 18px rgba(245,197,24,.3)}
.ticker{overflow:hidden;border-top:1px dashed #f5c51866;border-bottom:1px dashed #f5c51866;margin:8px 0 16px}
.track{display:inline-block;padding-left:100%;animation:t 22s linear infinite;white-space:nowrap;font-weight:700}
@keyframes t{to{transform:translateX(-100%)}}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
.card{background:linear-gradient(#FFE44A,#F5C518);color:#111;border-radius:16px;overflow:hidden;box-shadow:0 0 24px rgba(245,197,24,.15);transition:transform .2s,box-shadow .2s}
.card a{color:#111;text-decoration:none}
.thumb{margin:10px;border:3px solid #111;border-radius:12px;aspect-ratio:16/10;background:#111;overflow:hidden}
.thumb img{width:100%;height:100%;object-fit:cover}
.body{padding:14px}
.more{display:block;text-align:center;background:#2563eb;color:#fff;border-radius:10px;padding:10px;font-weight:800}
@media(hover:hover){.card:hover{transform:translateY(-6px);box-shadow:0 0 32px rgba(245,197,24,.35)}}
[data-animate]{opacity:0;transform:translateY(16px);transition:.45s}
[data-animate=left]{transform:translateX(-36px) rotate(-4deg)}
[data-animate=right]{transform:translateX(36px) rotate(4deg)}
[data-animate].in{opacity:1;transform:none}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:20}
.sheet{position:fixed;left:0;top:0;bottom:0;width:78vw;max-width:300px;background:#121018;border-right:1px solid rgba(245,197,24,.3);z-index:30;padding:20px;transform:translateX(-105%);transition:.25s}
.sheet.is-open{transform:none}
.sheet a{display:block;color:#fff;padding:12px 0;border-bottom:1px solid #222;text-decoration:none}
.single{background:#121018;border:1px solid rgba(245,197,24,.25);border-radius:16px;padding:16px}
.single img{width:100%;border-radius:12px}
@media(min-width:760px){.grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}