.bangumi-showcase-wrapper{--bg-primary:#fdfcfa;--bg-primary-rgb:253,252,250;--bg-secondary:#f5f3f0;--bg-card:#ffffff;--border-color:#e8e4df;--border-hover:#d4cfc7;--text-primary:#383330;--text-secondary:#6e6b68;--text-muted:#9d9a97;--accent-color:#c9a27b;--accent-hover:#b8916a;--shadow-sm:0 2px 8px rgba(56, 51, 48, 0.04);--shadow-md:0 4px 16px rgba(56, 51, 48, 0.08);--shadow-lg:0 8px 24px rgba(56, 51, 48, 0.12);--rating-star:#d4a574;--type-bg:rgba(201, 162, 123, 0.12);--type-text:#8b735f;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card);overflow:hidden;font-family:var(--best-font),var(--font-text),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;box-shadow:var(--shadow-sm);position:relative}@media(prefers-color-scheme:dark){.bangumi-showcase-wrapper{--bg-primary:#1a1816;--bg-primary-rgb:26,24,22;--bg-secondary:#232220;--bg-card:#2a2826;--border-color:#3d3a37;--border-hover:#524d48;--text-primary:#e8e4df;--text-secondary:#b8b4af;--text-muted:#7a7672;--accent-color:#d4a574;--accent-hover:#e5b685;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.4);--type-bg:rgba(212, 165, 116, 0.15)}}.bangumi-showcase-wrapper .bangumi-showcase-header{padding:1.75rem 2rem 1.5rem;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-card));border-bottom:1px solid var(--border-color)}.bangumi-showcase-wrapper .header-content{max-width:100%}.bangumi-showcase-wrapper .title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.2rem;flex-wrap:wrap}.bangumi-showcase-wrapper .showcase-hint{font-size:12px;color:#999;margin-bottom:1rem}.bangumi-showcase-wrapper .showcase-title{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}.bangumi-showcase-wrapper .sort-controls{display:flex;align-items:center;gap:.5rem}.bangumi-showcase-wrapper .sort-select{padding:.2rem 2rem .2rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6b68' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.bangumi-showcase-wrapper .sort-select:hover{border-color:var(--accent-color);background-color:var(--bg-secondary)}.bangumi-showcase-wrapper .sort-select:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(201,162,123,.1)}.bangumi-showcase-wrapper .sort-order-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:.2s}.bangumi-showcase-wrapper .sort-order-btn:hover{border-color:var(--accent-color);background-color:var(--bg-secondary)}.bangumi-showcase-wrapper .sort-order-btn:active{transform:scale(.95)}.bangumi-showcase-wrapper .order-icon{font-size:1.1rem;line-height:1;transition:transform .3s}.bangumi-showcase-wrapper .sort-order-btn[data-order=asc] .order-icon{transform:rotate(180deg)}.bangumi-showcase-wrapper .order-text{font-size:.875rem}.bangumi-showcase-wrapper .showcase-stats{display:flex;gap:2rem;flex-wrap:wrap;font-size:.9rem}.bangumi-showcase-wrapper .stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.bangumi-showcase-wrapper .stat-icon{font-size:1.1rem;color:var(--accent-color)}.bangumi-showcase-wrapper .stat-value{font-weight:600;color:var(--accent-color);font-size:1.1em}.bangumi-showcase-wrapper .stat-loading{color:var(--text-muted);font-size:.875rem}.bangumi-showcase-wrapper .bangumi-showcase-content{height:var(--showcase-height);overflow-y:auto;padding:1.5rem 2rem 2rem;background:var(--bg-primary)}.bangumi-showcase-wrapper .bangumi-showcase-content::-webkit-scrollbar{width:10px}.bangumi-showcase-wrapper .bangumi-showcase-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px;margin:.5rem 0}.bangumi-showcase-wrapper .bangumi-showcase-content::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:5px;border:2px solid var(--bg-secondary)}.bangumi-showcase-wrapper .bangumi-showcase-content::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.bangumi-showcase-wrapper .bangumi-timeline{display:flex;flex-direction:column;gap:1rem}.bangumi-showcase-wrapper .bangumi-timeline .timeline-group{animation:.4s ease-out fadeIn}.bangumi-showcase-wrapper .bangumi-timeline .timeline-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:8px;cursor:pointer;user-select:none;transition:.2s}.bangumi-showcase-wrapper .bangumi-timeline .timeline-header:hover{background:var(--border-color)}.bangumi-showcase-wrapper .bangumi-timeline .timeline-header-content{display:flex;align-items:center;gap:1rem;flex:1}.bangumi-showcase-wrapper .bangumi-timeline .timeline-toggle{font-size:1.2rem;color:var(--text-secondary);transition:transform .3s;line-height:1}.bangumi-showcase-wrapper .bangumi-timeline .timeline-group.collapsed .timeline-toggle{transform:rotate(-90deg)}.bangumi-showcase-wrapper .bangumi-timeline .timeline-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em;margin:0}.bangumi-showcase-wrapper .bangumi-timeline .timeline-count{font-size:.875rem;color:var(--text-muted);padding:.25rem .75rem;background:var(--type-bg);border-radius:12px}.bangumi-showcase-wrapper .bangumi-timeline .timeline-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;max-height:100000px;overflow:hidden;transition:max-height .4s,opacity .3s;opacity:1}.bangumi-showcase-wrapper .bangumi-timeline .timeline-group.collapsed .timeline-items{max-height:0;opacity:0;margin-top:0}@media(max-width:800px){.bangumi-showcase-wrapper .bangumi-timeline .timeline-items{grid-template-columns:1fr}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bangumi-showcase-wrapper .bangumi-card{display:flex;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:var(--shadow-sm)}.bangumi-showcase-wrapper .bangumi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color)}.bangumi-showcase-wrapper .bangumi-cover{position:relative;width:110px;min-width:110px;height:154px;background:var(--bg-secondary);overflow:hidden}.bangumi-showcase-wrapper .bangumi-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .4s,transform .5s}.bangumi-showcase-wrapper .bangumi-cover img.lazy{opacity:0}.bangumi-showcase-wrapper .bangumi-cover img.loaded{opacity:1}.bangumi-showcase-wrapper .bangumi-card:hover .bangumi-cover img{transform:scale(1.05)}.bangumi-showcase-wrapper .bangumi-type-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .5rem;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.bangumi-showcase-wrapper .bangumi-details{flex:1;padding:1rem 1rem 1rem 0;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.bangumi-showcase-wrapper .bangumi-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bangumi-showcase-wrapper .bangumi-summary{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.bangumi-showcase-wrapper .bangumi-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.bangumi-showcase-wrapper .bangumi-rating{display:flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:var(--accent-color)}.bangumi-showcase-wrapper .rating-star{color:var(--rating-star);font-size:1rem}.bangumi-showcase-wrapper .bangumi-date{font-size:.8rem;color:var(--text-muted)}.bangumi-showcase-wrapper .bangumi-comment{margin-top:.75rem;padding:.625rem .875rem;background:var(--bg-secondary);border-left:3px solid var(--accent-color);border-radius:0 6px 6px 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5;font-style:italic}.bangumi-showcase-wrapper .empty-message,.bangumi-showcase-wrapper .error-message,.bangumi-showcase-wrapper .loading-placeholder{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted);font-size:.95rem}.bangumi-showcase-wrapper .error-message{color:#c9675d}.bangumi-scroll-hint-container{display:flex;justify-content:center;flex-wrap:nowrap;align-items:center;position:absolute;bottom:0;left:0;right:0;width:100%;height:50px;background:linear-gradient(to bottom,rgba(var(--bg-primary-rgb),0) 0,rgba(var(--bg-primary-rgb),1) 70%);opacity:1;transition:opacity .5s,transform .5s}.bangumi-scroll-hint-container.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.bangumi-scroll-hint-container .bangumi-scroll-hint{display:flex;align-items:center;margin-top:10px;animation:3s ease-in-out infinite float;transform:translateY(0);transition:transform .3s;font-size:.75rem;backdrop-filter:blur(16px)}.bangumi-scroll-hint-container .bangumi-scroll-hint:hover{transform:translateY(-5px)}.bangumi-scroll-hint-container .chevron-down{animation:1.5s infinite bounce}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}