/* 游戏机制内容骨架：jizhi 总览 + 技能/机制入门 */
html body.jizhi-page .jizhi-hero {
  margin: 0 0 22px; padding: 26px 28px; border: 1px solid #dbe5ea; border-radius: 14px; background: #fff;
}
html body.jizhi-page .jizhi-kicker {
  margin: 0 0 6px; font-size: 13px; font-weight: 700; color: #2563eb; letter-spacing: .05em;
}
html body.jizhi-page .jizhi-hero h1 {
  margin: 0 0 10px; font-size: 28px; line-height: 1.35; color: #17202c;
}
html body.jizhi-page .jizhi-hero p {
  margin: 0; font-size: 14px; line-height: 1.8; color: #64748b;
}
html body.jizhi-page .jizhi-grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
}
html body.jizhi-page .jizhi-card {
  display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 16px 18px;
  border: 1px solid #dbe5ea; border-radius: 12px; background: #fff; color: #1f2937; text-decoration: none;
  transition: border-color .16s ease, background .16s ease;
}
html body.jizhi-page a.jizhi-card:hover { border-color: #93c5fd; background: #f8fbff; color: #1d4ed8; }
html body.jizhi-page .jizhi-card strong { font-size: 16px; line-height: 1.4; }
html body.jizhi-page .jizhi-card small { font-size: 13px; line-height: 1.7; color: #64748b; }
html body.jizhi-page .jizhi-card em { font-style: normal; font-size: 13px; font-weight: 600; color: #2563eb; }
html body.jizhi-page .jizhi-section {
  margin: 24px 0 0; padding: 20px 22px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fbfcfe;
}
html body.jizhi-page .jizhi-section h2 {
  margin: 0 0 8px; font-size: 20px; line-height: 1.4; color: #17202c;
}
html body.jizhi-page .jizhi-section > p {
  margin: 0 0 14px; font-size: 13px; line-height: 1.7; color: #64748b;
}
html body.jizhi-page .jizhi-list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none;
}
html body.jizhi-page .jizhi-list li {
  min-width: 0; padding: 10px 12px; border: 1px solid #e5edf2; border-radius: 8px; background: #fff;
}
html body.jizhi-page .jizhi-list strong { display: block; font-size: 14px; color: #17202c; }
html body.jizhi-page .jizhi-list small { display: block; margin-top: 2px; font-size: 13px; line-height: 1.6; color: #64748b; }
html body.jizhi-page .jizhi-note {
  margin: 18px 0 0; padding: 12px 14px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #fff;
  font-size: 13px; line-height: 1.7; color: #64748b;
}
@media (max-width: 640px) {
  html body.jizhi-page .jizhi-hero { padding: 18px; }
  /* 2026-09-26 移动端优化：机制卡片桌面 2 列、手机原先塌成 1 列，
     手机保持 2 列并收紧间距（/html/jz/map.html 卡片块 2409px → 1592px）。 */
  html body.jizhi-page .jizhi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html body.jizhi-page .jizhi-list { grid-template-columns: 1fr; }
  html body.jizhi-page .jizhi-section { padding: 16px; }
}