.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ar-card{display:block;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);padding:14px 16px;transition:all .15s;position:relative;overflow:hidden}.ar-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--crimson);transform:scaleY(0);transform-origin:top;transition:transform .2s}.ar-card:hover{background:#fff;border-color:var(--crimson);transform:translateY(-1px)}.ar-card:hover::before{transform:scaleY(1)}.ar-n{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px}.ar-c{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--crimson);margin-bottom:4px}.ar-h{font-size:11px;color:var(--ink-3)}@media (max-width:1024px){.area-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.area-grid{grid-template-columns:repeat(2,1fr)}}