.channel-banner{width:min(1200px,calc(100% - 40px));min-height:210px;margin:34px auto 34px;padding:clamp(30px,5vw,58px);display:flex;align-items:flex-end;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:32px;background:var(--surface);box-shadow:var(--shadow)}
.channel-banner::before{content:"";position:absolute;right:-90px;top:-150px;width:390px;height:390px;border-radius:50%;background:var(--accent);opacity:.06}
.channel-banner::after{content:"";position:absolute;right:120px;bottom:-110px;width:210px;height:210px;border:40px solid var(--accent-2);border-radius:50%;opacity:.05}
.channel-title{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.channel-title-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 28px var(--glow-a)}
.channel-title-icon img{width:28px;height:28px;object-fit:contain;filter:brightness(0)}
.channel-title h1{margin:0;color:var(--ink);font-size:clamp(2rem,5vw,4rem);font-weight:950;line-height:1;letter-spacing:-.055em}
.channel-title p{margin:9px 0 0;color:var(--muted);font-size:1rem;font-weight:650}
.csha-game-container{width:100%}
.csha-game-item-div{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.csha-recomed-div{padding-top:6px}
.csha-recomed-div>div:empty{display:none}
.category-counter{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.82rem;font-weight:750}
.filter-pills{width:min(1200px,calc(100% - 40px));margin:0 auto 24px;display:flex;gap:10px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}
.filter-pills::-webkit-scrollbar{display:none}
.filter-pill{flex:0 0 auto;padding:9px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:750;text-decoration:none;transition:all .2s ease}
.filter-pill:hover,.filter-pill.active{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--button-ink);box-shadow:0 4px 16px var(--glow-a)}
.load-more-btn{display:block;margin:32px auto 0;padding:12px 24px;border:2px solid transparent;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--button-ink);font-weight:850;cursor:pointer;box-shadow:0 8px 24px var(--glow-a);transition:transform .2s ease,box-shadow .2s ease}
.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--glow-b)}
@media (min-width:1100px){
  .csha-game-item-div{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:760px){
  .channel-banner{width:calc(100% - 28px);min-height:170px;margin:20px auto 26px;padding:26px 22px;border-radius:24px}
  .channel-title-icon{width:50px;height:50px;border-radius:15px}
  .csha-game-item-div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-pills{width:calc(100% - 28px)}
}
@media (max-width:420px){
  .channel-banner{width:calc(100% - 22px)}
}