/* ============================================================
   mapsite-style.css — Foxconntech Sitemap v3.0
   設計語言：TSMC-Inspired Precision Corporate Blue
   - 深藍底 #0c2340，與全站 header 色調統一
   - 6 欄等寬 grid，無斷行困擾
   - 標題藍色亮線 accent，子項半透明白
   ============================================================ */

/* ── Root 容器 ─────────────────────────────────────────────── */
.ms-root {
  background-color: #071628;
  background-image:
    url("/static/images/mapsite.6493b87298c5.png"),
    linear-gradient(135deg, #060f1d 0%, #0c1f3a 60%, #071628 100%);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 2.5rem 0 2rem;
  border-top: 1px solid rgba(29, 143, 224, 0.2);
}

.ms-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 0;
}

/* ── 欄位 ───────────────────────────────────────────────────── */
.ms-col {
  padding: 0 1.25rem 0 0;
}

.ms-col:first-child {
  padding-left: 0;
}

.ms-col:last-child {
  border-right: none;
  padding-right: 0;
  padding-left: 1.5rem;
}

/* 中間欄左側也加間距 */
.ms-col:not(:first-child) {
  padding-left: 1.5rem;
}

/* ── 一級標題 ───────────────────────────────────────────────── */
.ms-col__title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 0.5rem;
  padding-left: 0;
}

.ms-col__title a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.25s ease;
}

.ms-col__title a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* 同欄內的第二個標題 */
.ms-col__title--sub {
  margin-top: 1.25rem;
}

.ms-col__title--sub a {
  color: #ffffff;
}

.ms-col__title--sub a:hover {
  color: rgba(255, 255, 255, 0.75);
}

/* ── 子項目清單 ─────────────────────────────────────────────── */
.ms-col__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.ms-col__list li a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  line-height: 1.4;
  display: block;
  transition: color 0.22s ease, transform 0.22s ease;
}

.ms-col__list li a:hover {
  color: rgba(255, 255, 255, 0.95);
  transform: translateX(4px);
}

/* ── 英文版調整 ─────────────────────────────────────────────── */
html[lang="en"] .ms-col__title {
  font-size: 1rem;
}

html[lang="en"] .ms-col__list li a {
  font-size: 0.875rem;
}

/* ── RWD: 1200px ────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .ms-inner {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem 0;
  }

  .ms-col {
    padding-right: 1rem;
  }

  .ms-col:not(:first-child) {
    padding-left: 1rem;
  }
}

/* ── RWD: 900px — 隱藏（與原版一致） ───────────────────────── */
@media (max-width: 900px) {
  .ms-root {
    display: none;
  }
}