.home-v2 {
  width: min(1280px, 90vw);
  min-height: calc(100vh - 72px);
  padding: 0;
}

.home-v2-main {
  position: relative;
  display: grid;
  grid-template-columns: .83fr 1.17fr;
  gap: 46px;
  align-items: center;
  min-height: calc(100vh - 72px);
  padding: 92px 0 72px;
}

.home-v2-copy,
.home-v2-work { position: relative; z-index: 1; }

.home-v2-name {
  margin: 0;
  font-size: clamp(48px, 5.2vw, 76px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.03em;
}

.capability-index {
  display: grid;
  gap: 18px;
  margin-top: 36px;
  color: #d7d7da;
  font-size: 15px;
}

.capability-index div { display: grid; grid-template-columns: 28px 1fr; gap: 13px; align-items: start; }
.capability-index span {
  color: var(--accent);
  font: 12px ui-monospace, SFMono-Regular, Consolas, monospace;
  padding-top: 5px;
}
.capability-index strong { color: #f1f1f2; font-size: 20px; font-weight: 500; }
.capability-index p { margin: 5px 0 0; color: #98989f; font-size: 14px; line-height: 1.45; }

.wish-box { display: flex; align-items: center; gap: 14px; margin-top: 34px; }
.wish-button {
  width: 52px;
  height: 52px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  background: rgba(9, 9, 11, .45);
  color: var(--accent);
  font-size: 22px;
  cursor: pointer;
  transition: transform .2s, background .2s;
}
.wish-button:hover { transform: rotate(20deg) scale(1.08); background: #18200d; }
.wish-message { max-width: 230px; color: #aeb0a9; font-size: 14px; line-height: 1.5; }
.wish-message:empty::before { content: "点一下"; color: #777780; }

.home-v2-work { display: grid; gap: 18px; }
.featured-label {
  margin: 0 0 2px;
  color: var(--accent);
  font: 12px ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .09em;
}

.feature-card {
  position: relative;
  display: grid;
  grid-template-columns: 62px 1fr auto;
  gap: 18px;
  align-items: center;
  min-height: 162px;
  padding: 27px 28px;
  border: 1px solid var(--line);
  background: rgba(13, 13, 16, .7);
  transition: border-color .2s, transform .2s, background .2s;
}
.feature-card:hover { border-color: var(--accent); transform: translateX(8px); background: #111115; }
.feature-index { align-self: start; color: var(--accent); font: 33px/1 Georgia, serif; }
.feature-card h2 {
  max-width: 520px;
  margin: 0 0 10px;
  font-size: clamp(21px, 2.1vw, 31px);
  font-weight: 500;
  line-height: 1.25;
}
.feature-prefix { color: var(--accent); }
.feature-card p { margin: 0; color: #a0a0a7; font-size: 14px; }
.feature-arrow { color: #e8e8ea; font-size: 30px; }
.v2-canvas { position: absolute; inset: 0; opacity: .25; pointer-events: none; }

@media (max-width: 800px) {
  .home-v2 { width: min(100% - 44px, 620px); }
  .home-v2-main { grid-template-columns: 1fr; gap: 52px; min-height: calc(100vh - 62px); padding: 70px 0 50px; }
  .home-v2-name { font-size: 56px; }
  .capability-index { margin-top: 27px; }
  .capability-index strong { font-size: 19px; }
  .wish-box { margin-top: 30px; }
  .feature-card { grid-template-columns: 42px 1fr auto; min-height: 128px; padding: 22px 18px; }
  .feature-index { font-size: 28px; }
  .feature-card h2 { font-size: 21px; }
  .feature-card p { font-size: 13px; }
}