/* Shared components for The Sift inner wiki pages */
.guide-hero-bg.enter { background-image: url('../images/official/sift-rift-recap.webp'); }
.guide-hero-bg.mod { background-image: url('../images/community/mielon-sift-overview.webp'); }
.guide-hero-bg.biomes { background-image: url('../images/official/sift-canyon-exploration.webp'); }
.guide-hero-bg.mobs { background-image: url('../images/official/sift-sifters-launch.webp'); }

.guide-hero-bg {
  position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.03);
}
.guide-hero-overlay {
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(15,23,42,.93),rgba(15,23,42,.70) 48%,rgba(15,23,42,.28)),
             linear-gradient(0deg,rgba(255,94,132,.28),transparent 48%);
}
.guide-summary-grid {
  margin-top:2rem; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.9rem; max-width:980px;
}
.guide-summary-card {
  padding:1rem 1.1rem; border:1px solid rgba(255,255,255,.2); border-radius:var(--radius-md);
  background:rgba(15,23,42,.62); backdrop-filter:blur(12px); color:#fff;
}
.guide-summary-card span {
  display:block; font-family:var(--font-pixel); font-size:.66rem; color:#bae6fd; margin-bottom:.3rem;
}
.guide-summary-card strong { display:block; font-size:.94rem; margin-bottom:.22rem; }
.guide-summary-card small { color:#cbd5e1; line-height:1.45; }

.guide-notice {
  margin:1.2rem 0; padding:1rem 1.1rem; border-radius:var(--radius-md); border:1px solid #bae6fd;
  background:#f0f9ff; color:#334155; line-height:1.65;
}
.guide-notice.warning { border-color:#fbcfe8; background:#fff1f2; }
.guide-notice strong { color:#0f172a; }

.step-list { display:grid; gap:.9rem; margin-top:1.2rem; }
.step-item {
  display:grid; grid-template-columns:46px 1fr; gap:.85rem; align-items:start;
  padding:1rem; border:1px solid #e2e8f0; border-radius:var(--radius-md); background:#f8fafc;
}
.step-num {
  width:42px; height:42px; display:grid; place-items:center; border-radius:13px;
  background:#0f172a; color:#fff; font-family:var(--font-pixel); font-size:.72rem;
}
.step-item h3 { font-family:var(--font-display); font-size:1rem; margin-bottom:.25rem; }
.step-item p { margin:0; color:#64748b; line-height:1.65; font-size:.9rem; }

.edition-grid, .entity-grid, .mod-grid {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.2rem;
}
.edition-card, .entity-card, .mod-card {
  border:1px solid #e2e8f0; border-radius:var(--radius-md); background:#fff; overflow:hidden;
}
.edition-card, .entity-card { padding:1.15rem; }
.edition-card h3, .entity-card h3, .mod-card h3 {
  font-family:var(--font-display); font-size:1.06rem; margin-bottom:.38rem;
}
.edition-card p, .entity-card p, .mod-card p { color:#64748b; font-size:.88rem; line-height:1.62; margin:0; }
.card-label {
  display:inline-block; margin-bottom:.55rem; padding:.25rem .52rem; border-radius:999px;
  font-family:var(--font-pixel); font-size:.6rem; background:#e0f2fe; color:#0369a1;
}
.card-label.pink { background:#fce7f3; color:#be185d; }
.card-label.gray { background:#f1f5f9; color:#64748b; }
.card-label.green { background:#dcfce7; color:#15803d; }

.mod-card-media { height:150px; background:#e2e8f0; }
.mod-card-media img { width:100%; height:100%; object-fit:cover; }
.mod-card-body { padding:1rem; }
.mod-meta { display:flex; flex-wrap:wrap; gap:.4rem; margin:.75rem 0; }
.mod-meta span {
  padding:.25rem .5rem; background:#f1f5f9; color:#475569; border-radius:999px; font-size:.69rem; font-weight:700;
}
.mod-actions { display:flex; gap:.55rem; margin-top:.85rem; }
.mod-actions a {
  display:inline-flex; padding:.52rem .75rem; border-radius:10px; background:#0ea5e9; color:#fff; font-size:.78rem; font-weight:800;
}
.mod-actions a.secondary { background:#f1f5f9; color:#334155; }

.entity-card img {
  width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:12px; margin-bottom:.85rem;
}
.entity-facts { list-style:none; display:grid; gap:.38rem; margin-top:.75rem; }
.entity-facts li { color:#64748b; font-size:.82rem; line-height:1.5; }
.entity-facts strong { color:#334155; }

.status-list { display:grid; gap:.65rem; margin-top:1rem; }
.status-row {
  display:grid; grid-template-columns:170px 1fr; gap:1rem; padding:.85rem 0; border-top:1px solid #e2e8f0;
}
.status-row:first-child { border-top:0; }
.status-row strong { color:#0f172a; }
.status-row span { color:#64748b; line-height:1.55; }

.related-links {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin-top:1rem;
}
.related-links a {
  padding:1rem; border:1px solid #e2e8f0; border-radius:var(--radius-md); background:#f8fafc;
  font-weight:800; color:#0369a1;
}
.related-links a small { display:block; margin-top:.3rem; color:#64748b; font-weight:500; line-height:1.4; }

@media (max-width:760px) {
  .guide-summary-grid, .edition-grid, .entity-grid, .mod-grid, .related-links { grid-template-columns:1fr; }
  .status-row { grid-template-columns:1fr; gap:.25rem; }
}

/* 四个 Wiki 内页的配图与来源说明。 */
.guide-cover-credit { margin: -.15rem 0 1rem; font-size: .75rem; line-height: 1.5; color: #cbd5e1; }
.guide-cover-credit a { color: #e0f2fe; text-decoration: underline; text-underline-offset: .2em; }
.guide-page .split-section { grid-template-columns: minmax(0, 1fr); }
.guide-page .guide-article-image { margin: 1.3rem 0; }
.guide-page .guide-article-image img { display: block; height: auto; aspect-ratio: auto; object-fit: contain; }
.guide-page .mod-card-media { height: auto; }
.guide-page .mod-card-media img { display: block; height: auto; aspect-ratio: 16/9; object-fit: contain; }
.guide-image-credit { font-size: .72rem !important; margin-bottom: .6rem !important; }