/* result.css — v3.0.0 结果页（角色长图满屏滚动 + 底部按钮） */

#screen-result {
  background: #f4ead3;
  padding: 0;
}

.result-scroll {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
}
#screen-result.reveal .result-scroll {
  animation: revealUp 0.7s ease forwards;
}
@keyframes revealUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

.result-image {
  width: 100%;
  height: auto;
  display: block;
  pointer-events: auto;
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-touch-callout: default;
}

.result-redo {
  position: absolute;
  top: calc(var(--stage-safe-top) + 60px);
  right: 14px;
  z-index: 10;
  font-size: 12px;
  color: var(--ink-soft);
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 12px;
  border-radius: var(--r-pill);
}

.result-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(244, 234, 211, 0) 0%, #f4ead3 30%);
  padding: 3cqh 5cqw calc(1.5cqh + var(--stage-safe-bottom));
  display: flex;
  gap: 1.5cqw;
  z-index: 10;
}
/* 按钮按原稿样式：白底圆角矩形 + 深棕描边，BangFont 字体 */
.result-footer button {
  flex: 1;
  height: 4.6cqh;
  min-height: 44px;
  border-radius: 1.5cqh;
  background: #ffffff;
  border: 0.25cqh solid #231815;
  color: #231815;
  font-family: var(--font-title);
  font-size: 2.3cqh;
  font-weight: 500;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: transform 0.12s ease, background 0.12s ease;
}
.result-footer button:active {
  transform: scale(0.97);
  background: #f4ead3;
}
.result-footer .btn-save { flex: 1.6; }