.douban-page-shell{gap:1.75rem;display:grid}.douban-page-hero{position:relative;overflow:hidden}.douban-page-hero__glow{z-index:0;background:radial-gradient(circle at 14% 16%, color-mix(in oklch, var(--color-primary) 16%, transparent), transparent 24%), radial-gradient(circle at 88% 82%, color-mix(in oklch, var(--color-secondary) 14%, transparent), transparent 22%);filter:blur(10px);pointer-events:none;position:absolute;inset:0}.douban-page-hero__content{z-index:1;position:relative}.douban-stat-list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.douban-stat-chip{border:1px solid color-mix(in oklch, var(--color-base-content) 8%, transparent);background:color-mix(in oklch, var(--color-base-100) 88%, transparent);color:color-mix(in oklch, var(--color-base-content) 74%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.78rem;font-weight:600;display:inline-flex}.douban-filter-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.douban-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}.douban-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}.douban-filter-head{justify-content:space-between;align-items:start;gap:.5rem;display:flex}.douban-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}.douban-filter-list{flex-wrap:wrap;gap:.5rem;display:flex}.douban-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}.douban-filter-chip .badge{border-radius:999px;min-width:1.45rem;padding-inline:.32rem;font-size:.68rem;line-height:1.1}.douban-filter-list--status{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.douban-filter-list--status .douban-filter-chip{width:100%;padding-inline:.72rem}.douban-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}.douban-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){.douban-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)}.douban-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 (prefers-reduced-motion:reduce){.douban-filter-group,.douban-filter-chip{transition:none}.douban-filter-group:hover,.douban-filter-chip:hover{transform:none}}.douban-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;display:grid}.douban-card{min-height:100%;position:relative;overflow:hidden}.douban-card__cover{aspect-ratio:3/4;background:linear-gradient(135deg, color-mix(in oklch, var(--color-base-200) 86%, transparent), var(--color-base-300)), linear-gradient(180deg, transparent, color-mix(in oklch, var(--color-base-content) 10%, transparent));position:relative;overflow:hidden}.douban-card__cover img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform .45s;position:relative}.douban-card__cover img[data-douban-poster-failed=true]{opacity:0}.douban-card:hover .douban-card__cover img{transform:scale(1.06)}.douban-card__cover-placeholder{background:linear-gradient(160deg, color-mix(in oklch, var(--color-base-200) 88%, transparent), color-mix(in oklch, var(--color-base-300) 72%, transparent)), radial-gradient(circle at top, color-mix(in oklch, var(--color-primary) 12%, transparent), transparent 60%);width:100%;height:100%;color:color-mix(in oklch, var(--color-base-content) 72%, transparent);opacity:0;isolation:isolate;justify-content:center;align-items:center;padding:1rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.douban-card__cover-placeholder:before{content:"";z-index:-2;background:linear-gradient(#ffffff14,#0000 34%,#0003),radial-gradient(circle at 22% 18%,#ffffff2e,#0000 28%);position:absolute;inset:0}.douban-card__cover-placeholder:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:100% 1.15rem,1.15rem 100%;border:1px solid #ffffff1f;border-radius:1.25rem;position:absolute;inset:.8rem;-webkit-mask-image:linear-gradient(#000c,#0000 92%);mask-image:linear-gradient(#000c,#0000 92%)}.douban-card__cover-placeholder[data-placeholder-tone=movie]{background:linear-gradient(155deg, color-mix(in oklch, var(--color-primary) 42%, #050a18), color-mix(in oklch, var(--color-secondary) 24%, #091024)), radial-gradient(circle at top, color-mix(in oklch, var(--color-accent) 22%, transparent), transparent 58%)}.douban-card__cover-placeholder[data-placeholder-tone=book]{background:linear-gradient(155deg, color-mix(in oklch, var(--color-secondary) 38%, #2d180c), color-mix(in oklch, var(--color-warning) 18%, #5b3a1d)), radial-gradient(circle at top, color-mix(in oklch, var(--color-warning) 18%, transparent), transparent 58%)}.douban-card__cover-placeholder[data-placeholder-tone=music]{background:linear-gradient(155deg, color-mix(in oklch, var(--color-accent) 35%, #121334), color-mix(in oklch, var(--color-info) 24%, #0c2643)), radial-gradient(circle at top, color-mix(in oklch, var(--color-info) 20%, transparent), transparent 58%)}.douban-card__cover-placeholder[data-placeholder-tone=game]{background:linear-gradient(155deg, color-mix(in oklch, var(--color-success) 28%, #071c16), color-mix(in oklch, var(--color-primary) 32%, #0c1a30)), radial-gradient(circle at top, color-mix(in oklch, var(--color-success) 22%, transparent), transparent 58%)}.douban-card__cover-placeholder-icon{color:#ffffff24;position:absolute;top:1rem;right:1rem;transform:rotate(-10deg)scale(1.15)}.douban-card__cover-placeholder-initial{letter-spacing:-.08em;color:#ffffffeb;text-shadow:0 18px 36px #0000003d;font-size:clamp(4.8rem,18vw,6.4rem);font-weight:900;line-height:1}.douban-card__cover-placeholder.is-visible,.douban-card__cover img[data-douban-poster-failed=true]+.douban-card__cover-placeholder{opacity:1}.douban-card__cover-badge,.douban-card__overlay{z-index:2}.douban-card__overlay{opacity:0;background:linear-gradient(#0000 30%,#000000bd);justify-content:center;align-items:end;padding:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.douban-card:hover .douban-card__overlay{opacity:1}.douban-card__body{gap:.85rem;display:grid}.douban-card__meta{color:color-mix(in oklch, var(--color-base-content) 60%, transparent);flex-wrap:wrap;gap:.55rem .9rem;font-size:.76rem;display:flex}.douban-card__tags{flex-wrap:wrap;gap:.45rem;display:flex}.douban-card__remark{border:1px solid color-mix(in oklch, var(--color-base-content) 7%, transparent);background:color-mix(in oklch, var(--color-base-100) 76%, transparent);border-radius:1rem;padding:.85rem .9rem}.douban-card__remark-label{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch, var(--color-base-content) 44%, transparent);margin-bottom:.35rem;font-size:.7rem;font-weight:700}.douban-card__remark-text{color:color-mix(in oklch, var(--color-base-content) 72%, transparent);font-size:.78rem;line-height:1.6}.douban-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.douban-empty{min-height:24rem}@media (width<=1024px){.douban-filter-panel,.douban-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.douban-page-shell{gap:1.25rem}.douban-filter-panel{grid-template-columns:minmax(0,1fr)}.douban-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.douban-filter-list--status{grid-template-columns:repeat(2,minmax(0,1fr))}.douban-filter-chip{padding-inline:.72rem}}