/* 颜色要求.txt: 赛博白昼与马卡龙霓虹主题锁定。 */
:root {
  --paper: #F4F6F9;
  --card: #FDFDFD;
  --sky: #E5ECF6;
  --lav: #F3E8FF;
  --cyan: #00E5FF;
  --pink: #FF66B2;
  --ink: #18223B;
  --line: #CBD6E5;
}
body { background-color: #F4F6F9; }
.site-header { background: rgba(253,253,253,.92); }
.eyebrow,.eyebrow-line,.section-label,.timeline-item time,.download-dialog__eyebrow { color: #00A9BE; }
h1 .accent { color: #00BFD9; text-shadow: 3px 3px 0 #E5ECF6; }
.button-primary,.download-dialog__confirm { background: #00E5FF; }
.checklist li:before { color: #FF66B2; }
.hero-art,.download-dialog__panel { box-shadow: 9px 9px 0 #FF66B2; }
.index-card:nth-child(even) { box-shadow: 4px 4px 0 #FF66B2; }

/* 首页图文区按视觉中心对齐，避免单侧内容较长时出现悬空。 */
#guide .split,
#changes .split {
  align-items: center;
}

#guide .feature-image,
#changes .feature-image {
  width: 100%;
  margin: 0;
}

#guide .feature-image img,
#changes .feature-image img {
  aspect-ratio: 16 / 9;
}

#guide h2 {
  max-width: 18em;
  font-size: clamp(1.65rem, 2.5vw, 2.1rem);
  line-height: 1.35;
  text-wrap: balance;
}

@media (min-width: 901px) {
  #guide .split,
  #changes .split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 4vw, 64px);
  }
}

/* 页头标识使用随站提供的人物图标，保留紧凑的像素化外框。 */
.brand-mark {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 2px solid var(--ink);
  background: url("../img/favicon.ico") center / cover no-repeat;
  box-shadow: 3px 3px 0 var(--pink);
}

.brand-mark::after {
  display: none;
}