.brief-preview{position:fixed;z-index:45;border:1px solid #ffffffc9;border-radius:15px;padding:20px;background:#f8fbfff7;color:var(--text);box-shadow:0 15px 48px #172c4933;backdrop-filter:blur(18px);animation:brief-appear .16s ease-out}
.brief-preview[hidden]{display:none}.brief-preview-heading{display:flex;align-items:center;gap:14px}.brief-preview-heading>img{width:62px;height:70px;object-fit:cover;border-radius:6px;flex-shrink:0}.brief-preview-heading>div{min-width:0}.brief-preview-heading small{font-size:8px;letter-spacing:.7px;color:var(--muted)}.brief-preview-heading h3{font-size:15px;font-weight:500;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.brief-preview-heading div>span{font-size:10px;color:var(--muted);line-height:1.5}.brief-preview-copy{font-size:12px;line-height:1.9;margin:16px 0;color:#38516d}.brief-preview-open{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);padding:13px 0 0;font-size:11px;color:var(--accent);min-height:36px}.brief-preview-open:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes brief-appear{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
.chart-album-card{perspective:1000px}.chart-album-card:hover{transform:none}.chart-cover-frame.card-art{display:block;position:relative;overflow:visible;isolation:isolate;transform-origin:50% 55%;border:1px solid #ffffff8c;background:radial-gradient(circle at 65% 50%,#ffffffa6,#e1e9f285);box-shadow:0 9px 25px #17304c14}
.chart-cover-frame>.chart-sleeve{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;transform-origin:45% 50%;border-radius:7px;transition:transform .48s var(--motion-soft),filter .22s ease;box-shadow:0 2px 9px #17304c15}
.chart-disc{position:absolute;z-index:1;right:2%;top:11%;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle at 32% 23%,color-mix(in srgb,var(--record-color) 72%,#fff),var(--record-color) 45%,color-mix(in srgb,var(--record-color) 72%,#07101c));background-size:cover;background-position:center;opacity:0;transform:translate3d(-30%,0,0) rotate(-75deg);transition:opacity .18s ease,transform .48s var(--motion-soft);box-shadow:4px 9px 18px #172c493d}
.chart-disc:before{content:'';position:absolute;inset:3px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0,transparent 1.2px,#0003 1.6px,transparent 2.5px),conic-gradient(from 25deg,transparent,#fff6 18%,transparent 30%,#0001 50%,#fff3 65%,transparent 80%);mask-image:radial-gradient(circle,transparent 22%,#000 24%)}
.chart-disc-label{position:absolute;inset:36%;border-radius:50%;overflow:hidden;border:1px solid #ffffff80}.chart-disc-label img{width:100%;height:100%;object-fit:cover}.chart-disc-label>span{position:absolute;inset:43%;border-radius:50%;background:#111a26;box-shadow:0 0 0 1px #ffffff70}.chart-cover-frame>.card-light{border-radius:8px;inset:0;z-index:3}.chart-rank,.chart-cover-action{z-index:5}.chart-cover-action{border-radius:0 0 8px 8px;pointer-events:none}.chart-card-copy{position:relative;z-index:6;background:transparent}
.chart-album-card:focus-visible .chart-sleeve{transform:translateX(-9%) scale(.79) rotate(-6deg)}.chart-album-card:focus-visible .chart-disc{opacity:1;transform:translateX(0) rotate(72deg)}
.chinese-grid.hall-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 20px}.chinese-card.chinese-hall-card{display:block;width:100%;padding:0;gap:0;border:0;border-radius:7px;background:transparent;box-shadow:none;color:inherit}.chinese-card.chinese-hall-card:hover{box-shadow:none;transform:translateY(-6px)}.chinese-hall-inner .chart-stat>span{color:#b9c5d4}.chinese-hall-card .hall-card-copy>strong{letter-spacing:1px;font-size:18px}.chinese-hall-card .hall-card-copy>small{font-size:10px;letter-spacing:.3px}.hall-band-portrait{background:#24354d}.hall-band-portrait>img{object-fit:contain;object-position:center}.chart-detail-band{object-fit:contain;background:#23364c;border-radius:10px}.chinese-hall-card:focus-visible{outline-color:#d8bd8e}.chart-display-color{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.chart-display-color>span{width:11px;height:11px;border-radius:50%;border:1px solid #172c4922}
@media(hover:hover) and (pointer:fine){
 .album-card.is-hovered .card-vinyl{transform:translate3d(var(--record-shift-x,0px),var(--record-shift-y,0px),0) rotate(calc(72deg + var(--record-turn,0deg)))}
 .album-card.is-hovered .card-vinyl-second{transform:translate3d(calc(4% + var(--record-shift-x,0px)),calc(-4px + var(--record-shift-y,0px)),0) rotate(calc(105deg + var(--record-turn,0deg)))}
 .chart-album-card.is-hovered{position:relative;z-index:4}.chart-album-card.is-hovered .chart-cover-frame>.chart-sleeve{transform:translate3d(-9%,0,24px) scale(.79) rotate(-6deg);filter:brightness(1.035)}
 .chart-album-card.is-hovered .chart-disc{opacity:1;transform:translate3d(var(--record-shift-x,0px),var(--record-shift-y,0px),0) rotate(calc(72deg + var(--record-turn,0deg)))}
 .chart-album-card.is-hovered .card-light{opacity:1}.chart-album-card.is-hovered .chart-cover-action{opacity:1}
}
@media(max-width:1100px){.chinese-grid.hall-grid{gap:26px 14px}.chinese-hall-card .hall-card-copy>strong{font-size:17px}}
@media(max-width:760px){.chinese-grid.hall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}}
@media(max-width:500px){.chinese-grid.hall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.chinese-card.chinese-hall-card{padding:0}.chinese-hall-card .hall-card-copy>strong{font-size:17px}.chinese-hall-card .hall-card-copy>small{font-size:9px}}
@media(hover:none),(pointer:coarse){.chart-disc{opacity:1;transform:none;width:76%;height:76%;right:-3%;top:12%}.chart-cover-frame>.chart-sleeve{transform:translateX(-8%) scale(.82) rotate(-4deg)}.chart-cover-frame.card-art{overflow:hidden}.chart-cover-frame .card-light{display:none}}
@media(prefers-reduced-motion:reduce){.brief-preview{animation:none}.chart-cover-frame>.chart-sleeve,.chart-disc{transition:none}.chart-cover-frame.card-art{transform:none!important}.album-card.is-hovered .card-vinyl,.album-card.is-hovered .card-vinyl-second{transform:none}.chart-album-card.is-hovered .chart-disc{transform:rotate(72deg)}.chinese-card.chinese-hall-card:hover{transform:none}}