.container[data-v-f587b950]{margin:0 auto;max-width:1200px;padding:0}.filters[data-v-f587b950]{margin-bottom:30px}.filter-group[data-v-f587b950]{align-items:center;display:flex;margin-bottom:15px}.filter-group[data-v-f587b950]:last-child{margin-bottom:0}.label[data-v-f587b950]{color:#666;flex:none;font-size:14px;margin-right:15px}.options[data-v-f587b950]{display:flex;flex-wrap:wrap;gap:10px}.options a[data-v-f587b950]{border-radius:4px;color:#333;font-size:14px;padding:4px 12px;text-decoration:none;transition:all .3s ease}.options a[data-v-f587b950]:hover{color:#009688}.options a.active[data-v-f587b950]{background-color:#009688;color:#fff}.book-list[data-v-f587b950]{min-height:400px}.grid[data-v-f587b950]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.loading[data-v-f587b950]{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;min-height:400px}@media screen and (max-width:767px){.container[data-v-f587b950]{padding:15px}.grid[data-v-f587b950]{gap:15px;grid-template-columns:1fr}.filter-group[data-v-f587b950]{align-items:flex-start;flex-direction:column}.label[data-v-f587b950]{margin-bottom:10px}.options[data-v-f587b950]{width:100%}.options a[data-v-f587b950]{font-size:13px;padding:3px 10px}}