.bangumis-container{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}.bangumis-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.bangumis-filter-group{border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--color-base-100) 90%, transparent), color-mix(in oklch, var(--color-base-100) 78%, transparent)), linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 4%, transparent), transparent 58%);border-radius:1.25rem;gap:.75rem;min-height:100%;padding:.95rem;transition:border-color .22s,background-color .22s,box-shadow .22s,transform .22s;display:grid;position:relative;overflow:hidden}.bangumis-filter-group:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-primary) 24%, transparent), transparent);opacity:.9;pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.bangumis-filter-head{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.bangumis-filter-title{letter-spacing:-.01em;color:color-mix(in oklch, var(--color-base-content) 88%, transparent);font-size:.95rem;font-weight:700;line-height:1.2;display:block}.bangumis-filter-list{flex-wrap:wrap;gap:.5rem;display:flex}.bangumis-filter-list--type{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bangumis-filter-list--status{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.bangumis-filter-chip{border:1px solid color-mix(in oklch, var(--color-base-content) 9%, transparent);background:color-mix(in oklch, var(--color-base-100) 84%, transparent);min-height:2.75rem;color:color-mix(in oklch, var(--color-base-content) 74%, transparent);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.76rem;font-weight:600;line-height:1;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s;display:inline-flex}.bangumis-filter-list--type .bangumis-filter-chip,.bangumis-filter-list--status .bangumis-filter-chip{width:100%}.bangumis-filter-chip:focus-visible{border-color:color-mix(in oklch, var(--color-primary) 34%, transparent);color:var(--color-base-content);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 14%, transparent), 0 10px 24px color-mix(in oklch, var(--color-primary) 10%, transparent);outline:none}.bangumis-filter-chip.is-active{border-color:color-mix(in oklch, var(--color-primary) 34%, transparent);background:linear-gradient(180deg, color-mix(in oklch, var(--color-primary) 14%, transparent), color-mix(in oklch, var(--color-primary) 8%, transparent)), color-mix(in oklch, var(--color-base-100) 86%, transparent);color:var(--color-primary);box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.55)}@media (hover:hover){.bangumis-filter-group:hover{border-color:color-mix(in oklch, var(--color-primary) 16%, transparent);box-shadow:0 16px 30px color-mix(in oklch, var(--color-primary) 7%, transparent);transform:translateY(-1px)}.bangumis-filter-chip:hover{border-color:color-mix(in oklch, var(--color-primary) 22%, transparent);background:color-mix(in oklch, var(--color-base-100) 92%, transparent);color:var(--color-base-content);box-shadow:0 10px 22px color-mix(in oklch, var(--color-primary) 8%, transparent);transform:translateY(-1px)}}@media (width>=768px){.bangumis-container{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}}@media (width<=900px){.bangumis-filter-panel{grid-template-columns:1fr}}@media (width<=640px){.bangumis-filter-list--status{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.bangumis-filter-group,.bangumis-filter-chip{transition:none}.bangumis-filter-group:hover,.bangumis-filter-chip:hover{transform:none}}