/* 四个入口使用浅色插画；仅调整卡片，不改变首页其他区域。 */
.site-shell .quick-links .entry-card {
  --entry-tint: #f8effa;
  --entry-ink: #594175;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff26, #ffffff55),
    var(--entry-image) center / cover no-repeat,
    var(--entry-tint);
  color: #352644;
  border: 1px solid #ffffffa8;
  box-shadow: 0 10px 30px #080b2226, inset 0 1px 0 #ffffff99;
  text-shadow: 0 1px 5px #ffffffc4;
  backdrop-filter: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.site-shell .quick-links .entry-card:nth-child(1) {
  --entry-image: url('entry-blog.png');
  --entry-tint: #fff1e6;
  --entry-ink: #79547a;
}
.site-shell .quick-links .entry-card:nth-child(2) {
  --entry-image: url('entry-tools.png');
  --entry-tint: #e9f3ff;
  --entry-ink: #526c97;
}
.site-shell .quick-links .entry-card:nth-child(3) {
  --entry-image: url('entry-projects.png');
  --entry-tint: #f1eaff;
  --entry-ink: #77539b;
}
.site-shell .quick-links .entry-card:nth-child(4) {
  --entry-image: url('entry-about.png');
  --entry-tint: #eef7e9;
  --entry-ink: #526f66;
}
.site-shell .quick-links .entry-card > svg {
  color: var(--entry-ink);
  filter: drop-shadow(0 1px 3px #ffffffb3);
}
.site-shell .quick-links .entry-card h2 {
  color: #352644;
  font-weight: 750;
}
.site-shell .quick-links .entry-card p {
  color: #64566d;
  font-weight: 500;
}
.site-shell .quick-links .entry-arrow {
  color: var(--entry-ink);
  opacity: .72;
}
.site-shell .quick-links .entry-card:hover {
  border-color: #ffffff;
  box-shadow: 0 16px 35px #080b2240, inset 0 1px 0 #fff;
  transform: translateY(-5px);
}
.site-shell .quick-links .entry-card:focus-visible {
  outline: 3px solid #d9c2ff;
  outline-offset: 4px;
}
@media (max-width: 540px) {
  .site-shell .quick-links .entry-card {
    min-height: 125px;
    background-position: center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-shell .quick-links .entry-card { transition: none; }
  .site-shell .quick-links .entry-card:hover { transform: none; }
}
