.bangumi-page{max-width:72rem;margin:0 auto}.bangumi-shell{position:relative;padding:1.5rem;border-radius:1.75rem;background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-6);overflow:hidden}.bangumi-toolbar{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.25rem}.bangumi-search{position:relative;max-width:28rem;margin:0 auto;width:100%}.bangumi-search-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--sl-color-gray-4);pointer-events:none}.bangumi-search input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1px solid var(--sl-color-gray-5);border-radius:999px;background:var(--sl-color-gray-7, var(--sl-color-gray-6));color:var(--sl-color-white);font-size:.9rem;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.bangumi-search input:hover{transform:translateY(-1px);border-color:var(--sl-color-gray-4)}.bangumi-search input:focus{outline:none;border-color:var(--sl-color-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-color-text) 25%,transparent)}.bangumi-filterbar{width:min(100%,42rem);padding:.8rem 1rem;border-radius:1.2rem;border:1px solid var(--sl-color-gray-6);background:var(--sl-color-gray-7, var(--sl-color-gray-6));display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto}.bangumi-filterbar-group{display:flex;align-items:center;gap:.85rem;min-width:0}.bangumi-filterbar-group-status{flex:1 1 auto}.bangumi-filterbar-label{flex-shrink:0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-color-gray-3)}.bangumi-filterbar-options{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.bangumi-filterbar-options-status{justify-content:flex-start}.bangumi-filterbar-divider{width:1px;align-self:stretch;background:var(--sl-color-gray-6)}.bangumi-chip,.bangumi-pill{min-width:0;padding:.52rem .88rem;border-radius:999px;border:1px solid var(--sl-color-gray-5);background:transparent;color:var(--sl-color-gray-3);font-size:.88rem;font-weight:600;line-height:1.2;cursor:pointer;transition:transform .22s ease,color .22s ease,background-color .22s ease,border-color .22s ease}.bangumi-chip:hover,.bangumi-pill:hover{transform:translateY(-1px);border-color:var(--sl-color-gray-4)}.bangumi-chip.is-active,.bangumi-pill.is-active{color:var(--sl-color-text-invert);background:#16436e;border-color:#16436e}.bangumi-meta{text-align:center;color:var(--sl-color-gray-3);font-size:.875rem;letter-spacing:.02em;min-height:1.25rem;margin-bottom:1rem}.bangumi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:stretch}.bangumi-card{position:relative;border-radius:1.5rem;border:1px solid var(--sl-color-gray-6);background:var(--sl-color-bg);overflow:hidden;display:flex;flex-direction:column;height:100%;animation:bangumiCardIn .52s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--enter-index, 0) * 45ms);transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease}.bangumi-card:hover{transform:translateY(-4px);border-color:var(--sl-color-gray-5)}.bangumi-card.is-open{border-color:var(--sl-color-gray-5)}.bangumi-card-trigger{width:100%;display:flex;gap:1rem;padding:1.35rem;align-items:stretch;cursor:pointer;background:none;border:none;color:var(--sl-color-white);text-align:left;flex:1}.bangumi-cover{width:5.5rem;min-width:5.5rem;height:7.5rem;overflow:hidden;border-radius:1rem;background:var(--sl-color-gray-7, var(--sl-color-gray-6))}.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-size:2rem;color:var(--sl-color-gray-4)}.bangumi-card-info{flex:1;min-width:0;display:flex;flex-direction:column}.bangumi-card-info h3{font-size:1rem;font-weight:600;color:var(--sl-color-white);line-height:1.35;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bangumi-date{font-size:.8rem;color:var(--sl-color-gray-4);margin:0 0 .4rem}.bangumi-preview{font-size:.82rem;color:var(--sl-color-gray-3);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.bangumi-no-review{color:var(--sl-color-gray-5);font-style:italic}.bangumi-toggle-hint{display:inline-flex;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.75rem;color:var(--sl-color-gray-4);transition:color .22s ease}.bangumi-card:hover .bangumi-toggle-hint{color:var(--sl-color-gray-2)}.bangumi-toggle-icon{transition:transform .22s ease}.bangumi-toggle-icon.rotate-180{transform:rotate(180deg)}.bangumi-detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .24s ease}.bangumi-detail.is-open{grid-template-rows:1fr;opacity:1}.bangumi-detail-inner{overflow:hidden}.bangumi-detail-panel{padding:0 1.35rem 1.35rem;border-top:1px solid var(--sl-color-gray-6)}.bangumi-review-box{margin-top:1rem;padding:1rem;border-radius:1rem;border:1px solid var(--sl-color-gray-6);background:var(--sl-color-gray-7, var(--sl-color-gray-6))}.bangumi-review-box p{font-size:.88rem;color:var(--sl-color-gray-2);line-height:1.7;white-space:pre-wrap;margin:0}.bangumi-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);color:var(--sl-color-text);font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .22s ease,color .22s ease,background-color .22s ease}.bangumi-link:hover{transform:translateY(-1px);background:var(--sl-color-text);color:var(--sl-color-text-invert)}.bangumi-message{grid-column:1 / -1;padding:3rem 1.25rem;border-radius:1.5rem;text-align:center;font-size:.95rem;color:var(--sl-color-gray-3);background:var(--sl-color-gray-7, var(--sl-color-gray-6));border:1px dashed var(--sl-color-gray-6)}.bangumi-message.is-error{color:var(--sl-color-red);background:color-mix(in srgb,var(--sl-color-red) 8%,transparent);border-color:var(--sl-color-red)}.bangumi-message.is-pulse{animation:bangumiPulse 1.8s ease-in-out infinite}@keyframes bangumiCardIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bangumiPulse{0%,to{opacity:.65}50%{opacity:1}}@media(max-width:768px){.bangumi-shell{padding:1rem;border-radius:1.4rem}.bangumi-card-trigger{padding:1rem;gap:.875rem}.bangumi-cover{width:4.8rem;min-width:4.8rem;height:6.8rem}.bangumi-filterbar{width:100%;padding:.8rem;flex-direction:column;align-items:stretch;gap:.7rem}.bangumi-filterbar-group{width:100%;flex-direction:column;align-items:flex-start;gap:.55rem}.bangumi-filterbar-options,.bangumi-filterbar-options-status{width:100%;justify-content:flex-start}.bangumi-filterbar-divider{width:100%;height:1px}.bangumi-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bangumi-chip,.bangumi-pill,.bangumi-card,.bangumi-link,.bangumi-detail,.bangumi-message,.bangumi-search input{animation:none!important;transition:none!important}}