/* SP Community —— 让聊天/游戏内容填满中间的白卡片（保留 article.card，和交友墙一致） */

/* 1) 卡片内边距稍收紧，给 iframe/聊天 更多空间 */
body.spc-game .page-article,
body.spc-chatroom .page-article,
body.spc-games-center .page-article {
	padding: 12px 14px !important;
}
/* 隐藏页面标题 */
body.spc-game .article-header,
body.spc-chatroom .article-header,
body.spc-games-center .article-header,
body.spc-game .post-title.page-title,
body.spc-chatroom .post-title.page-title,
body.spc-games-center .post-title.page-title {
	display: none !important;
}

/* 2) 游戏内联嵌入(不用iframe),直接融进白卡片 */
/* 嵌入版居中:游戏自带 body{flex center} 被提取时剥掉了,这里补上 */
.spc-game-embed { width: 100%; overflow: hidden;
	display: flex; flex-direction: column; align-items: center; }
.spc-game-embed canvas { max-width: 100%; }
/* 游戏容器水平居中(它们用 width:min(100%,Npx),margin auto 居中) */
.spc-game-embed > .cd,
.spc-game-embed > .dc,
.spc-game-embed > .tr,
.spc-game-embed > .ludo,
.spc-game-embed > .game-shell { margin-left: auto; margin-right: auto; }

/* 游戏弹层：嵌入态不能用 position:fixed（WordPress transform 容器会困住它）
   改为 inline block 显示在棋盘正下方 */
.spc-game-embed .ov {
	position: static !important;
	display: none !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	background: transparent !important;
	padding: 0 !important;
}
.spc-game-embed .ov.show {
	display: block !important;
}
.spc-game-embed .ov .modal {
	transform: none !important;
	width: 100% !important;
	max-width: 340px !important;
	margin: 16px auto !important;
	box-shadow: 0 8px 28px rgba(50,60,80,.14) !important;
}

/* 3) 聊天室填满卡片 */
.spc-chat { border-radius: 0 !important; box-shadow: none !important; }
.spc-chat .spc-chat-msgs { height: 60vh; }
.spc-chat .spc-chat-bar { margin: 0; }

/* 4) 站内游戏中心卡片墙 */
.spc-hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.spc-hub-card { text-decoration: none; color: inherit; background: var(--body-bg-color, #f7f8fa); border-radius: 16px;
	overflow: hidden; box-shadow: 0 4px 16px rgba(50,60,80,.06); display: flex; flex-direction: column; transition: transform .15s; }
.spc-hub-card:hover { transform: translateY(-3px); }
.spc-hub-cover { height: 88px; display: flex; align-items: center; justify-content: center; font-size: 42px; }
.spc-hub-card.g0 .spc-hub-cover { background: linear-gradient(135deg,#36c5d0,#1fc4a7); }
.spc-hub-card.g1 .spc-hub-cover { background: linear-gradient(135deg,#ffd166,#ff9f68); }
.spc-hub-card.g2 .spc-hub-cover { background: linear-gradient(135deg,#ff9bbd,#e75a8c); }
.spc-hub-card.g3 .spc-hub-cover { background: linear-gradient(135deg,#36c5d0,#1fc4a7); }
.spc-hub-card.g4 .spc-hub-cover { background: linear-gradient(135deg,#8aa6ff,#6a8cff); }
.spc-hub-card.g5 .spc-hub-cover { background: linear-gradient(135deg,#e75a8c,#b8487a); }
.spc-hub-card.soon { pointer-events: none; opacity: .85; }
.spc-hub-card.soon .spc-hub-cover { background: linear-gradient(135deg,#cfd6de,#aeb6c0); }
.spc-hub-body { padding: 12px 14px 14px; }
.spc-hub-body h3 { margin: 0 0 4px; font-size: 15px; }
.spc-hub-body p { margin: 0; font-size: 12px; color: var(--muted-2-color,#999); line-height: 1.5; }
.spc-hub-tag { display: inline-block; margin-top: 8px; font-size: 11px; padding: 2px 8px; border-radius: 999px; background: #eafaf4; color: #15a98f; }
.spc-hub-card.soon .spc-hub-tag { background: #eef0f5; color: #8a9099; }

/* 底部入口:纯文字 */
.spc-prev-foot { text-align:center; margin-top:14px; }
.spc-prev-foot .spc-prev-more, a.spc-prev-more { display:inline-block; font-size:13px; text-decoration:none; color:var(--theme-color,#e6603c); transition:opacity .15s; }
.spc-prev-foot .spc-prev-more:hover { opacity:.7; }