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

/* 只影響 .site-main 內部 */
.site-main{
  /* 覆蓋 guides_fighting_superhuman.css 的色系，讓本頁更像「指南/地圖」 */
  --primary-color:#2563eb;   /* 藍 */
  --accent-color:#0ea5e9;    /* 淺藍 */
  --text-dark:#1f2937;
  --bg-card:#ffffff;
}

/* 地圖區塊 */
.site-main .maps-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
  margin-top:12px;
}
.site-main .map-card{
  background:#f8fafc;
  border:1px solid #e5e7eb;
  border-radius:14px;
  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 #e5e7eb;
  border-radius:14px;
  padding:12px;
  background:#fff;
}
.site-main .level-range{
  display:inline-block;
  background:rgba(37, 99, 235, .10);
  color:#1d4ed8;
  border:1px solid rgba(37, 99, 235, .25);
  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:12px;
  border:1px solid #e5e7eb;
}
.site-main .level-table th, .site-main .level-table td{
  padding:12px;
  border-bottom:1px solid #e5e7eb;
  text-align:left;
}
.site-main .level-table th{
  background:#f1f5f9;
  color:#111827;
  font-weight:800;
}

/* 強調色區塊 */
.site-main .highlight-green{
  background:#ecfdf5;
  border-left:5px solid #10b981;
}
.site-main .highlight-blue{
  background:#eff6ff;
  border-left:5px solid #2563eb;
}
.site-main .highlight-amber{
  background:#fffbeb;
  border-left:5px solid #f59e0b;
}

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