/* YYYang personal-resume editorial theme — homepage only */
body.yy-resume {
  --yy-paper: #f4efe6;
  --yy-ink: #080808;
  --yy-red: #e53b24;
  background: var(--yy-ink);
}

body.yy-resume #name-layer {
  isolation: isolate;
}

body.yy-resume #preloader-logo,
body.yy-resume #preloader-luke,
body.yy-resume #preloader-baffait {
  font-family: "Songti SC", "STSong", "SimSun", serif;
  font-size: clamp(3.4rem, 11vw, 11.5rem);
  line-height: 0.96;
  letter-spacing: -0.14em;
  color: var(--yy-paper);
}

body.yy-resume #preloader-logo {
  font-weight: 300;
}

body.yy-resume #preloader-luke {
  font-weight: 600;
}

body.yy-resume #preloader-baffait {
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.18em;
}

body.yy-resume #preloader-dot {
  display: none;
  font-family: "Georgia", "Times New Roman", serif;
  font-size: clamp(2.2rem, 5.2vw, 5.4rem);
  line-height: 1;
  color: var(--yy-red);
  transform: translateY(-1.45em);
}

body.yy-resume .hero-tagline {
  top: clamp(1.5rem, 3.6vw, 3.5rem);
  left: clamp(1.5rem, 3.6vw, 3.5rem);
  max-width: 36rem;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: clamp(0.72rem, 0.9vw, 0.84rem);
  font-weight: 400;
  line-height: 1.95;
  letter-spacing: 0.09em;
  text-transform: none;
}

body.yy-resume .hero-tagline::before {
  content: "个人简历 · 2026";
  display: block;
  margin-bottom: 0.9rem;
  font-family: "Georgia", "Songti SC", serif;
  font-size: 0.78rem;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0.2em;
  color: rgba(244, 239, 230, 0.72);
}

body.yy-resume .hero-kicker {
  display: block;
  margin-bottom: 0.38rem;
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: clamp(0.88rem, 1.1vw, 1.05rem);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.04em;
  color: var(--yy-paper);
}

body.yy-resume .hero-line {
  background: rgba(244, 239, 230, 0.38);
}

body.yy-resume .hero-bar {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  letter-spacing: 0.08em;
}

body.yy-resume .hero-bar-left .chr-hover .ch-top,
body.yy-resume .hero-bar-left .chr-hover .ch-bot,
body.yy-resume .hero-bar-right .chr-hover .ch-top,
body.yy-resume .hero-bar-right .chr-hover .ch-bot {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  letter-spacing: 0.14em;
}

body.yy-resume .hero-bar-left .chr-hover .ch-top,
body.yy-resume .hero-bar-left .chr-hover .ch-bot {
  font-family: "Georgia", "Songti SC", serif;
  font-style: italic;
  letter-spacing: 0.12em;
}

@media (max-width: 768px) {
  body.yy-resume #preloader-logo,
  body.yy-resume #preloader-luke,
  body.yy-resume #preloader-baffait {
    font-size: clamp(3rem, 17vw, 5rem);
    letter-spacing: -0.16em;
  }

  body.yy-resume #preloader-dot {
    font-size: clamp(1.8rem, 8vw, 2.8rem);
    transform: translateY(-1.1em);
  }

  body.yy-resume .hero-tagline {
    max-width: calc(100vw - 3rem);
    font-size: 0.72rem;
    line-height: 1.8;
  }

  body.yy-resume .hero-bar-right {
    display: flex;
    gap: 1.15rem;
  }

  body.yy-resume .hero-bar {
    flex-direction: column;
    align-items: flex-end;
    gap: 0.55rem;
  }
}