.bangumi-page{max-width:72rem;margin:0 auto}.bangumi-shell{position:relative;padding:1rem 0}.bangumi-toolbar{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--sl-color-gray-6);padding-bottom:1.5rem}.bangumi-search{position:relative;width:100%;max-width:30rem}.bangumi-search-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--sl-color-gray-4);pointer-events:none}.bangumi-search input{width:100%;padding:.75rem 0 .75rem 2rem;border:none;border-bottom:2px solid var(--sl-color-gray-5);border-radius:0;background:transparent;color:var(--sl-color-white);font-size:1rem;transition:border-color .2s ease}.bangumi-search input:focus{outline:none;border-bottom-color:var(--sl-color-accent)}.bangumi-filterbar{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.bangumi-page :where(.bangumi-filterbar-group,.bangumi-filterbar-options,.bangumi-filterbar-options>*,.bangumi-card-trigger>*,.bangumi-card-info>*){margin-top:0}.bangumi-filterbar-group{display:flex;align-items:center;gap:1rem}.bangumi-filterbar-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sl-color-gray-4);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.bangumi-filterbar-options{display:flex;align-items:center;gap:1.5rem}.bangumi-filterbar-divider{display:none}.bangumi-chip,.bangumi-pill{appearance:none;background:transparent;border:none;color:var(--sl-color-gray-3);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem 0;position:relative;transition:color .2s ease}.bangumi-chip:hover,.bangumi-pill:hover{color:var(--sl-color-white)}.bangumi-chip.is-active,.bangumi-pill.is-active{color:var(--sl-color-accent)}.bangumi-chip:after,.bangumi-pill:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--sl-color-accent);transition:width .2s ease}.bangumi-chip.is-active:after,.bangumi-pill.is-active:after{width:100%}.bangumi-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--sl-color-gray-4);font-size:.8rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;border-left:3px solid var(--sl-color-accent);padding-left:.75rem;text-align:left}.bangumi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.bangumi-card{border-radius:0;border:1px solid var(--sl-color-gray-6);background:transparent;display:flex;flex-direction:column;animation:bangumiCardIn .5s ease both;animation-delay:calc(var(--enter-index, 0) * 45ms);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,opacity .4s ease,filter .4s ease}.bangumi-grid:has(.bangumi-card.is-open) .bangumi-card:not(.is-open){opacity:.35;filter:grayscale(80%) blur(1px);transform:scale(.98)}.bangumi-card:hover{border-color:var(--sl-color-gray-5);transform:translateY(-4px)}.bangumi-card.is-open{border-color:var(--sl-color-accent)}.bangumi-card-trigger{width:100%;display:flex;gap:1rem;padding:1rem;align-items:stretch;cursor:pointer;background:none;border:none;text-align:left}.bangumi-cover{width:5rem;min-width:5rem;height:7rem;background:var(--sl-color-gray-7, var(--sl-color-gray-6));border-radius:0}.bangumi-cover img{width:100%;height:100%;object-fit:cover;display:block}.bangumi-cover-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-family:monospace;font-size:2rem;color:var(--sl-color-gray-5)}.bangumi-card-info{flex:1;min-width:0;display:flex;flex-direction:column}.bangumi-card-info h3{font-size:1.1rem;font-weight:600;color:var(--sl-color-white);margin:0 0 .5rem;line-height:1.3}.bangumi-date{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:var(--sl-color-gray-4);margin:0 0 .5rem}.bangumi-preview{font-size:.85rem;color:var(--sl-color-gray-3);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bangumi-no-review{color:var(--sl-color-gray-5);font-style:italic}.bangumi-toggle-hint{margin-top:auto;display:flex;align-items:center;gap:.25rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.75rem;color:var(--sl-color-accent);text-transform:uppercase}.bangumi-toggle-icon{transition:transform .2s ease}.bangumi-toggle-icon.rotate-180{transform:rotate(180deg)}.bangumi-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .3s ease;background:var(--sl-color-gray-7, var(--sl-color-gray-6))}.bangumi-detail.is-open{grid-template-rows:1fr;opacity:1;border-top:1px solid var(--sl-color-gray-6)}.bangumi-detail-inner{overflow:hidden}.bangumi-detail-panel{padding:1.25rem}.bangumi-review-box{border-left:3px solid var(--sl-color-accent);padding-left:1rem;margin-bottom:1.25rem}.bangumi-review-box p{font-size:.9rem;color:var(--sl-color-gray-2);line-height:1.6;margin:0;white-space:pre-wrap}.bangumi-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text);font-size:.8rem;text-decoration:none;transition:all .2s ease}.bangumi-link:hover{background:var(--sl-color-text);color:var(--sl-color-bg)}.bangumi-message{padding:3rem 1rem;text-align:center;font-family:ui-monospace,SFMono-Regular,monospace;color:var(--sl-color-gray-4);border:1px dashed var(--sl-color-gray-6);grid-column:1 / -1}@keyframes bangumiCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.bangumi-filterbar{gap:1rem}.bangumi-grid{grid-template-columns:1fr}}