.weekly-popular-wrap{min-width:0}.weekly-popular-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.weekly-popular-head span{font-size:17px;font-weight:900}.weekly-popular-head small{color:var(--pink);font-weight:800}.weekly-popular-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:10px;height:470px}.weekly-card{position:relative;overflow:hidden;border:0;border-radius:22px;background-position:center;background-size:cover;color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(39,23,32,.12);transition:transform .2s ease,box-shadow .2s ease}.weekly-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(39,23,32,.18)}.weekly-lead{grid-row:1/3}.weekly-rank{position:absolute;top:13px;left:13px;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:rgba(255,255,255,.94);color:#222;font-size:14px;font-weight:950}.weekly-info{position:absolute;left:16px;right:16px;bottom:15px;display:grid;gap:4px}.weekly-info strong{font-size:20px}.weekly-info small{opacity:.88;font-size:12px}.weekly-info em{width:max-content;margin-top:3px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.18);font-size:10px;font-style:normal;font-weight:800}.weekly-card:not(.weekly-lead) .weekly-info strong{font-size:15px}.weekly-card:not(.weekly-lead) .weekly-info em{display:none}@media(max-width:800px){.weekly-popular-grid{height:430px}}@media(max-width:520px){.weekly-popular-grid{grid-template-columns:1fr 1fr;grid-template-rows:1.35fr .8fr;height:430px}.weekly-lead{grid-column:1/3;grid-row:1}.weekly-card{border-radius:18px}.weekly-card:not(.weekly-lead) .weekly-info small{display:none}}