#news-live{margin:24px 0;padding:22px;background:linear-gradient(145deg,#0d3022,#041810);border:1px solid #39674c;border-radius:18px;color:#effff0}
#news-live *{box-sizing:border-box}
.news-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.news-top h2{font-size:clamp(22px,3vw,32px);margin:0}.news-top h2 span{color:#baff79}
.news-controls{display:flex;gap:7px;flex-wrap:wrap}
.news-controls button{border:1px solid #5d885c;border-radius:9px;background:#143c28;color:#d5ffc4;padding:9px 12px;cursor:pointer;font-weight:700}
.news-controls button.selected,.news-controls button:hover{background:#baff79;color:#102617}
#news-state{font-size:13px;color:#a8c4b0;margin:14px 0}
.news-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.news-card{min-width:0;min-height:145px;border:1px solid #28573d;border-radius:13px;padding:13px;background:#0b241a}
.news-num{font-size:23px;font-weight:900;color:#baff79}.news-source{color:#a1baa7;font-size:11px;margin:6px 0}
.news-card h3{font-size:14px;line-height:1.45;margin:6px 0}.news-card a{color:#f4fff3;text-decoration:none}.news-card a:hover{text-decoration:underline;color:#baff79}
@media(max-width:1000px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#news-live{padding:13px}.news-grid{grid-template-columns:1fr}.news-card{min-height:0}.news-controls button{font-size:12px;padding:8px}}