header {
  max-width: 1080px;
  margin: 0 auto;
  padding: 54px 32px 27px;
}

header section {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--line);
}

header .img img {
  display: block;
  width: 116px;
  height: 116px;
  object-fit: cover;
  border: 4px solid var(--card);
  border-radius: 50%;
  box-shadow: 0 8px 25px rgba(50, 65, 44, .18);
}

.myinfo h1 {
  margin: 0 0 9px;
  font-family: 'Playfair Display', 'Noto Sans TC', serif;
  font-size: clamp(1.75rem, 4vw, 2.45rem);
  letter-spacing: -.04em;
  line-height: 1.2;
}

.myinfo ul { display: flex; flex-wrap: wrap; gap: 5px 15px; margin: 0; padding: 0; color: var(--muted); font-size: .88rem; list-style: none; }
.myinfo li { display: inline-flex; align-items: center; gap: 5px; }
.myinfo li img { width: 16px; height: 16px; object-fit: contain; opacity: .8; }