/* hero（放大字體與行高） */
.hero{margin:64px 0;padding:48px;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));box-shadow:var(--card-shadow);backdrop-filter: blur(8px)}
.hero h2{margin:0 0 12px;font-size:34px}
.hero p{margin:0;color: rgba(235,250,255,0.95);font-size:18px;line-height:1.9;max-width:900px;text-align:justify;text-justify:inter-ideograph;text-align-last:left;}

/* About the Center 內容左右對齊 */
.hero p {
  text-align: justify;
  text-justify: inter-word;
  text-align-last: left;
}

/* 調整首頁：將「中心簡介」上移並加深外框（放在檔案末端以覆蓋舊規則） */
.hero{
  /* 上移：小幅負向位移，避免影響其他區塊結構 */
  transform: translateY(-28px);
  position: relative;
  z-index: 3;

  /* 讓 hero 看起來像突出的卡片 */
  padding: 22px;
  border-radius: 14px;

  /* 更明顯的外框 */
  border: 1.8px solid rgba(255,255,255,0.16);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  box-shadow: 0 28px 80px rgba(6,10,25,0.7), inset 0 1px 0 rgba(255,255,255,0.02);

  /* 文字可視性微調 */
  color: #eaf8ff;
}

/* 若 hero 內已有 h2/p，讓間距更緊湊 */
.hero h2{ margin-top:0; margin-bottom:8px; }
.hero p{ margin:0; opacity:0.95; }

/* 若想把整個 main 裡頭內容都上移（包含 key-results 等），可啟用下列規則 */
/* .container { transform: translateY(-18px); } */

/* 響應式：在窄螢幕時減少上移與陰影，避免遮擋導覽或造成重疊 */
@media (max-width:720px){
  .hero{
    transform: translateY(-12px);
    padding:16px;
    border-radius:12px;
    border: 1.4px solid rgba(255,255,255,0.12);
    box-shadow: 0 12px 36px rgba(6,10,25,0.55), inset 0 1px 0 rgba(255,255,255,0.01);
  }
  /* 如需同時上移主要內容，請微調下方值 */
  /* .container { transform: translateY(-8px); } */
}