.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hm-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:800;color:#8ee000;border:1px solid rgba(142,224,0,.4);border-radius:999px;padding:4px 10px;background:rgba(142,224,0,.06)}
.hm-tag{font-size:10px;color:#071000;background:#8ee000;padding:3px 7px;border-radius:4px;font-weight:900;white-space:nowrap}
.hm-hero{padding:44px 0 24px;background:radial-gradient(circle at 78% 30%,rgba(122,224,0,.15),transparent 38%)}
.hm-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;align-items:center}
.hm-pic{display:block;border:1px solid #273028;border-radius:18px;overflow:hidden;aspect-ratio:3/2;background:#0b1113}
.hm-pic img{width:100%;height:100%;object-fit:cover;display:block}
.hm-hero h2{font-size:clamp(30px,3.6vw,46px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 14px}
.hm-hero h2 a{text-decoration:none}
.hm-hero p{color:#aeb7bf;margin:0 0 22px;font-size:16px}
.hm-sec{padding:48px 0}
.hm-alt{background:#080d11;border-top:1px solid #1b2227;border-bottom:1px solid #1b2227}
.hm-trend{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.hm-row{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #1b2227;text-decoration:none}
.hm-row:hover h3{color:#8ee000}
.hm-rank{font-weight:900;color:#8ee000;font-size:22px;width:32px;flex:none;letter-spacing:-.04em}
.hm-row img{width:92px;height:62px;object-fit:cover;border-radius:8px;flex:none;background:#10171b}
.hm-row h3{margin:6px 0 0;font-size:15px;line-height:1.3;color:#f4f7f8}
.hm-latest{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hm-latest .card h3{margin:10px 0 0;font-size:15px;line-height:1.3}
.hm-latest .card-body{padding:14px}
.hm-more{display:flex;justify-content:center;margin-top:30px}
@media(max-width:960px){.hm-hero-grid{grid-template-columns:1fr;gap:22px}.hm-trend{grid-template-columns:1fr}.hm-latest{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.hm-hero{padding:24px 0 8px}.hm-hero h2{font-size:28px}.hm-sec{padding:34px 0}.hm-latest{gap:10px}.hm-latest .card-body{padding:10px}.hm-latest .card h3{font-size:13px}.hm-row img{width:84px;height:56px}.hm-row h3{font-size:14px}}