.page-head{padding:clamp(48px,7vw,76px) 0 clamp(10px,2vw,20px)}.page-head h1{font-size:clamp(26px,5vw,44px);margin:0 0 10px;display:flex;align-items:center;gap:12px}.page-head h1:after{content:"";height:2px;flex:0 1 200px;background:linear-gradient(90deg,var(--line-2),transparent)}.page-head p{margin:0;color:var(--ink-2);max-width:640px}.hall-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 24px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.hall-count em{font-style:normal;color:var(--green)}.hall-filter{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.hall-filter button{font-family:var(--font-mono);font-size:12px;color:var(--ink-2);background:transparent;border:1px solid var(--line-1);border-radius:4px;padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.hall-filter button:hover{color:var(--ink-1);border-color:var(--line-2)}.hall-filter button.on{color:var(--green);border-color:var(--green-dim);background:#00e5a012}.hall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px;padding-bottom:clamp(48px,8vw,80px)}.hall-card{display:flex;flex-direction:column;min-height:210px}.hall-card .thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:radial-gradient(circle at 30% 20%,#16202e,var(--bg-1));border-radius:6px;border:1px solid var(--line-1);margin-bottom:14px;display:block}.hall-card h2{margin:0 0 6px;font-size:17px}.hall-card p{flex:1}.hall-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.hall-card .play{font-family:var(--font-display);font-size:10px;color:var(--amber);letter-spacing:.1em;white-space:nowrap}.hall-card:hover .play{text-shadow:0 0 10px rgba(255,179,71,.8)}