/* 模板封面：尺寸全部按容器宽度（cqw）缩放，卡片多大都保持同样的版式 */
.bb-cover{position:absolute;inset:0;container-type:inline-size;overflow:hidden;color:#f4f5f7;background:#101319;
  background-image:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--bb-accent) 30%,transparent),transparent 60%),linear-gradient(160deg,#171b23,#0d0f14)}
.bb-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
.bb-cover-body{position:absolute;inset:0;display:flex;flex-direction:column;padding:6cqw 6cqw 5.2cqw;z-index:2}
.bb-cover.has-image .bb-cover-body{right:36%}
.bb-cover-top{display:flex;align-items:center;gap:2cqw;flex-wrap:wrap}
.bb-cover-type{display:inline-flex;align-items:center;gap:1.4cqw;height:6.4cqw;padding:0 2.4cqw 0 1.8cqw;border-radius:99px;font-size:3.1cqw;font-weight:600;color:#0d0f14;background:var(--bb-accent)}
.bb-cover-type svg{width:3.8cqw;height:3.8cqw;stroke-width:9}
.bb-cover-platform{display:inline-flex;align-items:center;height:6.4cqw;padding:0 2.4cqw;border-radius:99px;font-size:3.1cqw;font-weight:500;background:rgba(255,255,255,.1);color:#e7e9ee}
.bb-cover-name{margin-top:4.4cqw;font-size:7.6cqw;line-height:1.18;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.bb-cover-tagline{margin-top:2.4cqw;font-size:3.7cqw;line-height:1.5;color:rgba(244,245,247,.72);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bb-cover.has-image .bb-cover-name{font-size:6.6cqw}
.bb-cover-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2.2cqw;min-width:0}
.bb-cover-flow{display:flex;align-items:center;gap:1.6cqw;flex-wrap:nowrap;overflow:hidden}
.bb-cover-chip,.bb-cover-io{flex:none;display:inline-flex;align-items:center;height:5.8cqw;padding:0 2.2cqw;border-radius:1.6cqw;font-size:2.9cqw;white-space:nowrap;background:rgba(255,255,255,.08);color:rgba(244,245,247,.85)}
.bb-cover-io-out{background:color-mix(in srgb,var(--bb-accent) 26%,transparent);color:#fff}
.bb-cover-arrow{font-size:3.6cqw;color:var(--bb-accent)}
.bb-cover-foot{display:flex;align-items:center;gap:1.2cqw;font-size:2.8cqw;color:rgba(244,245,247,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-cover-foot i{font-size:3.4cqw}
.bb-cover-art{position:absolute;right:-4cqw;bottom:-6cqw;width:52cqw;color:var(--bb-accent);opacity:.2;z-index:1;pointer-events:none}
.bb-cover-art svg{width:100%;height:auto;display:block}
.bb-cover.has-image .bb-cover-art{display:none}
.bb-cover-photo{position:absolute;top:0;right:0;bottom:0;width:42%;z-index:1}
.bb-cover-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.bb-cover-photo::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#11141a 0%,rgba(17,20,26,.55) 34%,rgba(17,20,26,0) 70%)}
.group:hover .bb-cover-photo img{transform:scale(1.05)}