page {
  background: #fffdf9;
}

.share-grid-page {
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48rpx;
  background: #fffdf9;
}

.share-grid-card {
  width: 100%;
  max-width: 560rpx;
  box-sizing: border-box;
  border: 1rpx solid rgba(127, 85, 57, 0.18);
  border-radius: 16rpx;
  background: rgba(255, 255, 255, 0.92);
  padding: 36rpx;
  box-shadow: 0 24rpx 68rpx rgba(127, 85, 57, 0.12);
}

.share-grid-title {
  color: #332820;
  font-size: 34rpx;
  font-weight: 700;
  line-height: 1.35;
}

.share-grid-text {
  margin-top: 18rpx;
  color: rgba(51, 40, 32, 0.68);
  font-size: 26rpx;
  line-height: 1.55;
}

.share-grid-text--danger {
  color: #b84a3d;
}

.share-grid-button {
  margin-top: 28rpx;
  width: 100%;
  border-radius: 8rpx;
  background: #7f5539;
  color: #fffdf9;
  font-size: 28rpx;
  line-height: 2.6;
}

.share-grid-canvas {
  position: fixed;
  left: -9999px;
  top: -9999px;
  width: 1px;
  height: 1px;
}