/* 清明上河豚 · Blox Fruits 練功等級路線（guide_leveling） */

/* 只影響 .site-main 內部 */
.site-main{
  /* 對齊 guide_fruits.php 的攻略頁主視覺 */
  --primary-color:#2c3e50;
  --accent-color:#f1c40f;
  --text-dark:#2d3436;
  --bg-card:#ffffff;
}

.site-main .guide-detail-block + .guide-detail-block{
  margin-top: 26px;
}

.site-main .tag-v2{
  background:#f8f9fa;
  color:#2c3e50;
  border:1px solid #dcdde1;
}

/* 地圖區塊 */
.site-main .maps-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-top:12px;
}
.site-main .map-card{
  background:#f8f9fa;
  border:1px solid #e9ecef;
  border-radius:12px;
  padding:12px;
}
.site-main .map-card img{
  width:100%;
  height:auto;
  display:block;
  border-radius:12px;
}
.site-main .map-caption{
  margin-top:8px;
  font-size:0.95rem;
  color:#4b5563;
  line-height:1.4;
}

/* 等級卡片 */
.site-main .level-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
}
.site-main .level-card{
  flex:1 1 260px;
  border:1px solid #e9ecef;
  border-radius:12px;
  padding:14px;
  background:#fff;
}
.site-main .level-range{
  display:inline-block;
  background:#fdfcf5;
  color:#2c3e50;
  border:1px solid #f1c40f;
  padding:4px 10px;
  border-radius:999px;
  font-size:.9rem;
  margin-bottom:10px;
}
.site-main .level-title{
  font-weight:800;
  color:#111827;
  margin:0 0 6px 0;
}
.site-main .level-desc{
  color:#4b5563;
  font-size:.95rem;
  margin:0 0 10px 0;
}
.site-main .level-card ul{
  margin:0 0 0 18px;
  padding:0;
  color:#374151;
}
.site-main .level-note{
  color:#6b7280;
  font-size:.95rem;
  margin-top:10px;
}

/* 表格 */
.site-main .level-table{
  width:100%;
  border-collapse:collapse;
  margin-top:12px;
  overflow:hidden;
  border-radius:8px;
  border:1px solid #dcdde1;
}
.site-main .level-table th, .site-main .level-table td{
  padding:12px;
  border:1px solid #eee;
  text-align:left;
}
.site-main .level-table th{
  background:#f4f6f7;
  color:#2c3e50;
  font-weight:800;
}

/* 強調色區塊 */
.site-main .highlight-green{
  background:#f0fff4;
  border-left:4px solid #28a745;
}
.site-main .highlight-blue{
  background:#f0f7ff;
  border-left:4px solid #007bff;
}
.site-main .highlight-amber{
  background:#fdfcf5;
  border-left:4px solid #f1c40f;
}

/* 響應式 */
@media (max-width: 980px){
  .site-main .maps-grid{ grid-template-columns:1fr; }
}