:root {
  --primary-blue: #0b2c4a;
  --accent-blue: #1a4f8a;
  --quantum-gold: #c5a059;
  --bg-gray: #f4f7f9;
}

body { font-family: 'Segoe UI', Arial, sans-serif; margin:0; background:var(--bg-gray); color: #333; }

/* 導覽列優化：加入 Flex 佈局以放置語言切換 */
.navbar { 
  background: var(--primary-blue); 
  padding: 15px 5%; 
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  position: sticky; top: 0; z-index: 100;
}
.navbar .nav-container { display: flex; align-items: center; }
.navbar ul { list-style: none; display: flex; margin: 0; padding: 0; }
.navbar a { color: rgba(255,255,255,0.8); text-decoration: none; margin-left: 20px; transition: 0.3s; font-size: 0.95rem; }
.navbar a:hover { color: white; }

/* 語言切換按鈕 */
.lang-switch {
  margin-left: 30px;
  padding: 4px 12px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 20px;
  font-size: 0.8rem;
  color: white;
}
.lang-switch a { margin: 0 5px !important; opacity: 0.6; font-size: 0.8rem; }
.lang-switch a.active { opacity: 1; color: var(--quantum-gold); font-weight: bold; }

/* Hero 與其他區塊保持不變 */
.hero { position: relative; height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #05192d; color: white; overflow: hidden; text-align: center; }
#quantum-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.hero-content { position: relative; z-index: 2; pointer-events: none; }
.section { padding: 50px 10%; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 40px; }
.card { text-align: center; display: flex; flex-direction: column; align-items: center; padding: 30px 20px; background: white; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.profile-img-container { width: 250px; height: 250px; margin-bottom: 25px; border-radius: 50%; overflow: hidden; border: 6px solid #fff; box-shadow: 0 6px 15px rgba(0,0,0,0.1); background: #f8f8f8; }
.profile-img { width: 100%; height: 100%; object-fit: cover; object-position: center 10%; }
.expertise { font-size: 0.95rem; color: var(--accent-blue); font-weight: 500; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #eee; width: 80%; }
.tag { font-size: 0.85rem; padding: 5px 15px; border-radius: 20px; margin-top: 5px; }
.tag.qc { background: #e3f2fd; color: #1976d2; }
.tag.qm { background: #f1f8e9; color: #689f38; }
footer { text-align: center; padding: 40px; background: #222; color: #bbb; }