/* 版本说明页：浅底、大步骤、一条命令一块 */
.ed-page { background: var(--bg-soft); }
.ed-hero {
  background: radial-gradient(900px 420px at 80% -20%, #12357a 0%, var(--navy-1) 60%);
  color: #eaf0fa;
  padding: 54px 0 46px;
}
.ed-hero h1 { font-size: clamp(32px, 4vw, 46px); letter-spacing: -.03em; margin: 10px 0 12px; }
.ed-hero p { max-width: 640px; color: #c5d2ea; font-size: 17px; }
.ed-kicker {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  border: 1px solid rgba(91,147,255,.45); color: #9eb6ff; font-size: 13px;
}
.ed-switch { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.ed-switch a {
  padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.2);
  color: #d5e2ff; font-size: 13.5px;
}
.ed-switch a.on { background: #fff; color: #1d4ed8; border-color: #fff; }

.ed-main { padding: 36px 0 72px; }
.ed-lead { color: var(--tx2); margin-bottom: 22px; max-width: 720px; }

.os-tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.os-tabs button {
  border: 1px solid var(--line-2); background: #fff; color: var(--tx);
  border-radius: 999px; padding: 8px 16px; font: inherit; font-weight: 600; cursor: pointer;
}
.os-tabs button.on { background: var(--blue); color: #fff; border-color: var(--blue); }

.pane[hidden] { display: none; }
.method {
  background: #fff; border: 1px solid var(--line); border-radius: 18px;
  padding: 22px 22px 8px; margin-bottom: 16px;
  box-shadow: 0 10px 30px rgba(15, 40, 90, .04);
}
.method h2 { font-size: 20px; margin-bottom: 4px; }
.method .sub { color: var(--tx2); margin-bottom: 8px; }

.step { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 16px 0; border-top: 1px solid var(--line); }
.step:first-of-type { border-top: 0; }
.no {
  width: 36px; height: 36px; border-radius: 50%;
  background: var(--blue-soft); color: var(--blue); font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.step h3 { font-size: 16.5px; margin-bottom: 4px; }
.step p { color: var(--tx2); margin-bottom: 10px; }
.cmd {
  display: flex; align-items: center; gap: 10px;
  background: #0d1730; color: #e7eefc; border-radius: 12px;
  padding: 12px 12px 12px 14px;
}
.cmd code {
  font-family: var(--mono); font-size: 14px; line-height: 1.55;
  white-space: pre-wrap; word-break: break-word; flex: 1;
}
.cmd button {
  flex: none; border: 0; border-radius: 8px; background: #2e6bff; color: #fff;
  font: inherit; font-size: 13px; font-weight: 600; padding: 7px 12px; cursor: pointer;
}
.dl {
  display: inline-flex; align-items: center; padding: 10px 16px; border-radius: 11px;
  background: linear-gradient(135deg, #3d7bff, #1d4ed8); color: #fff; font-weight: 650;
}
.note { color: var(--tx3); font-size: 13.5px; margin: 4px 0 14px; }
.two { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.point { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 18px 18px 16px; }
.point h3 { font-size: 17px; margin-bottom: 6px; }
.point p { color: var(--tx2); }
@media (max-width: 800px) {
  .two { grid-template-columns: 1fr; }
  .cmd { align-items: stretch; flex-direction: column; }
}