/* 补充页面沿用案例站的颜色、字号和导航，仅扩展内容布局。 */
.resource-article { max-width: 980px; padding-block: 48px 72px; }
.resource-figure { margin: 24px 0; }
.resource-figure img { display: block; width: 100%; height: auto; border: 1px solid #e9edf5; border-radius: 12px; }
.resource-figure figcaption, .historical-demo figcaption { margin-top: 10px; font-size: 14px; color: #68758a; }
.resource-link { color: #234fc2; text-decoration: underline; text-underline-offset: 4px; }
.resource-actions, .game-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.playground { padding: 18px; border: 1px solid #e9edf5; border-radius: 16px; background: #f8faff; }
.game-poster { display: block; width: 100%; max-height: 500px; object-fit: contain; border-radius: 10px; background: #edf1f8; }
.game-controls { margin-top: 18px; }
.game-controls button { border: 0; }
.game-status { margin-top: 12px !important; color: #68758a; font-size: 14px; }
.game-frame { display: block; width: 100%; height: 620px; border: 0; border-radius: 10px; background: #101827; scroll-margin-top: 82px; }
.resource-frame { width: 100%; height: 700px; display: block; border: 1px solid #e9edf5; border-radius: 12px; margin-block: 16px; background: #fff; }
.language-picker { display: flex; flex-wrap: wrap; gap: 10px; }
.language-picker button { padding: 9px 16px; border: 1px solid #dce2ee; border-radius: 22px; background: white; color: #44516a; }
.language-picker button[aria-pressed="true"] { background: #234fc2; color: white; border-color: #234fc2; }
.team-content { padding-block: 48px 72px; }
.team-content section { margin-bottom: 64px; scroll-margin-top: 90px; }
.team-content h2 { font-size: 28px; margin: 0 0 24px; }
.member-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.founder { grid-template-columns: minmax(0, 1fr); max-width: 260px; }
.member-card { padding: 28px 16px; text-align: center; background: #fafbff; border: 1px solid #edf0f7; border-radius: 18px; }
.member-card img { width: 136px; height: 136px; border-radius: 50%; object-fit: cover; }
.member-card img[alt="郑达奇"] { object-position: center 20%; }
.member-card h3 { margin: 20px 0 8px; font-size: 20px; }
.member-card p { margin: 0; color: #68758a; }
.community-grid, .contribution-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.community-card, .contribution-card { padding: 28px; border: 1px solid #e9edf5; border-radius: 18px; background: #fff; }
.community-card { text-align: center; }
.community-icon { width: 36px; height: 36px; }
.community-qr { display: block; width: 190px; height: 190px; object-fit: contain; margin: 20px auto; }
.resource-muted { color: #68758a; font-size: 13px; line-height: 1.7; }
.contribution-card:hover { border-color: #9db2e1; background: #f8faff; }
.contribution-card h3 { color: #234fc2; }
.contribution-card p { color: #68758a; line-height: 1.7; }
.research-content { max-width: 800px; padding-block: 80px 120px; text-align: center; }
.research-content h2 { font-size: clamp(28px, 4vw, 40px); }
.research-content p { line-height: 1.8; color: #68758a; }
.research-badge { display: inline-block; padding: 6px 18px; border-radius: 30px; background: #eef1ff; color: #5665d9 !important; }
.research-tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 28px 0 40px; }
.research-tags span { padding: 9px 18px; border: 1px solid #e4e9f4; border-radius: 24px; }
.historical-demo { margin: 24px 0; padding: 18px 22px; border: 1px solid #dde4f4; border-radius: 12px; background: #f8faff; }
.historical-demo summary { cursor: pointer; color: #234fc2; font-weight: 600; }
.historical-demo > p { margin: 16px 0; font-size: 14px; }
.historical-demo figure { margin: 20px 0; }
.historical-demo img, .historical-demo video { display: block; width: 100%; height: auto; border-radius: 8px; }
@media (max-width: 820px) {
  .member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .founder { grid-template-columns: 1fr; }
  .community-grid, .contribution-grid { grid-template-columns: 1fr; }
  .game-frame { height: min(620px, 75dvh); }
}
@media (max-width: 420px) {
  .member-grid { gap: 12px; }
  .member-card { padding: 20px 10px; }
  .member-card img { width: 100px; height: 100px; }
  .resource-actions { gap: 16px; }
  .playground { padding: 10px; }
  .historical-demo { padding: 14px; }
}