.rules-hero {
  position: relative;
  overflow: hidden;
  padding: 38rpx 30rpx;
  background: #fffdf7;
  border-radius: 32rpx;
}

.rules-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70rpx;
  height: 70rpx;
  margin-bottom: 24rpx;
  background: #d9ef72;
  border-radius: 24rpx;
  color: #183f31;
  font-size: 45rpx;
  font-weight: 900;
}

.rule-list {
  margin: 32rpx 0;
}

.rule-card {
  display: flex;
  gap: 22rpx;
  margin-bottom: 16rpx;
  padding: 26rpx;
  background: #fffdf7;
  border-radius: 24rpx;
}

.rule-number {
  flex: 0 0 auto;
  color: #1d6b4f;
  font-size: 22rpx;
  font-weight: 900;
  letter-spacing: 2rpx;
}

.rule-title {
  font-size: 28rpx;
  font-weight: 800;
}

.rule-copy {
  margin-top: 10rpx;
  color: #68726c;
  font-size: 23rpx;
  line-height: 1.65;
}

.emergency-card {
  margin-bottom: 28rpx;
  padding: 26rpx;
  background: #ffe8e5;
  border-radius: 24rpx;
}

.emergency-title {
  color: #a63b35;
  font-size: 27rpx;
  font-weight: 800;
}

.emergency-copy {
  margin-top: 10rpx;
  color: #9b504a;
  font-size: 23rpx;
  line-height: 1.6;
}