.content-wrapper{max-width:var(--width-home);margin:auto}.category{width:var(--width-home);margin:auto;padding:var(--space-md);box-sizing:border-box}.category-list{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.category-box{flex:1 1 45%;min-width:280px;padding:var(--space-md);border-radius:var(--border-radius);background-color:var(--color-bg-block);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .2s ease}.category-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category ul{list-style:none;padding:0;margin:0}.category ul li{padding:.5rem 1rem;position:relative;margin:.25rem 0;border-radius:6px;background-color:transparent;transition:color .3s ease,background-color .3s ease;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-font)}.category ul li:hover{background-color:rgba(0,0,0,5%);color:var(--color-accent)}.category ul li.active{background-color:var(--color-accent);color:var(--color-font-invert)}.category ul li::after{content:'';position:absolute;left:1rem;bottom:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.category ul li:hover::after,.category ul li.active::after{width:calc(100% - 2rem)}