.homeBgImg{
  position: fixed;
  inset: 0;
  z-index: 0;
  background-image: url("../images/home/1.png");
  background-size: cover;
  background-position: center;
  transform: scale(1.02);
}

.homeBgVideo{
  position: fixed;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
}
.homeBgVideo.is-on{ opacity: 1; }

.homeBgVideo iframe{
  position: absolute;
  inset: -8% -8%;
  width: 116%;
  height: 116%;
  border: 0;
  filter: blur(16px) brightness(.72) contrast(1.04);
  transform: scale(1.08);
}

.homeBgLink{
  position: fixed;
  inset: 0;
  z-index: 1;
  display: none;
}
.homeBgLink.is-on{ display: block; }

.homeStage{
  position: relative;
  z-index: 2;
  min-height: 100svh;
  padding-top: var(--topbar-h);
  display: grid;
  place-items: center;
}

.homeGrid{
  width: min(1240px, calc(100vw - 80px));
  display: grid;
  grid-template-columns: 1fr minmax(340px, 520px) 1fr;
  gap: 54px;
  align-items: center;
  padding: 20px 0 46px;
}

.homeCol{
  color: rgba(255,255,255,.94);
  text-shadow: 0 10px 34px rgba(0,0,0,.20);
}

.workList{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}

.workItem{
  cursor: pointer;
  padding: 6px 0;
  user-select: none;
}
.workItem__title{
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.25;
}
.workItem__mat{
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  opacity: .86;
}
.workItem__time{
  margin-top: 6px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: .18em;
  opacity: .78;
}
.workItem:hover .workItem__title{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: rgba(255,255,255,.42);
}
.workItem.is-selected .workItem__title{
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  text-decoration-color: rgba(255,255,255,.62);
}

.homeCenter{ display: grid; justify-items: center; }

.homePreview{
  display: grid;
  gap: 12px;
  text-decoration: none;
  width: 100%;
  position: relative;
}

.homePreview__img{
  width: 100%;
  height: min(58vh, 520px);
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 34px 90px rgba(0,0,0,.22);
  transform: translateZ(0);
}

.homePreview__caption{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
  text-align: center;
  text-shadow: 0 10px 34px rgba(0,0,0,.18);
}

/* ===== 闪烁提示 ===== */
.homeTapHint{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  z-index: 3;
}
.homeTapHint__pill{
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  font-size: 14px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  text-shadow: 0 14px 40px rgba(0,0,0,.25);

  animation: tapPulse 2.5s ease-in-out infinite;
}
@keyframes tapPulse{
  0%   { opacity: 0; transform: translateY(0) scale(0.98); }
  50%  { opacity: 1; transform: translateY(-2px) scale(1.01); }
  100% { opacity: 0; transform: translateY(0) scale(0.98); }
}
.homeTapHint.is-off{
  display: none;
}

.homeFoot{
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  z-index: 3;
  text-shadow: 0 10px 34px rgba(0,0,0,.16);
}

@media (max-width: 980px){
  .homeGrid{
    width: min(760px, calc(100vw - 44px));
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .homePreview__img{
    height: auto;
    aspect-ratio: 16 / 10;
  }
}